Mỗi trang web phải bắt đầu bằng một khai báo DOCTYPE. Nó phải là mục đầu tiên trên dòng đầu tiên của mã HTML hoặc XHTML của bạn. Điều này cho trình duyệt biết trang web được mã hóa bằng phiên bản HTML nào, giúp họ biết cách xử lý mã. Trước HTML5, khai báo DOCTYPE dài và phức tạp. Ví dụ: đây là khai báo DOCTYPE cho XHTML 1. 1
Trong HTML5, việc khai báo DOCTYPE đơn giản hơn rất nhiều
Hiểu các bảng sau
Các thẻ HTML phổ biến được trình bày bên dưới, được sắp xếp thành bốn bảng dựa trên mục đích của chúng. Bảng đầu tiên bao gồm các thẻ kiểm soát cấu trúc tổng thể của trang web. Bảng thứ hai và thứ ba bao gồm các thẻ đánh dấu phần lớn nội dung trang web. Các thẻ chứa [những thẻ chứa nội dung] được trình bày trong bảng thứ hai và các thẻ không chứa [những thẻ đứng một mình] được trình bày trong bảng thứ ba. Bảng cuối cùng chứa các thẻ được sử dụng để đánh dấu các bảng HTML, được trình bày trong Mô-đun 5 của đơn vị này
Cấu trúc tài liệu
Opening TagClosing TagDescriptionOpens and closes an HTML documentThe first of two main sections of an HTML document. The section is used to provide information about the document for use primarily by search engines and browsers.Thẻ nội dung [vùng chứa]
Thẻ mở Thẻ đóng Mô tảtotoTiêu đề. H1 là tiêu đề chính, H2 là tiêu đề phụ, v.v. Đoạn Một vùng chứa cho một khối nội dung Một vùng chứa cho nội dung trong dòng, chẳng hạn như nội dung bên trong một đoạn văn. Nhấn mạnh văn bản chứa trong đó [thường là chữ in nghiêng]. Làm cho văn bản được in đậm. Liên kết Danh sách có thứ tự [được đánh số] Danh sách không có thứ tự [gạch đầu dòng] Mục danh sách, phải được lồng bên trong một thành phần danh sách, chẳng hạn như một- hoặc
Thẻ ngữ nghĩa HTML5
HTML5 đã giới thiệu một số thẻ mới được gọi là thẻ ngữ nghĩa. Các thẻ này được thiết kế để truyền đạt chức năng của các khối nội dung phổ biến trên nhiều trang web. Trước HTML5, các nhà phát triển chỉ sử dụng
Trong ví dụ ở chủ đề trước, chúng ta đã thấy phần đánh dấu HTML đầu tiên của mình. Đây là một phần của những gì diễn ra trong tệp HTML, nhưng cần phải có nhiều hơn nữa để tạo thành một trang hoàn chỉnh
Các tệp HTML được chỉnh sửa bằng trình soạn thảo văn bản. chỉ cần đảm bảo rằng bạn lưu tệp với phần mở rộng là
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
Có một số phần cơ bản cần có trong tệp HTML để chúng tôi bắt đầu. Đây là một trang HTML trống. đây là mã bạn có thể nhập vào trình soạn thảo văn bản và lưu dưới dạng
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
Điều đó chắc chắn xứng đáng được giải thích, nhưng bạn có thể sao chép và dán nó vào trình soạn thảo văn bản ngay bây giờ nếu bạn muốn thử nghiệm. Đó là một trang HTML hoàn chỉnh [nhưng trống rỗng]
Thẻ HTML
Những thứ được bọc trong dấu ngoặc nhọn hình tam giác [ký tự
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
Chẳng hạn, trong ví dụ trên,
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
Bạn có thể nhận thấy trên trang đó rằng ngắt dòng trong mã ở trên không khớp với cách định dạng đoạn văn khi bạn xem trang [trừ khi bạn tình cờ có cửa sổ trình duyệt có kích thước chính xác để hiển thị theo cách tương tự]. Trong HTML, tất cả định dạng phải được chỉ định bằng thẻ [và CSS như chúng ta sẽ thấy sau]. Các
thẻ chỉ ra rằng chúng tôi muốn nội dung được định dạng như một đoạn văn. trình duyệt đã làm điều đó và chọn những nơi để ngắt dòng [trong số những thứ khác] cho trình duyệt của bạn
Ngoài ra, hãy thử làm việc với HTML này. sao chép và dán mã HTML vào trình soạn thảo văn bản của bạn, lưu nó dưới dạng tệp
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
Thuật ngữ phần tử được sử dụng để chỉ một phiên bản của thẻ và nội dung của nó. Ví dụ ở trên, có một thành phần tiêu đề,
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
More HTML Tags More HTML TagsThis is a paragraph with some important words in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
Thẻ cơ bản
Có một số thẻ trong ví dụ trên chưa được giải thích. Chúng cần phải có trong mọi trang HTML
Đây không thực sự là một thẻ hay một thành phần, nó là khai báo loại tài liệu [hoặc doctype] cho trang. Loại tài liệu này chỉ ra rằng trang là HTML5. Loại tài liệu không có phiên bản đóng. đó là điều đầu tiên trong tệp
More HTML Tags
More HTML Tags
This is a paragraph with some important words
in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
1 và đứng một mình.
More HTML Tags
More HTML Tags
This is a paragraph with some important words
in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
5Phần tử này chứa toàn bộ trang HTML. Nó phải là thẻ đầu tiên bắt đầu [sau loại tài liệu] và cuối cùng để đóng.
More HTML Tags
More HTML Tags
This is a paragraph with some important words
in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
5Phần tử này chứa thông tin về trang [trái ngược với nội dung của trang]. Hiện tại, nó sẽ chỉ chứa ________ 17 Phần tử này cung cấp tiêu đề chính cho trang. Nó cung cấp tiêu đề chính cho tài liệu, được sử dụng trong thanh tiêu đề và để đánh dấu trang.
More HTML Tags
More HTML Tags
This is a paragraph with some important words
in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
8Thẻ này cho trình duyệt biết về “mã hóa ký tự” cho tài liệu này. Các chi tiết bây giờ không quan trọng, nhưng đó là thuộc tính về cách tệp văn bản được mã hóa khi được lưu. Thẻ
More HTML Tags
More HTML Tags
This is a paragraph with some important words
in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
8 này phải có trong mọi tệp HTML như thế nàyBạn cũng có thể nhận thấy rằng nó không có thẻ đóng và có một số nội dung bổ sung trong thẻ. Chúng ta sẽ sớm đạt được điều đó…
More HTML Tags
More HTML Tags
This is a paragraph with some important words
in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
5Cuối cùng, phần tử này chứa nội dung thực tế của trang. phần được hiển thị trong cửa sổ trình duyệt chính. Hầu hết các thẻ mới mà chúng tôi học sẽ đi đâu đó trongCác thẻ này luôn được sắp xếp theo cách này trong mọi trang HTML. Trong ví dụ của chúng tôi, chúng tôi có một đơn giản
yếu tố trong cơ thể. đó là nơi chúng tôi sẽ cần mở rộng số lượng thẻ mà chúng tôi biết trước
Thêm thẻ
Hãy giới thiệu thêm một vài thẻ trong một ví dụ khác
More HTML Tags
More HTML Tags
This is a paragraph with some important words
in it. Here is a list of this course's major topics:
- HTML
- CSS
- JavaScript
Các yếu tố ở đây nói chung giống như những yếu tố chúng ta đã thấy trước đây. và thẻ mở, một số nội dung và thẻ đóng. Sự khác biệt nằm ở ý nghĩa của chúng và cách chúng được kết hợp với nhau để mô tả nội dung
Tại sao các thẻ HTML hiển thị trong trình duyệt?
Vấn đề của bạn là nội dung trong HTML của bạn là Thực thể HTML . < giống như một chữ < và > cũng giống như > vì vậy, nó LÀ định dạng chính xác html của bạn, nhưng nội dung của bạn trông giống như HTML.
Các thẻ có hiển thị trên trình duyệt không?
Các thẻ html được hiển thị thành công trong trình duyệt . Nhưng Asp. nút radio của mạng, nút, v.v. các thẻ không hiển thị trong trình duyệt.
Bạn có thể hiển thị các thẻ HTML trong một trang web không?
Thông thường, người dùng cuối không nhìn thấy các thẻ HTML vì chúng được sử dụng để hiển thị nội dung của trang. Tuy nhiên, bạn vẫn có thể hiển thị các thẻ trên trang nếu bạn chắc chắn về các thực thể HTML .
Tại sao mã HTML của tôi hiển thị dưới dạng văn bản?
Có thể nội dung không phải là loại html . Tôi đã mắc lỗi tương tự và thắc mắc tại sao nó lại hiển thị dưới dạng văn bản. Kiểm tra nội dung của tệp, rất có thể nó không phải là HTML hoặc một số thẻ html phải bị thiếu. Đảm bảo rằng loại Tài liệu được đề cập rõ ràng là loại HTML ở đầu tài liệu.