Phần này trình bày một số lệnh HTML cơ bản và giải thích các bước liên quan đến việc chuẩn bị tài liệu để xem qua World Wide Web [www] bằng Netscape Navigator hoặc Internet Explorer
HTML sử dụng các thẻ để giao tiếp với máy khách [trình duyệt] cách hiển thị văn bản và hình ảnh. Các thẻ được chứa trong ký hiệu < >. Trong hầu hết các trường hợp, bạn bắt đầu bằng thẻ bắt đầu, đặt từ hoặc các từ sẽ bị ảnh hưởng bởi thẻ này và ở cuối [các] chuỗi từ, bạn đặt thẻ đóng
Ví dụ: để tạo tiêu đề cho tài liệu, bạn sẽ làm như sau
My First HTML Document
Thẻ đóng thường chứa dấu "/" trước lệnh để biểu thị việc chấm dứt hành động
Các thẻ HTML không phân biệt chữ hoa chữ thường, mặc dù các URL thường. Trong hầu hết các trường hợp [ngoại trừ văn bản được định dạng sẵn], HTML thu gọn nhiều khoảng trắng thành một khoảng trắng và không đọc các dòng trống. Tuy nhiên, khi bạn viết văn bản, bạn nên để một số dòng trống giữa các đoạn văn để việc chỉnh sửa tài liệu nguồn HTML của bạn dễ dàng hơn
Mặc dù hiện tại không phải tất cả khách hàng đều yêu cầu, nhưng thẻ báo hiệu thời điểm mà văn bản sẽ bắt đầu được diễn giải dưới dạng mã HTML. Có lẽ nên đưa nó vào tất cả các tài liệu của bạn ngay bây giờ, vì vậy bạn không cần phải quay lại các tệp của mình và thêm nó sau
Thẻ thường được đặt trên dòng đầu tiên của tài liệu của bạn. Ở cuối tài liệu của bạn, bạn nên đóng bằng thẻ
Cũng giống như phần đầu của một bản ghi nhớ, phần đầu của tài liệu HTML chứa thông tin đặc biệt, chẳng hạn như tiêu đề của nó. Phần đầu của một tài liệu được phân định bởi và tương ứng
Đối với mục đích của lớp này, chỉ thẻ tiêu đề bên dưới mới được đưa vào phần đầu tài liệu. Một phần đầu điển hình có thể trông giống như
My First HTML Document
Thẻ tiêu đề cho phép bạn chỉ định Tiêu đề tài liệu trong cửa sổ trình duyệt của mình. Khi mọi người tạo danh sách nóng, tiêu đề này là những gì họ nhìn thấy trong danh sách của họ sau khi họ thêm tài liệu của bạn. định dạng là
My First HTML Document
Hãy nhớ rằng tiêu đề thường không xuất hiện trong chính tài liệu mà xuất hiện trong hộp hoặc thanh tiêu đề ở đầu cửa sổ
Giống như bạn có thể mong đợi, các thẻ nội dung và xác định phần đầu và phần cuối của phần lớn tài liệu của bạn. Tất cả văn bản, hình ảnh và liên kết của bạn sẽ nằm trong phần nội dung của tài liệu
Cơ thể nên bắt đầu sau đầu. Một trang điển hình có thể bắt đầu như
My First HTML Document
Có tối đa sáu cấp tiêu đề có thể được sử dụng trong tài liệu của bạn, từ h1 đến h6. Tiêu đề 1 là tiêu đề lớn nhất và chúng dần dần nhỏ hơn cho đến tiêu đề 6. Dưới đây là từng tiêu đề trong số sáu tiêu đề và cách chúng thường xuất hiện trong mối quan hệ với nhau
This is a header 1 tag
This is a header 2 tag
Đây là thẻ tiêu đề 2
This is a header 3 tag
Đây là thẻ tiêu đề 3
This is a header 4 tag
Đây là thẻ tiêu đề 4
________số 8_______Đây là thẻ tiêu đề 5This is a header 6 tagĐây là thẻ tiêu đề 6
Các tiêu đề, như bạn nhận thấy, không chỉ khác nhau về kích thước, chúng còn được in đậm và có một dòng trống được chèn vào trước và sau chúng. Điều quan trọng là chỉ sử dụng tiêu đề cho các tiêu đề, không chỉ để in đậm văn bản [chúng tôi sẽ đề cập đến thẻ in đậm sau]
Trong HTML, một thẻ đoạn
nên được đặt ở cuối mỗi đoạn văn bản "bình thường" [bình thường được định nghĩa là chưa có thẻ liên kết với nó]
gây ngắt dòng và thêm một dòng trống ở cuối
gây ra ngắt dòng không có dòng trống ở cuối
Để thuận tiện cho bạn và những người khác có thể phải chỉnh sửa tài liệu HTML của bạn, bạn nên đặt hai hoặc ba dòng trống giữa các đoạn để tạo điều kiện chỉnh sửa
Thẻ văn bản được định dạng trước cho phép bạn đưa vào tài liệu của mình văn bản thường có phông chữ có chiều rộng cố định và giữ lại khoảng trắng, dòng và tab của tài liệu nguồn của bạn. Nói cách khác, nó để lại văn bản của bạn khi nó xuất hiện ban đầu hoặc giống như khi bạn nhập nó vào. Hầu hết các khách hàng thu gọn nhiều không gian thành một không gian, thậm chí các tab được thu gọn thành một không gian. Cách duy nhất để tránh điều này là sử dụng thẻ được định dạng sẵn. Trực quan, văn bản được định dạng sẵn trông giống như một phông chữ chuyển phát nhanh
My First HTML Document0
Và đây là cách nó hiển thị
My First HTML Document1
Bạn có thể thêm phần nhấn mạnh vào văn bản bằng cách sử dụng các thẻ in đậm và in nghiêng hoặc các thẻ nhấn mạnh và mạnh
Cũng có một thẻ gạch chân, nhưng hầu hết mọi người không sử dụng nó vì văn bản được liên kết thường được gạch chân. Khả năng gây nhầm lẫn và bản chất cổ xưa của việc gạch chân nói chung làm cho nó trở thành một dấu hiệu kém để nhấn mạnh
Khi sử dụng các thẻ này, bạn thường không thể [và có lẽ không nên] có văn bản vừa in đậm vừa in nghiêng; . Ví dụ: nếu bạn có một thẻ in đậm theo ngay sau thẻ in nghiêng, thì từ được gắn thẻ sẽ xuất hiện ở dạng in nghiêng
Thẻ vật lýĐây là thẻ in đậm. Đây là cách chữ in đậm xuất hiện. Đây là thẻ in nghiêng. Đây là cách in nghiêng xuất hiện. Thẻ logicĐây là thẻ được nhấn mạnh. Đây là một thẻ nhấn mạnh. Đây là một thẻ nhấn mạnh. Đây là một thẻ nhấn mạnhCó một sự khác biệt tinh tế giữa các thẻ "vật lý" ở trên chỉ thay đổi phông chữ được hiển thị và các kiểu "logic" được sử dụng [hoặc cuối cùng sẽ là] để tạo ra các kiểu nhấn mạnh cụ thể cho khách hàng [ví dụ: sử dụng thẻ sẽ tạo văn bản . Mặc dù một trong hai kiểu đều ổn, nhưng hãy lưu ý rằng sự khác biệt trong hai loại thẻ này có thể rõ ràng hơn với những tiến bộ trong HTML
Có một cách dễ dàng trong HTML để có các danh sách được đánh số, không đánh số và định nghĩa. Ngoài ra, bạn có thể lồng danh sách vào trong danh sách
Khi sử dụng danh sách, bạn không kiểm soát được khoảng cách giữa dấu đầu dòng hoặc số danh sách, HTML sẽ tự động thực hiện việc này cho bạn. Bạn [vẫn chưa] có quyền kiểm soát loại dấu đầu dòng nào sẽ được sử dụng vì mỗi trình duyệt là khác nhau
danh sách không đánh số
Danh sách không đánh số được bắt đầu bằng
thẻ, theo sau là các mục danh sách thực tế, được đánh dấu bằng
.- nhãn. Danh sách được kết thúc bằng thẻ kết thúc
Ví dụ, đây là một danh sách không đánh số với ba mục
My First HTML Document2Đây là cách danh sách đó sẽ hiển thị
- liệt kê mục 1
- liệt kê mục 2
- liệt kê mục 3
danh sách được đánh số
Đây là cùng một danh sách sử dụng định dạng danh sách được đánh số
My First HTML Document3Đây là cách danh sách đó sẽ hiển thị
- liệt kê mục 1
- liệt kê mục 2
- liệt kê mục 3
danh sách định nghĩa
Danh sách định nghĩa cho phép bạn thụt lề mà không nhất thiết phải sử dụng dấu đầu dòng
My First HTML Document4Và đây là cách nó sẽ được hiển thị
Đây là một thuật ngữ Đây là một định nghĩa. Và một định nghĩa khác. Thuật ngữ khácĐịnh nghĩa khác
Danh sách lồng nhau
Cuối cùng, đây là một danh sách lồng nhau trong một danh sách không được đánh số [chúng ta có thể dễ dàng có một danh sách lồng nhau trong một danh sách được đánh số]
My First HTML Document5Đây là cách danh sách đó sẽ hiển thị
- liệt kê mục 1
- mục lồng nhau 1
- mục lồng nhau 2
- liệt kê mục 2
- mục lồng nhau 1
- mục lồng nhau 2
- liệt kê mục 3
- mục lồng nhau 1
- mục lồng nhau 2
Thẻ blockquote thụt vào văn bản [cả bên trái và bên phải] bên trong các thẻ. Thẻ blockquote trông như thế này
My First HTML Document6
và hiển thị như thế này
Blockquoted text thường được sử dụng để thụt vào các khối văn bản lớn như trích dẫn. Văn bản sẽ được thụt vào cho đến khi gặp thẻ kết thúc. Một lần nữa, lưu ý rằng văn bản ở đây được thụt lề ở cả lề trái và phải
Bạn có thể căn giữa văn bản, hình ảnh và tiêu đề bằng thẻ trung tâm
My First HTML Document7
Đây là câu trung tâm
Thẻ trung tâm tự động chèn dấu ngắt dòng sau thẻ trung tâm đóng
Để phân tách các phần trong tài liệu, bạn có thể chèn thẻ quy tắc ngang
Một thước ngang được hiển thị như sauCác
thẻ thường xuất hiện ở cuối tài liệu và được sử dụng thường xuyên nhất để đánh dấu thông tin liên hệ với tác giả hoặc tổ chức đã cung cấp thông tin này. Mọi thứ chứa trong thẻ địa chỉ đều được in nghiêng. Thẻ địa chỉ là một ví dụ khác về thẻ logic và mặc dù hiện tại nó không làm gì ngoài việc làm cho văn bản xuất hiện ở dạng in nghiêng, điều này có thể thay đổi khi mã HTML tiến bộĐây là một ví dụ về cách một địa chỉ có thể xuất hiện
My First HTML Document8
Và nó sẽ xuất hiện như
Giới thiệu về HTML / Pat Androget / Pat_Androget@ncsu. giáo dụcCó thể bao gồm các nhận xét trong tài liệu HTML nguồn không xuất hiện khi xem qua trình duyệt. Điều này hữu ích nhất để đưa ra các cảnh báo và hướng dẫn đặc biệt cho những người chỉnh sửa tài liệu của bạn trong tương lai
Nhận xét có dạng
My First HTML Document9
Nhận xét thậm chí có thể ngắt dòng
My First HTML Document9
Nếu bạn muốn, có một thẻ gạch ngang hiển thị văn bản có gạch ngang
My First HTML Document1
hiển thị như
Điều này được đánh qua văn bản
Cuối cùng, nếu bạn thường sử dụng các ký tự tạo thành các thẻ HTML [chẳng hạn như < > và &] hoặc bạn sử dụng các ký tự đặc biệt không có trong tiêu chuẩn ascii, thì bạn sẽ phải sử dụng các thẻ đặc biệt. Đây là các mã
10 thẻ HTML cơ bản là gì?
…
— A section heading. .. .…
— A paragraph. .. .Cơ bản của mã hóa HTML là gì?
20 thẻ HTML cơ bản là gì?
,
,