Giới thiệu về HTML

Chương 2 : Ngôn ngữ đánh dấu văn bảnBài 1 : căn bản HTML – bài mở đầuCăn bản về HTML HTML: HyperText Markup Language. Đây là một ngôn ngữ đơn giản được sử dụng trong các tài liệu siêu văn bản. Đừng choáng. Nó cũng chỉ là các tài liệu văn bản bình thường nhưng có chứa các thành phần đặc biệt gọi là các thẻ (hoặc các cặp thẻ) đánh dấu....
Nội dung trích xuất từ tài liệu:
Giới thiệu về HTML Tự Học PHP Chương 2 : Ngôn ngữ đánh dấu văn bản Bài 1 : căn bản HTML – bài mở đầuCăn bản về HTMLHTML: HyperText Markup Language. Đây là một ngôn ngữ đơn giản được sử dụng trong các tàiliệu siêu văn bản. Đừng choáng. Nó cũng chỉ là các tài liệu văn bản bình thường nhưng có chứacác thành phần đặc biệt gọi là các thẻ (hoặc các cặp thẻ) đánh dấu. Dựa theo các cặp thẻ nàymà trình duyệt có thể biết được nó phải thực hiện cái gì. Bản chất của HTML không phải là mộtngôn ngữ lập trình nên các bạn cũng chẳng cần lo lắng đến những thuật toán lằng nhằng. Nó chỉlà một ngôn ngữ để đánh dấu văn bản thôi.Ví dụ đơn giản:Hãy lấy một ví dụ đơn giản như sau:Xin chào, tôi là LGVTCác bạn chú {: dòng chữ Xin chào, tôi là LGVT được đặt trong cặp chữ và Cặp chữnày chính là k{ hiệu của một cặp thẻ trong ngôn ngữ HTML, mà khi biên dịch ra, trình duyệt sẽhiểu là: Khi gặp thẻ , nó phải có trách nhiệm in tất cả các chữ sau đó thành chữ đậm chođến khi gặp thẻ .Các bạn có thể hiểu các thẻ trong HTML như là các từ khoá trong Pascal vậy. Cũng đừng nên lolắng quá, vì bản thân HTML chỉ có khoảng hơn 20 thẻ thông dụng thôi.Trong HTML, các thẻ có thể tồn tại đơn lẻ, hoặc tồn tại dưới dạng một cặp thẻ. Nếu tồn tại dướidạng 1 cặp thì thẻ bắt đầu gọi là thẻ mở và thẻ kết thúc gọi là thẻ đóng. Các bạn có thể hìnhdung thẻ mở như từ khoá Begin và thẻ đóng như từ khoá End trong khối câu lệnh của Pascalvậy.VD: Thẻ là 1 thẻ đơn (không có thẻ đóng), có nhiệm vụ thông báo cho trình duyệt hiểnthị một hình ảnh nào đó.Cặp thẻ là 1 cặp thẻ, bắt đầu bằng thẻ và kết thúc bằng thẻ . Cặpthẻ này quy định font chữ, màu chữ, kích cỡ chữ của đoạn văn bản nằm giữa.By traibingo 1|P a ge Tự Học PHPĐể soạn thảo một file HTML, các bạn có thể sử dụng bất kz trình soạn thảo nào, chẳng hạn nhưNotePad hay thậm chí Turbo Pascal cũng được. miễn là sau đó các bạn Save As dưới dạng đuôi*.htm. Còn để mở file này thì cứ việc kích đúp chuột vào đó, trình duyệt sẽ tự động mở ra chobạn. Tất nhiên cũng có nhiều chương trình soạn thảo cho phép sinh tự động mã HTML, nhưngđể cho các bạn nắm vững ngôn ngữ này, tôi yêu cầu các bạn phải tự soạn bằng tay trênNotePad. Các ví dụ dưới đây mang tính chất tham khảo, các bạn có thể copy và lưu chúng dướidạng file .htm.Cấu trúc của 1 thẻ trong HTML bao gồm:- Dấu Tự Học PHPthế giới phải than trời ầm ỹ cả lên. Rất may là tại thời điểm này, hầu hết các font chữ tiếng Việt thời đồ đá không còn được ứng dụng trong thiết kế web nữa, thay vào đó là các chuẩn quốc tế Unicode.Ở đây tôi xin giới thiệu 2 chuẩn Unicode tiếng Việt phổ biến và cách sử dụng thẻ meta cho từng trường hợp cụ thể: - Mã UTF-8: Là mã font Unicode rút gọn (biểu diễn font chữ theo kiểu 8 bit. Khi ta khai báo: Trình duyệt sẽ hiểu là từ khi đọc được dòng chữ này, nó sẽ giải mã các k{ tự theo kiểu UTF-8. Và khi bạn gửi dữ liệu từ mẫu biểu của HTML đi, dữ liệu đó cũng phải được mã hoá theo tiêu chuẩn UTF-8. Chẳng hạn, để trình duyệt hiển thị đúng bài thơ: Trung thu là tết thiếu nhi Tại sao người lớn lại đi chơi nhiều Chơi nhiều thì sẽ làm liều Làm liều lại đẻ ra nhiều thiếu nhi. Thì đoạn mã HTML do ta sinh ra phải có dạng: Trung thu là tết thiếu nhiTại sao người lá»›n lại Ä‘i chÆ¡i nhiờu ChÆ¡i nhiờu thà sẽ là m liờuLà m liờu lại đẻ ra nhiờu thiếu nhi. Tất nhiên chúng ta có thể sử dụng chương trình Vietkey hoặc Unikey để gõ tiếng việt theo kiểu UTF-8 (sử dụng bảng mã Unicode UTF-8), nhưng sẽ hơi khó chịu một tí . - Mã UTF-16 bít: Là mã font Unicode 16 bít. Ta phải khai báo như sau: Trình duyệt sẽ hiểu là từ khi đọc được dòng chữ này, nó sẽ giải mã các k{ tự theo kiểu UTF-16 bit. Và khibạn gửi dữ liệu từ mẫu biểu của HTML đi, dữ liệu đó cũng phải được mã hoá theo tiêu chuẩn UTF- 16 bít trên. Chẳng hạn, để trình duyệt hiển thị đúng bài thơ: ...