HTML là gì. HTML - tiện ích mở rộng này là gì? HTML dành cho người mới bắt đầu: mã, tệp và trình soạn thảo. Cách tạo tệp HTML

Và nó được dịch là “ngôn ngữ đánh dấu siêu văn bản”. Siêu văn bản là một phương pháp đặc biệt để điều hướng các trang Internet, được thực hiện dưới dạng liên kết siêu văn bản. Bằng cách nhấp vào các liên kết này, bạn có thể dễ dàng điều hướng cấu trúc trang web. Sự chuyển tiếp trong trường hợp này không xảy ra tuyến tính, tức là bạn luôn có cơ hội truy cập bất kỳ trang nào của trang web, liên kết đến trang đó hiện đang hiển thị.

Đánh dấu đề cập đến các quy tắc và thuộc tính nhất định được gán cho các thành phần trang. Chúng được thực hiện dưới dạng cái gọi là thẻ. Ví dụ: để cho biết rằng văn bản nhất định trên một trang phải được căn giữa, bạn có thể đánh dấu văn bản đó bằng thẻ ở giữa. Bạn có thể xem mã HTML của một trang cụ thể thông qua menu ngữ cảnh của nó. Ví dụ: để truy cập mã này trong trình duyệt Firefox, bạn cần nhấp chuột phải vào trang và chọn “Mã nguồn trang”.

Mã HTML hoạt động như thế nào?

Mã HTML là một tập hợp các thẻ ngắn chứa các thành phần trang. Tất cả mã này được lưu trữ trong một tệp có phần mở rộng .html hoặc .htm. Khi bạn mở một tệp như vậy trong trình duyệt, mã sẽ được nó giải thích và trang hoàn thành sẽ được hiển thị trong cửa sổ chương trình. Biết ngôn ngữ đánh dấu HTML, hầu hết mọi người đều có thể tạo trang của riêng mình.

Các loại thẻ là gì?

Thẻ là các cấu trúc riêng biệt trong mã HTML. Đây là văn bản đơn giản được đặt bên trong dấu ngoặc nhọn "". Bạn có thể thấy các thẻ trong mã HTML của hầu hết mọi trang. Bản thân các thẻ không được hiển thị trên các trang; chúng hiển thị một phần tử cụ thể được mã hóa bằng thẻ. Ví dụ: nếu có một hình ảnh trên trang thì mã HTML của nó sẽ chứa thẻ img.

Hạn chế về HTML

Mặc dù thực tế là mã HTML cho phép bạn xây dựng một trang siêu văn bản chất lượng khá cao nhưng nó vẫn có những hạn chế. Các trang chỉ chứa mã như vậy là tĩnh, tức là. chúng thiếu động lực, hiệu ứng đặc biệt và các tính năng khác. Nhưng chúng có thể được giới thiệu bằng các ngôn ngữ khác, chẳng hạn như Java Script. Phần lớn các trang web hiện đại được tạo bằng các ngôn ngữ bổ sung giúp chúng sống động và tương tác hơn.

Khi tạo một trang web, điều đầu tiên bạn cần hình dung là trang web được hình thành như thế nào. Đây là một loại “nền tảng” trong việc xây dựng website. Do đó, trước khi đi sâu vào các công nghệ tạo trang web phức tạp hơn, bạn nên có ít nhất kiến ​​thức cơ bản về HTML. Trong bài học này chúng ta sẽ làm quen với HTML, hãy sắp xếp nó ra Cấu trúc tài liệu HTML và sử dụng các ví dụ thực tế để củng cố kiến ​​thức đã học.

HTML là gì?

HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản. Ngôn ngữ này chịu trách nhiệm chính xác về cách siêu văn bản sẽ được hiển thị trên các trang của trang web. Bây giờ chúng ta hãy tìm hiểu siêu văn bản là gì? Không có gì bí mật khi một trang web có thể chứa nhiều loại thông tin khác nhau, có thể là văn bản, một số bảng, đồ thị, video, âm thanh, v.v. Vì vậy, tất cả thông tin này có thể được gọi bằng một từ - siêu văn bản.

