Bài 6 – Các Quy Tắc Chung & Cấu Trúc Một Tài Liệu Trong HTML

0
231

Xin chào các bạn . Tôi là Elly và hôm nay anh Andy vắng mặt rồi nhé ???? . Nên tôi xin phép thay mặt Andy trình bày với các bạn bài tiếp theo.

Đối với mọi khía cạnh và công việc trong cuộc sống . Chúng đều có những quy tắc và chuẩn mực để làm việc . Trong thiết kế và lập trình web cũng vậy, điều này càng mạnh mẽ hơn khi ở khắp mọi nơi trên thế giới đều cùng làm việc với nhau trên một nền tảng.

Vậy quy tắc và chuẩn mực trong lập trình web là gì ?

[box type=”info” ]

*Một số điều cần lưu ý khi soạn thảo siêu văn bản bằng HTML: *
Nhiều dấu cách liền nhau cũng chỉ có tác dụng như một dấu cách. Bạn *phải sử dụng thẻ để thể hiện nhiều dấu giãn cách liền nhau.*
Gõ Enter để xuống dòng được xem như một dấu cách, để xuống hàng thì *chúng ta phải sử dụng thẻ tương ứng*
Có thể viết tên thẻ không phân biệt chữ in thường và in hoa.
Vì các kí tự dấu lớn hơn *> , dấu nhỏ hơn < đã được dùng làm thẻ đánh *dấu, do đó để hiển thị các kí tự này HTML quy định cách viết:

sẽ là dấu < < sẽ là dấu >

Nói chung, quy tắc viết các kí tự đặc biệt trong HTML là tên_quy_định của kí *tự nằm giữa dấu ampersand *– * và dấu chấm phẩy ;*

&tênquyđịnh;

5 ký tự đặc biệt hay dùng

Có thể chèn các dòng bình luận, chú thích… vào trang mã nguồn bằng cách đặt giữa cặp dấu chú thích <! — và –>.

Trình duyệt sẽ bỏ qua không xét đến phần mã nằm giữa cặp dấu đó:

<! — Dòng chú thích –>

[/box]

Vậy là chúng ta đã đi qua các chuẩn mực khi thiết kế và lập trình web với HTML. Vạy câu hỏi đặt ra là . Khi chúng ta đã hiểu được các quy tắc của nó thì cấu trúc của nó làm việc thế nào ? . Bây giờ ta sẽ tìm hiểu cấu trúc của một trang web HTML.

Mọi tài liệu HTML đều có khung cấu trúc như sau:

 

Hãy xem trình duyệt hiển thị tài liệu trên như thế nào. Dĩ nhiên là một trang trắng chưa có nội dung gì cả !

Giữa cặp thẻ tiêu đề *. ..là dòng chữ sẽ hiện lên trên thanh tiêu đề của cửa sổ khi *trình duyệt đọc tài liệu. Nếu bỏ trống thì trình duyệt sẽ *cho hiện tên tệp thay vào đó.*

Toàn bộ nội dung của tài liệu nằm giữa hai thẻ xác định thân của trang *…. *Các dạng văn bản, hình ảnh, âm thanh, video, các mối liên kết… tạo nên trang Web đều phải nằm ở đây.

Ví dụ như tài liệu HTML đơn giản dưới đây:

Chỗ này là tiêu đềToàn bộ nội dung của tài liệu nằm ở đây: Các đoạn văn bản xen lẫn hình ảnh, âm thanh, video, các liên kết đến vị trí khác, tài liệu khác…

Hãy xem trình duyệt trình bày tài liệu trên như thế nào.

Nhớ lại rằng nhiều dấu cách chỉ được coi như một, dấu xuống dòng chỉ được thể hiện như một dấu cách nên tài liệu trên hoàn toàn tương đương với tài liệu sau đây:

Chỗ này là tiêu đềToàn bộ nội dung của tài liệu nằm ở đây: Các đoạn văn bản xen lẫn hình ảnh, âm thanh, video, các liên kết đến vị trí khác, tài liệu khác…

Tuy nhiên, để dễ theo dõi và phát hiện lỗi, nên trình bày như trong văn bản trước: thẳng cột từng cặp thẻ, xuống dòng khi cần thiết, đặt các thẻ vào nơi hợp lý nhất.

Xin chào các bạn tôi là Elly . Hẹn gặp các bạn vào bài học tiếp theo.

LEAVE A REPLY

Please enter your comment!
Please enter your name here