Thành phần của HTML
Các dạng thẻ HTML
*
Thẻ HTML dùng để viết lên những thành tố HTML
*
Thẻ HTML được bao quanh bởi hai dấu lớn hơn < và > nhỏ hơn.
*
Những thẻ HTML thường có một cặp giống như <b> và </b>
*
Thẻ thứ nhất là thẻ mở đầu và thẻ thứ hai là thẻ kết thúc.
*
Dòng chữ ở giữa hai thẻ bắt đầu và kết thúc là nội dung.
*
Những thẻ HTML không phân biệt in hoa và viết thường, ví dụ dạng <b> và <B> đều như nhau,
Thành phần HTML
Nhớ lại ví dụ ở trên của chúng ta về HTML
<html>
<head>
<title>Viet Photoshop</title>
</head>
<body>
www.vietphotoshop.com and
www.bantayden.com. <b>Photoshop and web design resources </b>
</body>
</html>
<b>Photoshop and web design resources </b>
Thành phần của HTML bắt đầu với thẻ: <b>
Nội dung của nó là: Photoshop and web design resources
Thành phần của HTML kết thúc với thẻ: </b>
Mục đích của thẻ <b> là để xác định một thành phần của HTML phải được thể hiện dưới dạng in đậm
Đây cũng là một thành phần của HTML:
<body>
www.vietphotoshop.com and
www.bantayden.com. <b>Photoshop and web design resources </b>
</body>
Phần này bắt đầu bằng thẻ bắt đầu <body> và kết thúc bằng thẻ kết thúc </body>. Mục đích của thẻ <body> là xác định thành phần của HTML bao gồm nội dung của tài liệu.
Các thuộc tính của thẻ HTML
Những thẻ HTML đều có những thuộc tính riêng. Những thuộc tính này cung cấp thông tin về thành phần HTML của trang web. Tag này xác định thành phần thân của trang HTML: <body>. Với một thuộc tính thêm vào là bgcolor, bạn có thể báo cho trình duyệt biết rằng màu nền của trang này là màu đỏ, giống như sau: <body bgcolor="red"> hoặc <body bgcolor="#E6E6E6"> (#E6E6E6 là giá trị hex của màu)
Thẻ này sẽ xác định dạng bảng HTML:<table> với một thuộc tính đường viền (border), bạn có thể báo cho trình duyệt biết rằng bảng sẽ không có đường viền: <table border="0">
Thuộc tính luôn luôn đi kèm một cặp như name/value: name="value" (tên="giá trị")
thuộc tính luôn luôn được thêm vào thẻ mở đầu của thành phần HTML.
Dấu ngoặc kép, "red" hoặc 'red'
Giá trị thuộc tính nên được đặt trong dấu trích dẫn " và ". Kiểu ngoặc kép như vậy thì phổ biến hơn, tuy nhiên kiểu đơn như ' và ' cũng có thể được dùng. Ví dụ trong một vài trường hợp đặc biệt hiếm, ví dụ như giá trị thuộc tính đã mang dấu ngoặc kép rồi, thì việc sử dụng ngoặc đơn là cần thiết. Ví du
name='ban"tay"den'
Cơ bản về các thẻ HTML
Những thẻ quan trọng nhất trong HTML là những thẻ xác định Heading, đoạn văn và xuống dòng.
Headings
Headings được định dạng với hai thẻ <h1> đến <h6>. <h1> xác định heading lớn nhất. <h6> xác định heading nhỏ nhất
<h1>Đây là heading</h1>
<h2>Đây là heading</h2>
<h3>Đây là heading</h3>
<h4>Đây là heading</h4>
<h5>Đây là heading</h5>
<h6>Đây là heading</h6>
HTML sẽ tự động thêm một dòng trắng trước và sau mỗi heading.
Đoạn văn - paragraphs
Paragraphs được định dạng bởi thẻ <p>.
<p>Đây là đoạn văn</p>
<p>Đây là một đoạn văn khác</p>
HTML sẽ tự động thêm một dòng trắng trước và sau mỗi heading.
Line Breaks - xuống dòng
Thẻ <br> được sử dụng khi bạn muốn kết thúc một dòng nhưng lại không muốn bắt đầu một đoạn văn khác. Thẻ <br> sẽ tạo ra một lần xuống dòng khi bạn viết nó.
<p>Đây <br> là một đo<br>ạn văn với thẻ xuống hàng</p>
Thẻ <br> là một thẻ trống, nó không cần thẻ đóng dạng </br>
Lời chú thích trong HTML
Thẻ chú thích được sử dụng để thêm lời chú thích trong mã nguồn của HTML. Một dòng chú thích sẽ được bỏ qua bởi trình duyệt. Bạn có thể sử dụng chú thích để giải thích về code của bạn, để sau này bạn có phải quay lại chỉnh sửa gì thì cũng dễ nhớ hơn.
<!-- Chú thích ở trong này -->
Bạn cần một dấu chấm than ! ngay sau dấu nhỏ hơn nhưng không cần ở dấu lớn hơn.
Những thẻ HTML cơ bản
Tag
Mô Tả
<html>
Xác định một văn bản dạng HTML
<body>
Xác định phần thân của tài liệu
<h1> to <h6>
Xác định header từ 1 đến 6
<p>
Xác định một đoạn văn
<br>
Chèn một dòng trắng
<hr>
Xác định một đường thẳng
<!-->
Xác định vùng chú thích
Một vài ví dụ
Các dạng của đoạn văn bản
Ví dụ này giải thích thêm về vài thuộc tính của đoạn văn bản.
Line breaks
Ví dụ này giải thích về cách sử dụng thẻ xuống hàng
Vấn đề với căn chỉnh dạng bài thơ
Ví dụ này cho bạn thấy một vài vấn đề về căn chỉnh của HTML
Headings
Heading căn lề giữa
Đường thẳng ngang
Lời chú thích ẩn
Ví dụ này giải thích cách thêm một đoạn chú thích vào mã nguồn của HTML
Màu nền
Định dạng chữ bằng HTML
HTML có thể dùng để định dạng văn bản như ta làm với Word như đậm, nghiêng hoặc gạch chân
Dưới đây là một vài ví dụ bạn có thể tự mình thử.
Một vài ví dụ
Text formatting
Preformatted text
Ví dụ này giải thích cách nào bạn có thể điều khiển xuống hàng và khoảng trống với Pre tag.
"Computer output" tags
Địa chỉ
Ví dụ này hướng dẫn bạn cách tạo một địa chỉ trong HTML
Chữ viết tắt
Ví dụ này hướng dẫn bạn cách sử dụng kiểu viết tắt.
Hướng chữ
Trích dẫn
Chữ bị gạch ngang và chữ chèn