Đang tải... (xem toàn văn)
Trước khi tìm hiểu về HTML thì tôi muốn đặt ra một câu hỏi cho tất cả các bạn. Tại sao phải học HTML ? Nó có vai trò quan trọng như thế nào trong thiết kế web ? Và câu trả lời cho câu hỏi trên là: HTML là thành phần cơ bản nhất cấu thành lên một trang web. Cho dù trang web của bạn có được xây dựng bằng PHP, ASP hay JSP nhưng nếu muốn hiển thị nội dung lên trình duyệt. Bao giờ output ( đầu ra) cuối cùng cũng là HTML, đây chính là định dạng mà trình duyệt web của bạn có thể đọc được và hiểu được nội dung mà bạn muốn hiển thị lên. Thậm chí bạn có sử dụng những CMS thì đầu ra cuối cùng vẫn là HTML. Cho nên hiểu và biết cách vận hành HTML vẫn rất cần thiết cho bất cứ ai muốn xây dựng trang web. Hiện nay có rất nhiều phần mềm với các công cụ kéo thả giúp chúng ta tạo ra một trang HTML một cách nhanh chóng và đơn giản nhưng tôi khuyên các bạn nên tự viết và nhớ nó vì đó là những bước đầu căn bản nhất trong sự nghiệp lập trình web của bạn. Và nếu các bạn chỉ dựa vào những phần mềm đó mà không hiểu chút gì về HTML thì thì bạn sẽ không thể hiểu được cấu trúc của một trang web ra làm sao và như vậy bạn sẽ khó có thể theo lập trình nói chung và lập trình web nói riêng. Có một số bạn cho rằng HTML là dễ nên không cần phải học. Vậy đặt ra vấn đề: + Bạn có biết hết các thẻ HTML không ? + Bạn có thể điều khiển được tất cả các thẻ HTML không ? Khi đặt ra vấn đề này thì chúng ta thường ngập ngừng trước khi trả lời câu hỏi đó vì một điều rất đơn giản là chúng ta không biết hêt tất cả các thẻ HTML. Và không biết hết tất cả các thẻ HTML thì làm sao có thể điều khiển được tất cả các thẻ HTML Theo kinh nghiệm của cá nhân tôi trong suốt quá trình làm việc với web. Tôi khuyên các bạn nên học và hiểu được HTML khi theo đuổi lập trình web vì đó là những cái căn bản nhất mà các bạn phải nắm được. Sau đây tôi sẽ giới thiệu cho các bạn về HTML, cấu trúc cơ bản của một trang html và và các quy tắc trong việc sử dụng thẻ html qua đó sẽ giúp các bạn có thể điều khiển được tất cả các thẻ HTML thậm chí những thẻ mà bạn chưa từng sử dụng đến. + HTML là gì ?
tìm hiểu HTML muốn đặt câu hỏi cho tất bạn - Tại phải học HTML ? Nó có vai trò quan trọng thiết kế web ? - Và câu trả lời cho câu hỏi là: - HTML thành phần cấu thành lên trang web Cho dù trang web bạn có xây dựng PHP, ASP hay JSP muốn hiển thị nội dung lên trình duyệt Bao output ( đầu ra) cuối HTML, định dạng mà trình duyệt web bạn đọc hiểu nội dung mà bạn muốn hiển thị lên - Thậm chí bạn có sử dụng CMS đầu cuối HTML Cho nên hiểu biết cách vận hành HTML cần thiết cho muốn xây dựng trang web - Hiện có nhiều phần mềm với công cụ kéo thả giúp tạo trang HTML cách nhanh chóng đơn giản khuyên bạn nên tự viết nhớ bước đầu nghiệp lập trình web bạn Và bạn dựa vào phần mềm mà không hiểu chút HTML thì bạn hiểu cấu trúc trang web bạn khó theo lập trình nói chung lập trình web nói riêng - Có số bạn cho HTML dễ nên không cần phải học Vậy đặt vấn đề: + Bạn có biết hết thẻ HTML không ? + Bạn điều khiển tất thẻ HTML không ? - Khi đặt vấn đề thường ngập ngừng trước trả lời câu hỏi điều đơn giản hêt tất thẻ HTML Và hết tất thẻ HTML điều khiển tất thẻ HTML - Theo kinh nghiệm cá nhân suốt trình làm việc với web Tôi khuyên bạn nên học hiểu HTML theo đuổi lập trình web mà bạn phải nắm - Sau giới thiệu cho bạn HTML, cấu trúc trang html và quy tắc việc sử dụng thẻ html qua giúp bạn điều khiển tất thẻ HTML chí thẻ mà bạn chưa sử dụng đến + HTML ? - HTML viết tắt từ HyperText Markup Language là ngôn ngữ đánh dấu siêu văn Được dùng để trình bày nội dung cho trang web Phiên HTML5 - Phân loại thẻ HTML • None: Khối thẻ không hiển thị nội dung bên • Block level: Khối thẻ hiển thị nội dung bên chiều ngang tràn hết trình duyệt • Inline: Khối thẻ hiển thị nội dung bên chiều ngang tùy thuộc vào kích thước đối tượng bên khối Và nằm dòng - Các thẻ HTML cặp thẻ thường kiểu block inline + Cấu trúc trang html - Một trang html có cấu trúc sau: Vùng thể nội dung toàn trang web Như bạn thấy cấu trúc trang web bao gồm: - Mở đầu cho trang html thẻ mở - Kết thúc trang html thẻ đóng - Sau thẻ mở html thẻ head: + Thẻ head bắt đầu thẻ mở kết thúc thẻ đóng - Bên thẻ head chứa thẻ title: + Thẻ title bắt bắt đầu thẻ mở kết thúc thẻ đóng - Sau thẻ đóng thẻ body: + Thẻ body bắt đầu thẻ mở kết thúc thẻ đóng + Nội dung chứa thẻ body chữ, hình ảnh, video thẻ html khác + Thẻ body gọi thẻ thân trang - Trên quy tắc mà bạn phải nhớ định lý trình bày trang html + Cách để sử dụng điều khiển thẻ html - Để sử dụng điều khiển thẻ html phải nắm cấu trúc thẻ html nguyên tắc khai báo thẻ html * Cấu trúc thẻ html - Một thẻ html bao gồm thành phần: Tên thẻ, thuộc tính thẻ, giá trị thuộc tính Ví dụ 678 Welcome to you ! Kết ví dụ trên: - Như bạn thấy: Ở ví dụ trên: "" thẻ html có thành phần: - Tên thẻ: font - Thuộc tính color( thể màu chữ) Giá trị thuộc tính red - Thuộc tính size( thể màu chữ) Giá trị thuộc tính 12 + Nguyên tắc khai báo thẻ html - Thẻ html có hai loại: Thẻ đơn thẻ kép - Đối với thẻ đơn kết thúc thẻ đơn ta phải có dấu đóng thẻ: Ví dụ: , , - Đối với thẻ kép: Đối với thẻ html kép( cặp thẻ) bắt đầu thẻ mở kết thúc thẻ đóng Ví dụ: ,, - Đối với thẻ html có thuộc tính giá trị - Vậy cho dù có thẻ html mà bạn chưa sử dụng việc tuân thủ theo nguyên tắc bạn hoàn toàn sử dụng điều khiển - Kết thúc mở đầu giới thiếu cho bạn thẻ html, phải sử dụng thẻ html dùng để làm ? Đồng thời giúp cho bạn cách để sử dụng điều khiển thẻ html Ở sau giới thiệu cho bạn thẻ html mục đích sử dụng thẻ