Lưu ý rằng HTML là ngôn ngữ đánh dấu, không phải ngôn ngữ lập trình. Ngôn ngữ này không có bất kỳ chức năng logic nào và không thể thực hiện bất kỳ phép tính toán học nào trong đó. Các trang HTML có phần mở rộng .html hoặc .htm và được xử lý bởi các trình duyệt - IE, Mozilla Firefox, Google Chrome, Yandex Chrome, Opera, v.v.

Bây giờ hãy tìm hiểu xem trình duyệt hiểu nội dung gì và hiển thị như thế nào trên một trang web? Nó rất đơn giản. Ngôn ngữ đánh dấu siêu văn bản HTML có các lệnh dựng sẵn được gọi là thẻ. Nhờ họ mà trình duyệt được định hướng.

Cấu trúc tài liệu HTML

Bất kỳ tài liệu HTML (trang web) nào cũng phải có cấu trúc nhất định. Điều này sẽ tránh được những sự cố có thể xảy ra khi mở trang trên trình duyệt. Ví dụ: hãy xem một trang chứa mã HTML sau:

...

Chúng ta hãy xem những gì được bao gồm trong cấu trúc này theo thứ tự:

1. Điều đầu tiên xuất hiện trong tài liệu HTML là chỉ dẫn phiên bản (dòng đầu tiên). Để hoạt động chính xác, dòng này phải được chỉ định khi bố trí trang web.

3. Sau đó là khu vực dành cho phần đầu của trang web (tiêu đề). Thẻ được sử dụng cho việc này . Trong tiêu đề, chúng tôi cho biết tên trang của mình bằng cách đặt tiêu đề trang giữa các thẻ . Tiếp theo, mã hóa tài liệu HTML được chỉ định (dòng thứ năm). Điều này được thực hiện để hiển thị chính xác bảng chữ cái Cyrillic. Đóng khu vực tiêu đề bằng thẻ.

4. Thẻ meta “mô tả” - bản tóm tắt của trang dành cho các công cụ tìm kiếm. Thẻ này rất quan trọng để tối ưu hóa công cụ tìm kiếm và phải được điền đầy đủ.

5. Thẻ meta “từ khóa” - những từ khóa có thể xuất hiện trên trang. Thẻ này cũng dành cho các công cụ tìm kiếm. Thẻ này ngày nay hiếm khi được sử dụng.

6. Phần thân của trang mở ra bằng thẻ và đóng lại, theo đó, bằng thẻ. Phần thân của trang web thường chứa nội dung chính - văn bản, video, âm thanh và các thông tin khác.

Như vậy, chúng ta đã trả lời được câu hỏi HTML là gì và nghiên cứu cấu trúc của một tài liệu HTML. Thông tin nhận được trong bài học này là những khái niệm cơ bản, bạn không thể làm gì nếu không có chúng. Chúng ta sẽ nói về những điều phức tạp hơn trong các bài học khác.

Có lẽ tôi sẽ bắt đầu lại từ đầu...

Ngôn ngữ HTML vốn không phải là ngôn ngữ lập trình. Nó là ngôn ngữ đánh dấu cho các tài liệu siêu văn bản. Nói cách khác, anh ta chịu trách nhiệm sắp xếp trong tài liệu các văn bản, hình vẽ, bảng biểu... dành cho cuộc sống trên Internet của bạn. Không thể bắt anh ta tính toán hai lần hai là hai bằng bao nhiêu, không có hàm logic nào trong đó, nhưng nó rất hay và quan trọng nhất là dễ dàng đăng thông tin rằng hai lần hai là bốn - thật dễ dàng. Ngôn ngữ này được đọc bằng các chương trình quen thuộc với bạn, được gọi là trình duyệt (trình duyệt), “biết” các lệnh tiêu chuẩn của ngôn ngữ html và “nhai” chúng, hiển thị tài liệu trên màn hình máy tính ở dạng mà chủ web - trình biên dịch tài liệu - muốn trình bày chúng.

Bây giờ về các lệnh - chúng được gọi là bộ mô tả, nhưng thường xuyên hơn - các thẻ.

Hãy quay lại trang đầu tiên của chúng ta... vì thế chúng ta đã viết:

Chào thế giới!!!

