Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Saturday, December 8, 2007

Căn bản về HTML (phần 3)

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


Theo Vietphotoshop
Được đăng bởi tại No comments:
Nhãn:

Căn bản về HTML (phần 2)

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

Được đăng bởi tại No comments:
Nhãn:
Subscribe to: Posts (Atom)