. Văn bản giữa thẻ nội dung mô tả nội dung nội dung của trang hiển thị cho người dùng cuối. Thẻ này chứa nội dung chính của tài liệu HTML
. Văn bản giữa thẻ mô tả tiêu đề cấp đầu tiên của trang web
thẻ mô tả đoạn văn của trang web
Tóm tắt lịch sử của HTML
Vào cuối những năm 1980, một nhà vật lý, Tim Berners-Lee, một nhà thầu tại CERN, đã đề xuất một hệ thống cho các nhà nghiên cứu của CERN. Năm 1989, ông đã viết một bản ghi nhớ đề xuất một hệ thống siêu văn bản dựa trên internet
Tim Berners-Lee được biết đến là cha đẻ của HTML. Mô tả đầu tiên về HTML là một tài liệu có tên "Thẻ HTML" do Tim đề xuất vào cuối năm 1991. Phiên bản mới nhất của HTML là HTML5, mà chúng ta sẽ tìm hiểu sau trong hướng dẫn này.
Phiên bản HTML
Kể từ thời điểm HTML được phát minh, có rất nhiều phiên bản HTML trên thị trường, phần giới thiệu ngắn gọn về phiên bản HTML được đưa ra dưới đây.
HTML 1. 0. Phiên bản đầu tiên của HTML là 1. 0, là phiên bản cơ bản của ngôn ngữ HTML và được phát hành vào năm 1991.
HTML 2. 0. Đây là phiên bản tiếp theo được phát hành vào năm 1995 và là phiên bản ngôn ngữ chuẩn cho thiết kế trang web. HTML2. 0 có thể hỗ trợ các tính năng bổ sung như tải lên tệp dựa trên biểu mẫu, các thành phần biểu mẫu như hộp văn bản, nút tùy chọn, v.v.
HTML 3. 2. HTML 3. 2 được W3C xuất bản vào đầu năm 1997. Phiên bản này có khả năng tạo bảng và cung cấp hỗ trợ cho các tùy chọn bổ sung cho các phần tử biểu mẫu. Nó cũng có thể hỗ trợ một trang web với các phương trình toán học phức tạp. Nó đã trở thành một tiêu chuẩn chính thức cho bất kỳ trình duyệt nào cho đến tháng 1 năm 1997. Ngày nay nó được hầu hết các trình duyệt hỗ trợ.
HTML 4. 01. HTML 4. 01 được phát hành vào tháng 12 năm 1999 và là phiên bản rất ổn định của ngôn ngữ HTML. Phiên bản này là tiêu chuẩn chính thức hiện tại và nó cung cấp hỗ trợ bổ sung cho biểu định kiểu [CSS] và khả năng tạo tập lệnh cho các yếu tố đa phương tiện khác nhau.
HTML5. HTML5 là phiên bản mới nhất của ngôn ngữ Đánh dấu siêu văn bản. Bản nháp đầu tiên của phiên bản này đã được công bố vào tháng 1 năm 2008. Có hai tổ chức lớn, một là W3C [World Wide Web Consortium] và một tổ chức khác là WHATWG [Nhóm làm việc về công nghệ ứng dụng siêu văn bản web] có liên quan đến việc phát triển phiên bản HTML 5 và nó vẫn đang được phát triển.
Các tính năng của HTML
1] Đó là một ngôn ngữ rất dễ hiểu và đơn giản . Nó có thể dễ dàng hiểu và sửa đổi.
2] Rất dễ dàng để tạo một bản trình bày hiệu quả bằng HTML vì nó có rất nhiều thẻ định dạng.
3] Đó là một ngôn ngữ đánh dấu , vì vậy nó cung cấp một cách linh hoạt để thiết kế các trang web cùng với văn bản.
4] Nó tạo điều kiện cho người lập trình thêm liên kết trên các trang web [bằng thẻ neo html], vì vậy nó làm tăng sự thú vị khi duyệt web .
5] Nó độc lập với nền tảng vì nó có thể được hiển thị trên bất kỳ nền tảng nào như Windows, Linux và Macintosh, v.v.
6] Nó tạo điều kiện cho lập trình viên thêm Đồ họa, Video và Âm thanh vào các trang web giúp trang web hấp dẫn và tương tác hơn.
7] HTML là ngôn ngữ không phân biệt chữ hoa chữ thường, có nghĩa là chúng ta có thể sử dụng các thẻ ở dạng chữ thường hoặc chữ hoa
GHI CHÚ. Bạn nên viết tất cả các thẻ bằng chữ thường để có tính nhất quán, dễ đọc, v.v.
Với CSS, bạn có thể kiểm soát màu sắc, phông chữ, kích thước của văn bản, khoảng cách giữa các phần tử, cách các phần tử được định vị và trình bày, hình nền hoặc màu nền nào sẽ được sử dụng, các cách hiển thị khác nhau cho các thiết bị và kích thước màn hình khác nhau cũng như
Mẹo. Từ xếp tầng có nghĩa là một kiểu được áp dụng cho phần tử gốc cũng sẽ áp dụng cho tất cả các phần tử con trong phần tử gốc. Vì vậy, nếu bạn đặt màu của văn bản nội dung thành "xanh lam", tất cả các tiêu đề, đoạn văn và các thành phần văn bản khác trong nội dung cũng sẽ có cùng màu [trừ khi bạn chỉ định một màu khác]
Sử dụng CSS
CSS có thể được thêm vào tài liệu HTML theo 3 cách
- Nội tuyến - bằng cách sử dụng thuộc tính
style
bên trong các phần tử HTML - Nội bộ - bằng cách sử dụng thuộc tính
This is a headingThis is a paragraph.
Try it Yourself »External CSS
An external style sheet is used to define the style for many HTML pages.
To use an external style sheet, add a link to it in the section of each HTML page:
Example
This is a paragraph.
Try it Yourself »The external style sheet can be written in any text editor. The file must not contain any HTML code, and must be saved with a .css extension.
Here is what the "styles.css" file looks like:
"styles.css":
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}Tip: With an external style sheet, you can change the look of an entire web site, by changing one file!
CSS Colors, Fonts and Sizes
Here, we will demonstrate some commonly used CSS properties. You will learn more about them later.
The CSS
color
xác định màu văn bản sẽ được sử dụngThuộc tính CSS
font-family
xác định phông chữ sẽ được sử dụngThuộc tính CSS
font-size
xác định kích thước văn bản sẽ được sử dụngThí dụ
Sử dụng các thuộc tính CSS color, font-family và font-size
Đây là một tiêu đềĐây là một đoạn
Tự mình thử »Đường viền CSS
Thuộc tính CSS
border
xác định đường viền xung quanh phần tử HTMLMẹo. Bạn có thể xác định đường viền cho gần như tất cả các phần tử HTML
Thí dụ
Sử dụng thuộc tính đường viền CSS.
P {
Tự mình thử »
biên giới. bột màu xanh đặc 2px;
}Đệm CSS
Thuộc tính CSS
padding
xác định khoảng đệm [khoảng trắng] giữa văn bản và đường viềnThí dụ
Sử dụng thuộc tính CSS border và padding
P {
Tự mình thử »
biên giới. bột màu xanh đặc 2px;
đệm. 30px;
}Ký quỹ CSS
Thuộc tính CSS
margin
xác định lề [khoảng trắng] bên ngoài đường viềnThí dụ
Sử dụng thuộc tính đường viền và lề CSS
P {
Tự mình thử »
biên giới. bột màu xanh đặc 2px;
lề. 50px;
}Liên kết đến CSS bên ngoài
Biểu định kiểu bên ngoài có thể được tham chiếu với một URL đầy đủ hoặc với một đường dẫn liên quan đến trang web hiện tại
Các tính năng trong HTML là gì?
Các tính năng của HTML . Nó có thể dễ dàng hiểu và sửa đổi. 2] Rất dễ tạo một bản trình bày hiệu quả với HTML vì nó có rất nhiều thẻ định dạng. 3] Nó là một ngôn ngữ đánh dấu, vì vậy nó cung cấp một cách linh hoạt để thiết kế các trang web cùng với văn bản. It is a very easy and simple language. It can be easily understood and modified. 2] It is very easy to make an effective presentation with HTML because it has a lot of formatting tags. 3] It is a markup language, so it provides a flexible way to design web pages along with the text.Các tính năng CSS là gì?
Với CSS, bạn có thể kiểm soát màu sắc, phông chữ, kích thước của văn bản, khoảng cách giữa các phần tử, cách các phần tử được định vị và trình bày, hình nền hoặc màu nền nào sẽ được sử dụng, các cách hiển thị khác nhau cho các thiết bị và kích thước màn hình khác nhau cũng nhưHai tính năng chính của HTML là gì?
Tính năng HTML hàng đầu .Người dùng thân thiện & đơn giảnSEO – Tối ưu hóa công cụ tìm kiếmlocalStorage & IndexedDB – Lưu trữ dữ liệu phía máy kháchKhả năng ngoại tuyến [PWA] với Cache API & Service workerLợi ích của HTML và CSS là gì?
CSS hoặc Cascading Style Sheets thêm kiểu dáng như phông chữ, màu sắc hoặc bố cục vào trang web của bạn làm cho trang web có tính thẩm mỹ cao hơn. Do đó, HTML cho phép bạn xây dựng cấu trúc trang web của mình và CSS làm cho cấu trúc đó trở nên sống động .