Vì vậy, đây là những gì được viết giữa<…>- chúng được gọi là thẻ; chúng không hiển thị đối với người đọc khi xem trang của bạn, nhưng hiển thị rõ ràng đối với trình duyệt tình cờ gặp thẻ hiểu đó là tín hiệu cho biết tiếp theo sẽ có một tài liệu cần được đọc và hiển thị trên màn hình theo mẫu bắt buộc... và đây là thẻ chỉ ra rằng tài liệu đã kết thúc và không yêu cầu gì thêm từ nó, tức là trình duyệt và nó có thể yên tâm.

Vậy chúng ta đã viết gì? và trình duyệt đọc nó như thế nào?

Suy nghĩ của trình duyệt:

- phần đầu của tài liệu.. lại có rất nhiều công việc..
- hãy tra từ điển tiếng Anh và dịch “đầu”…không có vấn đề gì với mùn cưa trong đầu tôi cả!! ... đây là thông tin dịch vụ cơ bản về tài liệu.. vậy họ muốn gì ở tôi?
- toàn bộ tên đã kết thúc.. bạn có thể tiếp tục..
- vâng, và ngoài cái tên ra, chúng tôi không còn giữ bất kỳ suy nghĩ vô nghĩa nào trong đầu nữa..
- “Nội dung” của tài liệu, mọi thứ được viết bên dưới đều được hiển thị công khai
Chào thế giới!!! - thật tuyệt vời! Đã đủ!!!

- chuyển văn bản sang dòng tiếp theo... Tôi thậm chí có thể đoán được nội dung trong đó...
Tên tôi là (tên của bạn ở đây), đây là trang đầu tiên của tôi!- à, đúng rồi.. họ không thể nghĩ ra thứ gì độc đáo hơn nữa..
- đó là tất cả? Không hiển thị gì khác?
- Thôi thế là kết thúc!! Đừng thức dậy, đừng lật lại, đề phòng hỏa hoạn, hãy lấy ra ngoài trước!!

Đây đại khái là cách hoạt động của việc đọc trang của chúng tôi.. Như bạn có thể thấy, trình duyệt là một loại khá thất thường, vì vậy nó cần đưa ra các lệnh rõ ràng và chính xác, nếu không nó sẽ chửi thề.. và hét to.. và do đó chúng ta hãy nhớ những điều sau đồ đạc:

1) Cần phải nhớ một lần và mãi mãi rằng nếu có thẻ mở <…> thì phải có một cái kết

Mặc dù có những trường hợp ngoại lệ, chẳng hạn như thẻ của chúng tôi
- nó không yêu cầu đóng vì nó chỉ nói rằng nó phải được viết trên một dòng mới. Nhân tiện, hãy thử thêm một vài điều tương tự trước dòng “Tên tôi là..” và bạn sẽ thấy kết quả là nó đã giảm xuống đáng kể.. (Tất nhiên, hãy lưu các thay đổi vào notepad và nhấp vào nút "làm mới" trong trình duyệt)

2) Tất cả các tài liệu phải có mẫu mã sau:

- bắt đầu tài liệu
- đầu của đầu
- đóng đầu
- sự khởi đầu của cơ thể
- đóng cửa cơ thể
- Kết thúc tài liệu

Những thẻ này là bắt buộc! Chúng phải luôn được viết cho mỗi trang mới và chỉ theo thứ tự này! Đừng cố gắng đảo lộn mọi thứ...

3) Về thứ tự:

Thẻ mở và đóng theo loại<…> là một loại thùng chứa, một hộp trong đó có thể lưu trữ các thẻ khác - các hộp nhỏ hơn... do đó, theo logic, tài liệu sẽ trông như thế này:

<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
nội dung

Ví dụ: nếu bạn viết như thế này:

<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
nội dung

Nó sẽ trở thành thứ rác rưởi không vừa trong đầu bạn, cái “lớn” đã bị đóng lại, còn cái “nhỏ” “lò ra” từ đó, bị khóa ở “giữa” và cái “ nội dung” đã rải rác khắp nơi.. Thật khó để một người có thể tưởng tượng được những gì đang nói về trình duyệt.. Cấu trúc mã trang của bạn rõ ràng, nếu không sẽ không có gì hoạt động..

