Chapter1: Giới thiệu về HTML

8/18/2012

Chapter1: Giới thiệu về HTML

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h1>Đây là header 1</h1>
<p>Đây là doạn văn.</p>
</body>
</html>

Giải thích ví dụ

Thẻ DOCTYPE định nghĩa các loại tài liệu(ở đây là loại HTML)
Thẻ đầu tiên trong tài liệu HTML là &ltHTML&gt. Thẻ này nói cho trình duyệt biết đây là điểm khởi đầu của một tài liệu HTML. Thẻ cuối cùng của tài liệu là &ltHTML&gt, thẻ này nói cho trình duyệt biết đây là điểm kết thúc của văn bản.
Đoạn chữ nằm giữa hai thẻ &ltbody&gt và &lt/body&gt là những gì nó sẽ thể hiện trên trình duyệt của bạn.
Đoạn văn bản nằm giữa hai thẻ &lth1&gt và &lt/h1&gt sẽ được hiển thị như heading.
Đoạn văn bản nằm giữa hai thẻ &ltp&gt và &ltp&gt sẽ được hiển thị như đoạn văn.

	Thẻ !DOCTYPE là thẻ nằm trong chuẩn mới của HTML - HTML5.

HTML là gì ?

HTML là ngôn ngữ cơ bản để cho bạn viết Web đấy.
HTML là viết tắt của Hyper Text Markup Language(ngôn ngữ đánh dấu siêu văn bản).
HTML không phải là ngôn ngữ lập trình, nó là ngôn ngữ đánh dấu.
Là ngôn ngữ đánh dấu nên nó tập hợp các thẻ đánh dấu.(bạn có thể hiểu đơn giản là muốn văn bản của bạn hiển thị kiểu gì thì sẽ đánh dấu theo kiểu đã được quy định sẵn).
Thẻ(tag) đánh dấu nói cho trình duyệt biết nó phải hiển thị trang đó như thế nào.

Thẻ HTML

Thẻ đánh dấu HTML thường được gọi là thẻ HTML.
Thẻ HTML là các từ khóa (tên thẻ) được bao quanh bởi dấu ngoặc nhọn giống như &lthtml&gt.
Thẻ HTML thường đi theo cặp: giống như &ltb&gt và &lt/b&gt.
Thẻ đầu tiên trong một cặp thẻ HTML là thẻ bắt đầu một thẻ đánh dấu HTML, thẻ thứ hai là thẻ kết thúc.
Thẻ cuối cùng viết giống như thẻ đầu, có kèm theo dấu "/" phía trước từ khóa.
Thẻ cuối cùng và thẻ kết thức còn được gọi là thẻ mở và thẻ đóng.

<từ khóa>nội dung</từ khóa>

HTML Elements

"Thẻ HTML" and "HTML elements" thường được dùng để mô tả những điều giống nhau.
Nói đúng hơn, một HTML element là tất cả những gì nằm giữa thẻ bắt đầu và thẻ kết thúc, bao gồm cả những thẻ HTML:

Với ví dụ trên thì ta có thể hiểu như sau:

HTML element bắt đầu với thẻ: <p>
Nội dung của nó là: Đoạn văn bản.
HTML element kết thúc với thẻ: </p>
Mục đích của thẻ <p> là để định dạng một đoạn văn.
Đây cũng là một HTML element.

HTML Documents = Web Pages

HTML documents mô tả trang web
HTML documents chứa các thẻ HTML và văn bản đơn giản.
HTML documents cũng được gọi là trang web

Web Browsers(cái này còn gọi là trình duyệt web)

Mục đích của trình duyệt web(Chrome, Internet Explorer, Firefox) là đọc HTML document và hiển thị chúng như là một trang web(nói nôm na là nó dịch cái code HTML document này thành cái trang web đẹp đẽ mà mình hay xem đấy). Các trình duyệt sẽ không hiển thị các thẻ HTML nhưng sử dụng những cái thẻ HTML để giải thích nội dung của trang web.

Trình duyệt IE

Cấu trúc của trang HTML

Dưới đây là hình ảnh về cấu trúc của trang HTML

8/18/2012