Chà, chúng ta đã học được cách viết văn bản đơn giản, một sự khởi đầu đã được thực hiện! trong chương tiếp theo tôi sẽ nói về những gì bạn có thể làm với nó..

Khi viết một trang web, hãy tạo một thư mục ở bất kỳ vị trí thuận tiện nào trên ổ cứng của bạn, gọi nó là gì bạn muốn, miễn là rõ ràng... lưu các trang của bạn vào thư mục này, đặt cho chúng những cái tên có ý nghĩa... các tùy chọn như aaa. html, 123.html sẽ dẫn đến nhầm lẫn và nhầm lẫn... Ở giai đoạn này, lời khuyên này có vẻ không thực tế nhưng trong tương lai nó sẽ hỗ trợ rất nhiều cho công việc của bạn. Ví dụ, hãy tưởng tượng ít nhất 20-30 tệp như vậy có tên mà bạn cần ghi nhớ để tham chiếu chéo chúng. Đặt hàng trước!

Khi viết mã, tôi khuyên bạn nên tuân theo “phong cách viết tốt”, tức là viết các thẻ theo kiểu “bậc thang” khi một thẻ được lồng trong một thẻ khác. Theo thời gian, bạn sẽ hiểu rằng việc đọc mã được viết như thế này:






Chào thế giới!!!

Tên tôi là Carlson, đây là trang đầu tiên của tôi!



Dễ dàng hơn nhiều so với điều này:






Chào thế giới!!!

Tên tôi là Carlson, đây là trang đầu tiên của tôi!



Và còn hơn thế nữa:

Chào thế giới!!!
Tên tôi là Carlson, đây là trang đầu tiên của tôi!

Mặc dù đây là vấn đề về thói quen... nhưng vẫn tốt hơn nếu bạn làm quen với việc viết “rõ ràng”.

Đối với sự xuất hiện của HTML, thế giới hiện đại phải cảm ơn một nhà khoa học tại Hội đồng Nghiên cứu Hạt nhân Châu Âu (Conseil Européen pour la Recherche Nucléaire, CERN). Tên nhà khoa học này là Timothy John Berners-Lee. Phiên bản đầu tiên của HTML được tạo ra nhằm mục đích định dạng các tài liệu khoa học. Đó là định dạng cấu trúc không có các yếu tố mô tả cách phối màu, tham số phông chữ, v.v. Do đó, HTML ban đầu có thể làm nổi bật các tiêu đề, đoạn văn, danh sách và các thành phần cấu trúc tương tự trong văn bản. Kết quả của việc xử lý hoặc "phát" HTML không nên phụ thuộc vào các tính năng kỹ thuật của phần cứng để hiển thị nó, vì nó không chứa các tham số của quá trình hiển thị này. Theo thời gian, tính năng này của ngôn ngữ đánh dấu siêu văn bản đã bị mất đi một phần.

Vì vậy, sự xuất hiện của các phiên bản HTML đầu tiên có từ năm 1986 và vào năm 1991, HTML đã được cải tiến đáng kể và bắt đầu được sử dụng đặc biệt để truyền siêu văn bản trên World Wide Web. Người ta nói rằng chữ viết tắt HTML nổi tiếng thế giới, viết tắt của Hyper Text Markup Language, xuất hiện chính xác vào đầu những năm 90 của thế kỷ trước. Và bây giờ là một chuyến tham quan ngắn vào phả hệ của các ngôn ngữ đánh dấu. Phiên bản đầu tiên của ngôn ngữ đánh dấu siêu văn bản HTML được tạo dựa trên Ngôn ngữ đánh dấu tổng quát tiêu chuẩn (SGML), theo một cách nào đó có thể được coi là nguyên mẫu của Ngôn ngữ đánh dấu mở rộng. Tiêu chuẩn XML đã trở nên vô cùng phổ biến trong thời đại chúng ta do số lượng lớn các phần mở rộng của nó được sử dụng trong công nghệ máy tính. Để hoàn toàn gây nhầm lẫn cho người đọc, tôi sẽ nói thêm ngay rằng sau đó, dựa trên XML, ngôn ngữ đánh dấu siêu văn bản XHTML (Ngôn ngữ đánh dấu siêu văn bản mở rộng) đã được phát triển, về cơ bản là sao chép HTML. Kết quả là chúng ta có các từ viết tắt SGML, HTML, XML và XHTML và chúng ta cần hiểu cái nào là cái nào. Trên thực tế, mọi thứ đều đơn giản: SGML không gì khác hơn là một bộ quy tắc trên cơ sở đó có thể xây dựng bất kỳ ngôn ngữ đánh dấu nào. HTML là một trong những ngôn ngữ này - ứng dụng SGML. Nói cách khác, SGML xác định các phần tử đánh dấu sẽ trông như thế nào và HTML xác định chính xác các phần tử sẽ là gì và trình duyệt nên hiểu chúng như thế nào. Ngược lại, XHTML là một ứng dụng của XML và bản thân XML không gì khác hơn là một phiên bản đơn giản hóa của SGML. , mặc dù thực tế là chúng có vẻ ngoài rất giống nhau, nhưng chúng có những khác biệt tiềm ẩn đáng kể, phần lớn nằm ở nguyên tắc xử lý của chúng.

Bây giờ chúng ta hãy quay lại lịch sử phát triển HTML. Vì vậy, cho đến năm 1994, HTML vẫn chỉ được sử dụng để đánh dấu cấu trúc dữ liệu, mặc dù nó đã bao gồm các thẻ để đánh dấu văn bản in đậm hoặc in nghiêng. Cùng năm 1994, tổ chức W3C (World Wide Web Consortium) được thành lập - World Wide Web Consortium, do Tim Berners-Lee đứng đầu, khá hợp lý, và vào năm 1995, khuyến nghị HTML 2.0 đã được xuất bản. Những người tạo ra HTML đã hiểu rằng theo thời gian, đứa con tinh thần của họ sẽ phát triển từ ngôn ngữ đánh dấu văn bản tĩnh thành công cụ chính để tạo tài nguyên Internet động. Sự bổ sung chính của HTML 2.0 là sự xuất hiện như một phần ngôn ngữ của biểu mẫu với các bộ điều khiển người dùng được sử dụng để người dùng nhập tham số cho các yêu cầu HTTP.

Sau khi phát hành phiên bản thứ hai, công việc ngay lập tức bắt đầu trên thế hệ HTML tiếp theo. Năm 1997, khuyến nghị HTML 3.2 được phát hành, bổ sung cho ngôn ngữ đánh dấu bằng bảng, khung, hình ảnh và một số thẻ quan trọng khác. Nhưng thành tựu quan trọng nhất của phiên bản thứ 3 là các tác giả của nó lại quay trở lại vấn đề trực quan hóa đánh dấu trong trình duyệt, nhớ rằng HTML chỉ nên đánh dấu cấu trúc của tài liệu và không nên chứa trực tiếp các tham số cho kiểu đồ họa để hiển thị các thành phần trong Trình duyệt. Kết quả công việc của họ trên HTML 3.2 là sự xuất hiện của một ngôn ngữ CSS độc lập (Cascading Style Sheets) - các biểu định kiểu xếp tầng, mã của ngôn ngữ này hiện có thể được kết nối với mã đánh dấu HTML và do đó tùy chỉnh giao diện của trang.

Khi phát hành phiên bản 4 của HTML vào năm 1997, nhân viên W3C đã loại bỏ đứa con tinh thần của họ khỏi những phần tử không cần thiết mà với sự ra đời của CSS đã trở nên lỗi thời và làm tổn hại đến ý tưởng tách đánh dấu cấu trúc khỏi tham số hóa bản trình bày. Nhưng không ai chặn phiên bản mới vì những chuyện vặt vãnh như vậy. Thành tựu chính của các đề xuất HTML 4.0 là sự xuất hiện của mô hình đối tượng trang (Mô hình đối tượng tài liệu, DOM), các thành phần của nó giờ đây có thể được thao tác thông qua các ngôn ngữ lập trình tập lệnh được thực thi bởi trình duyệt. Ngôn ngữ lập trình phổ biến nhất như vậy là JavaScript. HTML cộng với DOM cộng với JavaScript bằng Dynamic HTML hay đơn giản là DHTML, đánh dấu bước đột phá trong thiết kế web. Giờ đây, các phần tử của một trang Internet được tải có thể thay đổi giao diện để phản hồi lại hành động của người dùng, cũng như thêm các phần tử mới và xóa các phần tử hiện có. Vào ngày 24 tháng 12 năm 1999, phiên bản mới nhất của phiên bản thứ 4 của ngôn ngữ đánh dấu siêu văn bản, HTML 4.01, đã được phát hành.

HTML5 vẫn chưa nhận được trạng thái đề xuất chính thức của W3C, nhưng rõ ràng là các tác giả HTML đang tiếp tục nỗ lực phát triển các yêu cầu về hỗ trợ mô hình đối tượng tài liệu và giải thích JavaScript. Mặc dù HTML5 sẽ nhận được một số thẻ mới, hầu hết các đề xuất vẫn liên quan đến hành vi của trình duyệt trong bối cảnh DHTML: sẽ có hỗ trợ tích hợp cho các chức năng kéo và thả, khả năng vẽ trên canvas ảo , kiểm soát lịch sử duyệt web và chia sẻ tin nhắn giữa các trang, lưu bối cảnh thực thi và hơn thế nữa. Người ta hy vọng rằng với việc phát hành các đề xuất HTML mới, các vấn đề thiếu khả năng tương thích giữa các trình duyệt, khi cùng một mã JavaScript được thực thi khác nhau trên các trình duyệt khác nhau, sẽ dần biến mất. Suy cho cùng, xu hướng xác định các yêu cầu để làm việc với mô hình đối tượng và JavaScript sẽ tiếp tục và các nhà phát triển trình duyệt sẽ được yêu cầu (nếu họ muốn sử dụng sản phẩm phần mềm của mình) phải tuân theo các yêu cầu này.

HTML5 dự kiến ​​sẽ được phát hành vào năm 2014. Có lẽ vào thời điểm đó W3C sẽ phát triển các khuyến nghị riêng biệt chỉ liên quan đến lập trình JavaScript và HTML cuối cùng sẽ lại trở thành ngôn ngữ đánh dấu độc quyền cho cấu trúc tài liệu. Mặc dù thực tế là hôm nay mới là năm 2012 nhưng nhiều trình duyệt đã được hỗ trợ bởi các trình duyệt phổ biến nhất. Phần lớn những gì các nhà thiết kế web trước đây phải tự mình thực hiện (cùng thao tác kéo và thả), với việc phát hành HTML5 sẽ được hỗ trợ ở cấp trình duyệt và sự phát triển của các sự kiện này không thể không vui mừng. Chúng ta chỉ có thể hy vọng rằng xu hướng này sẽ tiếp tục.

Du hành qua sự rộng lớn của World Wide Web, bạn có thể nhận thấy sự khác biệt như thế nào thiết kế và khả năng của các trang web. Nhưng không phải ai trong số các bạn cũng biết rằng tất cả sự đa dạng này đều được thực hiện trên cơ sở ngôn ngữ. HTML.

Mọi thứ bạn nhìn thấy trên trang - văn bản, hình ảnh, bảng biểu và các yếu tố khác hình thành nên nội dung ngữ nghĩa của trang web, được gọi là nội dung, được tạo bằng ngôn ngữ đánh dấu HTML. Nhấp chuột phải vào bất kỳ trang web nào và chọn mục từ menu thả xuống "xem mã HTML" hoặc "Nguồn"– một trình soạn thảo văn bản sẽ xuất hiện với các ký hiệu và biểu tượng mà bạn không hiểu – nó là vậy đấy HTML-mã trang.

Bất kỳ tài liệu WWW nào cũng có thể chứa văn bản, đồ họa và siêu liên kết được cách điệu và định dạng tới các tài nguyên Internet khác nhau. Để hiện thực hóa tất cả những khả năng này, một ngôn ngữ đặc biệt để mô tả các tài liệu WWW đã được phát triển, được gọi là Ngôn ngữ đánh dấu siêu văn bản (HTML),đó là, Ngôn ngữ đánh dấu siêu văn bản.

Mô tả của một trang Web trong HTML là một tập hợp các hướng dẫn được giải thích bởi một chương trình trình duyệt.

Tài liệu được viết bằng HTML là một tệp văn bản chứa văn bản thực tế mang thông tin đến người đọc và các thẻ đánh dấu. Thẻ là chuỗi ký tự được xác định theo tiêu chuẩn HTML dùng làm hướng dẫn cho trình duyệt.

Theo những hướng dẫn này, chương trình sẽ đặt văn bản lên màn hình, bao gồm các hình ảnh được lưu trữ trong các tệp đồ họa riêng biệt và tạo thành các siêu liên kết đến các tài liệu hoặc tài nguyên Internet khác. Do đó, một tệp HTML chỉ xuất hiện dưới dạng một tài liệu Web khi nó được trình duyệt diễn giải.

Tuy nhiên, có một lỗ hổng đáng kể trong ngôn ngữ HTML tiêu chuẩn. Ví dụ: để mô tả bố cục các đoạn trong nội dung và thiết kế của chúng, cần phải mô tả các thuộc tính này cho từng đoạn, ngay cả khi có 10 hoặc 20 đoạn trên một trang. Và hãy tưởng tượng rằng trang web có thể có 100 trang. Kết quả là bạn cần chèn cùng một đoạn mã HTML vào trang hai mươi hoặc hai trăm lần, làm tăng kích thước tệp.

Thật là đau đầu cho các lập trình viên! Để giúp cuộc sống của những quản trị viên web nghèo trở nên dễ dàng hơn, chúng đã được phát minh Bảng định kiểu xếp tầng (CSS)- Cascading Style Sheets.

CSS hoạt động theo cách khác, tiện lợi và tiết kiệm hơn. Để thiết kế các đoạn văn trong nội dung trang, một mã hoặc kiểu thiết kế sẽ được viết một lần. Mã hoặc mô tả kiểu này được lưu trong một tệp riêng biệt. Tiếp theo, bạn chỉ cần sử dụng HTML để đánh dấu văn bản thành các đoạn văn, CSS sẽ đảm nhiệm việc thiết kế chúng. Mã được giảm hàng chục, hàng trăm lần.

Việc đặt các mô tả kiểu trong một tệp riêng biệt rất thuận tiện, đặc biệt nếu trang web có nhiều trang. Ví dụ, để thay đổi thiết kế nội thất tất cả các đoạn văn trên trang web, chỉ cần thay đổi mã trong biểu định kiểu.

CSS cùng với HTML có thể tạo nên những điều kỳ diệu, tất cả là nhờ vào sự phân công lao động trong việc tạo ra các trang web. Việc đánh dấu các thành phần trang dựa trên HTML và thiết kế trực quan của các thành phần được cung cấp bằng các bảng CSS

Bảng định kiểu CSS- nỗ lực tách các chi tiết của thiết kế trang khỏi cấu trúc và nội dung của nó.

Hiện tại, đây là một lá thư tiếng Trung dành cho bạn. Nhưng tôi sẽ không giả vờ là một bậc thầy và viết một bài hướng dẫn khác “HTML và CSS là gì”. Bạn sẽ tìm thấy cả đống thông tin tương tự trên Internet, cùng với nhiều sách giáo khoa đã xuất bản. Nếu bạn muốn đi sâu hơn vào chủ đề, lá cờ nằm ​​trong tay bạn. Đừng sợ, HTML Và CSS rất đơn giản và bất kỳ ấm trà nào cũng có thể làm chủ được chúng. Nhưng vẫn chưa cần phải vội vàng làm điều này.

Từ kinh nghiệm của bản thân, tôi biết rằng tốt hơn hết là đừng để bộ não của ấm trà bị quá tải với những thông tin không cần thiết, nếu không, tức là. bộ não sẽ sôi sục trước thời hạn. Đừng tin những kẻ thông minh trên nhiều trang web cho rằng việc tạo một trang web cần phải bắt đầu bằng việc học HTML và CSS. Tôi có tin tốt cho bạn - bạn không cần phải tự viết mã HTML vì những người thông minh đã nghĩ ra CMS .

< Как работает браузер