Ngôn ngữ đánh dấu siêu văn bản đã được chọn. Ngôn ngữ đánh dấu siêu văn bản HTML. Ngôn ngữ đánh dấu siêu văn bản

Chúng tôi đã phát hành một cuốn sách mới, Tiếp thị nội dung trên mạng xã hội: Cách thu hút người theo dõi và khiến họ yêu thích thương hiệu của bạn.

Đặt mua

HTML là một ngôn ngữ đánh dấu siêu văn bản.

Ngôn ngữ được sử dụng để tổ chức các trang web. Hãy làm một sự tương tự. Bạn đang mua một tờ báo. Một số bài báo đã được xuất bản trong đó. Mỗi bài viết đều có tiêu đề và kèm theo hình ảnh. Và văn bản được gõ vào một số cột. Đây là cấu trúc của một trang báo.

Mọi thứ diễn ra trên trang web đều giống nhau. Để tạo đúng cấu trúc bài viết - nội dung - bạn cần sử dụng ngôn ngữ đánh dấu văn bản.

HTML được sử dụng để cho trình duyệt biết cách hiển thị một trang trên màn hình.

Ngôn ngữ có ở khắp mọi nơi. Đây là một công cụ phổ biến để thiết kế nội dung trên một trang. Nó có thể được sử dụng trong bất kỳ trình duyệt nào. Nếu bạn viết mã bằng ngôn ngữ lập trình, bạn cần biết một số tính năng, toán tử, kiểu dữ liệu, v.v.

HTML bao gồm một tập hợp các thẻ - lệnh và thuộc tính - thuộc tính. Chúng rất dễ nhớ và tài liệu tham khảo luôn có sẵn.

Mã là hướng dẫn cho trình duyệt cách hiển thị trang. Có một cấu trúc phải luôn được tuân theo. Ví dụ: chỉ có một tiêu đề H1 trên một trang, thông tin chính được đặt trong các phần, v.v.

Có ba nhạc cụ trong ngôn ngữ.

• Thẻ là một lệnh. Nó chỉ thẳng vào hành động. Ví dụ,
  • 
    - di chuyển văn bản sang một dòng mới.

  • Bắt đầu một đoạn mới.

  • - đặt văn bản ở đầu trang.
• Thuộc tính thẻ là phần bổ sung cho các lệnh. Chúng cho phép bạn tùy chỉnh hành động có trong thẻ. Ví dụ,
  • - gắn thẻ vào đây cho biết một liên kết được chèn vào văn bản và thuộc tính href cho biết địa chỉ của liên kết.
• Giá trị thuộc tính - giải thích chính xác cách thuộc tính cần được sửa đổi.
  • - Quay lại ví dụ này, “site” là giá trị của thuộc tính.

- Hình ảnh.

Có thể có số lượng phần tử không giới hạn bên trong cơ thể.

Ví dụ: đây là phần mã trang cho một trong các bài đăng trên blog của chúng tôi.

Bạn càng sử dụng thẻ thường xuyên thì chúng càng được ghi nhớ nhanh hơn. Bạn luôn có thể tìm thấy một thư mục có tất cả các thẻ, thuộc tính và ý nghĩa của chúng.

TÔI. Cơ bản về HTML.

Trong những năm gần đây, sự phát triển của Internet đã phát triển từ trang tĩnh năng động hệ thông thông tin. Cách đây một thời gian, việc tạo các trang Web hiện đại chỉ cần một lệnh hoàn hảo về Ngôn ngữ đánh dấu siêu văn bản (HTML).

HTML là một ngôn ngữ xử lý văn bản đơn giản; bằng ngôn ngữ này bằng cách sử dụng một bộ thẻ (thẻ) một tài liệu được tạo ra có thể xem được chương trình đặc biệtđang xemWeb (trình duyệt).

HTML không phải là ngôn ngữ lập trình giống như C++ hoặc Visual Basic; nó giống một trình định dạng tài liệu hơn bằng cách sử dụng các chuỗi thoát. Mã hóa HTML thường được so sánh với việc tạo một tài liệu ở định dạng Microsoft Lời của nhập mã định dạng trực tiếp vào Notepad. Rõ ràng, điều này có rất ít chức năng.

Tài liệu siêu văn bản là tài liệu có chứa các liên kết đến tài liệu khác. Tất cả điều này được thực hiện thông qua HTTP (Giao thức truyền siêu văn bản).

Thông tin trong Tài liệu web có thể được tìm thấy bằng cách sử dụng từ khóa. Điều này có nghĩa là mỗi trình duyệt Web đều chứa các liên kết cụ thể tạo ra các siêu liên kết cho phép hàng triệu người dùng Internet tìm kiếm thông tin trên khắp thế giới.

Tài liệu siêu văn bản được tạo bằng HTML (Ngôn ngữ đánh dấu siêu văn bản). Ngôn ngữ này rất đơn giản; mã điều khiển của nó, được trình duyệt biên dịch để hiển thị trên màn hình, bao gồm văn bản ASCII. Các liên kết, danh sách, tiêu đề, hình ảnh và biểu mẫu được gọi là các phần tử của ngôn ngữ HTML.

Hiện nay có rất nhiều trình soạn thảo trang Web không yêu cầu bạn phải biết HTML cơ bản. Nhưng để có thể chuẩn bị tài liệu siêu văn bản một cách chuyên nghiệp, bạn phải biết cấu trúc bên trong của chúng, tức là mã tài liệu HTML.

HTML cho phép bạn tạo ra nhiều thông tin siêu văn bản khác nhau dựa trên các tài liệu có cấu trúc.

Trình duyệt xác định các liên kết được tạo và thông qua Giao thức truyền siêu văn bản (HTTP), cung cấp tài liệu của bạn cho những người dùng Internet khác. Tất nhiên, đối với thực hiện thành công Tất cả điều này đòi hỏi phần mềm hoàn toàn tương thích với WWW và hỗ trợ HTML.

II. Mô tả HTML

Tài liệu HTML - đây là một tập tin văn bản thông thường. Sử dụng bất kỳ trình duyệt Web nào, bạn có thể xem kết quả công việc của mình bằng cách tải nó vào nó được tạo dựa trên Cú pháp HTML tập tin văn bản.

Ngôn ngữ siêu văn bản cung cấp thông tin chỉ đọc. Điều này có nghĩa là chỉ người tạo ra chúng chứ không phải người dùng Internet thông thường mới có thể chỉnh sửa các trang Web.

Hầu hết yếu tố chính ngôn ngữ siêu văn bản là các liên kết. Trên World Wide Web, bạn chỉ cần nhấp vào một liên kết và ngay lập tức thấy mình đang ở một điểm khác trên quả địa cầu trên trang bạn chọn.

Thẻ.

Nhãn - đơn vị mã HTML được định dạng.

Một thẻ HTML bao gồm những phần sau theo một thứ tự nhất định các yếu tố:

• dấu ngoặc góc trái< (такого же, как "меньше чем" символа)
• một dấu gạch chéo tùy chọn /, có nghĩa là thẻ thẻ kết thúc đóng một số cấu trúc. Vì vậy, trong ngữ cảnh này bạn có thể đọc ký hiệu / là kết thúc...
• tên thẻ, chẳng hạn như TITLE hoặc PRE
• tùy chọn, ngay cả khi thẻ có thể có chúng, thuộc tính. Một thẻ có thể không có thuộc tính hoặc kèm theo một hoặc nhiều thuộc tính, ví dụ: ALIGN=CENTER
• dấu ngoặc vuông > (giống như ký hiệu lớn hơn).

Hầu hết các thẻ đều có phần tử mở và phần tử đóng. Giữa chúng là những đoạn mã mà trình duyệt Web nhận biết

Trong những trường hợp như vậy, hai thẻ và phần tài liệu được chúng phân tách sẽ tạo thành một khối được gọi là phần tử HTML. Một số thẻ, ví dụ, là phần tử HTML và đối với chúng, thẻ kết thúc tương ứng là không chính xác.

Đối với mỗi thẻ, nhiều thuộc tính có thể được xác định. Hầu hết các thẻ cho phép một hoặc nhiều thuộc tính, nhưng có thể không có thuộc tính nào cả. Một đặc tả thuộc tính bao gồm những điều sau đây, theo thứ tự sau:

• tên thuộc tính, chẳng hạn như WIDTH
• dấu bằng (=)
• giá trị thuộc tính, được chỉ định bởi một chuỗi ký tự, ví dụ: "80".

Bạn nên đặt giá trị thuộc tính trong dấu ngoặc kép bằng cách sử dụng dấu ngoặc đơn ("80") hoặc dấu ngoặc kép("80"). Chuỗi trích dẫn không được chứa dấu ngoặc kép bên trong nó. Vì vậy, nếu một ngày được đặt trong dấu ngoặc kép, hãy sử dụng dấu ngoặc đơn để đặt ngày đó trong dấu ngoặc kép sau đó và ngược lại. Bạn cũng có thể bỏ qua dấu ngoặc kép cho các giá trị thuộc tính chỉ bao gồm các ký tự sau:

• Ký tự bảng chữ cái tiếng Anh (A - Z, a - z)
• số (0 - 9)
• khoảng thời gian
• dấu gạch nối (-)

Đánh dấu siêu văn bản được sử dụng để chỉ ra vị trí trên màn hình và cách hiển thị văn bản cũng như cách các văn bản tạo nên cơ sở dữ liệu siêu văn bản có liên quan với nhau. Với mục đích này, các ký tự điều khiển đặc biệt được nhập vào văn bản. Văn bản có các ký tự điều khiển được lưu trữ trong một tệp văn bản thuần túy ở mã ASCII và có thể được xử lý bằng hầu hết mọi trình soạn thảo văn bản.

Ngôn ngữ đánh dấu siêu văn bản HTML được Tim Berners-Lee đề xuất vào năm 1989. Đến thời điểm sáng tạo tạo HTMLđã có một tiêu chuẩn cho ngôn ngữ đánh dấu cho các tài liệu in - SGML (Ngôn ngữ đánh dấu tổng quát tiêu chuẩn), được coi là Khái niệm cơ bản về HTML. Người ta cho rằng giải pháp như vậy sẽ giúp sử dụng phần mềm hiện có để giải thích ngôn ngữ mới.

Là một phần tử của cơ sở dữ liệu siêu văn bản cho HTML, một tệp văn bản thông thường đã được chọn, được lưu trữ bằng cách sử dụng hệ thống tập tin môi trường hoạt động của máy tính.

Như vậy, cơ sở dữ liệu siêu văn bản trong khái niệm WWW là một tập hợp tập tin văn bản, được viết bằng HTML, định nghĩa:

Mẫu trình bày thông tin (đánh dấu);

Cấu trúc kết nối file giữa các file (liên kết siêu văn bản). Cách tiếp cận này giả định sự hiện diện của một thành phần nữa

công nghệ - phiên dịch ngôn ngữ. Trong WWW, các chức năng của trình thông dịch được phân chia giữa máy chủ cơ sở dữ liệu siêu văn bản và giao diện người dùng. Máy chủ, ngoài việc truy cập tài liệu và xử lý các liên kết siêu văn bản, còn thực hiện xử lý trước tài liệu, trong khi giao diện người dùng diễn giải các cấu trúc ngôn ngữ liên quan đến việc trình bày thông tin.

Vào năm 1990 phiên bản 0 của HTML 0 đã xuất hiện.

Phiên bản đầu tiên (HTML 1.0) nhằm mục đích trình bày ngôn ngữ như vậy, trong đó việc mô tả các khả năng của nó mang tính chất tư vấn khá nhiều.

Dự báo là cốt lõi của bất kỳ hệ thống giao dịch nào, do đó, một hệ thống giao dịch tốt có thể giúp bạn trở nên giàu có.

Phiên bản thứ hai (HTML 2.0) ghi lại cách sử dụng cấu trúc ngôn ngữ và trở thành tiêu chuẩn để xây dựng WWW.

Phiên bản ++ HTML ++ giới thiệu các tính năng mới để trình bày thông tin và bảng biểu khoa học, cải thiện phong cách bố cục văn bản và hình ảnh.

Phiên bản thứ ba (HTML 3.0) đã sắp xếp hợp lý tất cả những đổi mới và chính thức hóa giao diện người dùng của hệ thống phân tán siêu văn bản.

Năm 1996 phát hành Một phiên bản mới ngôn ngữ: HTML 3.2, bao gồm các công cụ tạo bảng, cấu trúc ngôn ngữ Java, bản đồ hình ảnh (nằm trên máy khách) và các loại định dạng văn bản mới.

HTML là ngôn ngữ dựa trên văn bản trong đó các hướng dẫn định dạng, được gọi là thẻ, được nhúng vào văn bản của tài liệu.

Quá trình tạo một tài liệu HTML bao gồm việc bao gồm các thẻ bên trong văn bản chưa được định dạng mang tải thông tin.

Thẻ HTML là chuỗi ký tự bắt đầu bằng dấu nhỏ hơn ().

Hầu hết các tính năng định dạng trong HTML chỉ định kiểu logic hơn là kiểu vật lý. Ví dụ: thẻ tiêu đề, thường cho biết kích thước chữ lớn hơn, không cho biết nên sử dụng kích thước nào. Trình duyệt (hoạt động như một chương trình khách) chọn kích thước văn bản cho tiêu đề lớn hơn bình thường. Cách tiếp cận này cho phép bạn thoát khỏi nền tảng - một tài liệu được tạo trên Macintosh có thể được sử dụng bởi UNIX hoặc Windows. Điều bất lợi là trên nền tảng khác nhau tài liệu trông khác.

Trình duyệt WWW hoạt động theo các quy tắc sau khi phân tích các câu HTML:

Dấu cách và các ký tự “vô hình” khác bị bỏ qua;

Tất cả các thẻ có thể được chia thành các nhóm: thẻ cơ bản, thẻ định dạng, thẻ cấu trúc, con trỏ, v.v.;

Thẻ định dạng có thể được viết bằng chữ thường và/hoặc chữ in hoa;

Hầu hết các thẻ định dạng đều được viết theo cặp. Thẻ mở kích hoạt hiệu ứng này, và cái đóng sẽ tắt nó đi. Một cặp thẻ đôi khi được gọi là vùng chứa vì hiệu ứng bật và tắt của chúng xuất hiện trên văn bản bên trong chúng. Ví dụ, để chỉ ra rằng một dòng nên được in bằng ký tự in đậm, bạn sẽ viết:< B >Dòng này sẽ được in đậm

Văn bản bên trong thẻ đóng luôn được đặt trước ký tự dấu gạch chéo ngược. Trong số các thẻ HTML cơ bản, ngoại lệ cho quy tắc này là:< BASE >(thông tin cơ bản),< BR >(kết thúc dòng),< HR >(thước ngang) và< IMG >(hình ảnh). Các thẻ này tồn tại trong một bản sao duy nhất.

Mọi tài liệu HTML đều có các thẻ ranh giới:< HTML >Và . Cặp thẻ này chứa tất cả các thẻ khác trang web và toàn bộ nội dung thông tin của tài liệu. Trên thực tế, họ tuyên bố rằng tất cả nội dung của vùng chứa đều là mã HTML. Nhãn< HTML >phải được đặt ở dòng đầu tiên của tệp và thẻ - ở dòng cuối cùng.

Mỗi tài liệu HTML đều chứa phần đầu tài liệu và phần thân tài liệu.

Tiêu đề tài liệu xác định tài liệu. Nó sẽ xuất hiện ngay sau thẻ< HTML >và bắt đầu với< HEAD >. Tiêu đề kết thúc bằng thẻ .

Tiêu đề tài liệu phải chứa tên tài liệu và URL cơ sở của nó.

Tiêu đề của tài liệu nằm giữa các thẻ< TITLE >Và . Nó được sử dụng bởi trình duyệt và máy chủ web. Độ dài của tên không được vượt quá 40 ký tự. Tiêu đề của tài liệu phải mang tính thông tin và phản ánh nội dung của tài liệu để có thể xác định được. Tên xuất hiện trên thanh tiêu đề của Internet Explorer, trong danh sách lịch sử (History) và “Favorites”.

URL cơ sở phải đầy đủ (tuyệt đối) và chứa giao thức, địa chỉ máy tính Internet và tên tệp. Nó được chỉ định trong thẻ< BASE HREF = “базовый_URL”>. Tất cả các URL khác trong tài liệu có thể được chỉ định liên quan đến URL cơ sở. Ví dụ: nếu URL cơ sở là: http://www.microsoft.com/products/office/word/datasheets.html và bạn phải chỉ định URL của tệp tính năng. html nằm trong thư mục /products/office/excel trên cùng một máy chủ, bạn có thể chỉ định: ../excel/features. html thay vì gõ địa chỉ đầy đủ.

Biểu tượng. ./ chỉ ra rằng bạn cần phải tăng lên một cấp thư mục tương ứng với địa chỉ cơ sở.

Việc có URL cơ sở giúp việc chuyển tài liệu sang máy chủ khác dễ dàng hơn vì nếu tất cả các URL khác trong tài liệu đều là tương đối thì chỉ cần thay đổi tên máy chủ trong URL cơ sở khi chuyển.

Phần thân của tài liệu chứa tất cả văn bản mang thông tin và tất cả các thẻ HTML được sử dụng để định dạng văn bản. Phần thân của tài liệu bắt đầu ngay sau tiêu đề và được phân cách bằng các thẻ< BODY >Và .

Ví dụ về HTML-tài liệu:

< TITLE >Tên tài liệu

< BASE HREF = “базовый_URL” >

Các thẻ được sử dụng trong nội dung tài liệu cho phép bạn chỉ định các thành phần đánh dấu văn bản sau:

Đầu đoạn và cuối dòng

Kiểu tiêu đề

Phong cách vật lý - phong cách logic

Các ký hiệu đặc biệt.

Liên kết siêu văn bản bao gồm hai phần: một con trỏ và một URL. Con trỏ là văn bản mà người dùng phải nhấp vào để di chuyển đến nơi nào đó. URL chỉ định địa chỉ mà trình duyệt sẽ tải xuống tài liệu khi người dùng nhấp vào con trỏ.

Hướng dẫn văn bản trong trình duyệt đồ họa thường được gạch chân và mã màu. Trong các trình duyệt văn bản thuần túy, chúng xuất hiện ở dạng in đậm.

Bất kỳ văn bản nào cũng có thể được sử dụng làm chỉ mục, bất kể kích thước và tính năng định dạng của nó. Chỉ mục có thể bao gồm một số chữ cái, từ hoặc thậm chí dòng văn bản.

Định dạng chỉ mục:

< A HREF = “ URL ”>văn bản chỉ mục,

chữ A trong thẻ ở đâu< A HREF >có nghĩa là neo và HREF có nghĩa là Tham chiếu siêu văn bản. Mọi thứ giữa các thẻ< A HREF = “ URL ”>và là văn bản chỉ mục được hiển thị trên màn hình ở dạng chữ gạch chân hoặc đậm.

Các mã định dạng khác có thể được sử dụng cùng với các chỉ mục siêu văn bản. Ví dụ:

< A HREF = “ URL ”> < I >hoặc

< I > < A HREF = “ URL ”>Đi đến nhiều chi tiết hơn

Chúng tôi tiếp tục loạt bài viết về những kiến ​​thức cơ bản về ngôn ngữ web và sự phát triển trong lĩnh vực này. Trước đây, chúng ta đã tìm hiểu về những điều cơ bản của ngôn ngữ siêu văn bản HTML, các tính năng và phương pháp đánh dấu văn bản (thẻ) của nó.

Chúng tôi cũng đã biết rằng ngôn ngữ HTML tương tác một cách tự nhiên với các hoạt động phát triển phần mềm như kiểu CSS và Javascript và lý do tại sao sự cộng tác như vậy giữa các ngôn ngữ là cần thiết. Hôm nay chúng ta sẽ xem xét chi tiết cấu trúc tạo tài liệu trong HTML5. Xây dựng khối của một tài liệu và cấu trúc của nó là chủ đề của bài viết hôm nay. Nhưng trước tiên bạn cần hiểu HTML5 là gì.

Ngôn ngữ lập trình HTML5 (từ Ngôn ngữ đánh dấu siêu văn bản tiếng Anh) là phiên bản thứ năm của ngôn ngữ này. Giống như tất cả những phiên bản trước, nhằm mục đích xây dựng cấu trúc tài liệu và trình bày chúng trên mạng. TRÊN khoảnh khắc này Phiên bản HTML5 đang được phát triển. Mục tiêu mà việc tạo ra phiên bản HTML thứ năm theo đuổi là cải thiện ngôn ngữ trong lĩnh vực làm việc của nó với các tài liệu đa phương tiện (ứng dụng âm thanh và video).

Việc thêm một số đổi mới về cú pháp, chẳng hạn như , và , sẽ giảm thiểu tính logic và lỗi cú pháp khi làm việc với HTML5 tập tin đa phương tiện. Ngoài ra, để làm phong phú thêm nội dung ngữ nghĩa của tài liệu (ngữ nghĩa - nghiên cứu ý nghĩa của các đơn vị ngôn ngữ), các nghĩa mới được đưa vào như , , và . Một số thuộc tính sẽ bị xóa hoặc thay đổi. Các khả năng mới đang được giới thiệu để xử lý các tài liệu không hợp lệ để tất cả các trình duyệt đều có thể xử lý các loại tài liệu này.

Bất kỳ tài liệu nào trong HTML luôn bắt đầu bằng từ này. Tất cả các phiên bản trước của HTML đã công bố tuyên bố này đại khái như sau:

trong đó PUBLIC biểu thị khả năng đọc của tài liệu và DTD biểu thị loại tài liệu được xuất bản (Định nghĩa loại tài liệu). Định nghĩa của DOCTYPE trong HTML5 được đơn giản hóa nhiều -< !DOCTYPE HTML>. Chỉ vậy thôi - đánh dấu đã sẵn sàng.

Vậy khai báo DOCTYPE có tác dụng gì? Thẻ này nhằm mục đích cho trình duyệt biết nên sử dụng tiêu chuẩn ngôn ngữ nào - việc hiển thị toàn bộ trang, hiển thị của trang sẽ phụ thuộc vào việc xác định phiên bản HTML. Các tiêu chuẩn phát triển HTML được quy định chặt chẽ và tuân theo các quy tắc nhất định, do đó, việc làm việc với mã của người khác, đọc và hiển thị chúng trong trình duyệt thông qua việc sử dụng các tiêu chuẩn được đơn giản hóa đáng kể.

Ban đầu, khai báo DOCTYPE chuyển trình duyệt sang chế độ căn bản, và điều này làm cho nó có thể sử dụng các tiêu chuẩn mới hơn. Đối với những tài liệu được viết bằng tiêu chuẩn cũ, có thể sử dụng chế độ tương thích, cho phép bạn đạt được hoạt động binh thương browser. Khai báo DOCTYPE mới hiện được hầu hết các trình duyệt hiện có hỗ trợ, đồng thời chuyển chúng sang chế độ tiêu chuẩn. Tức là mọi người lại tài liệu đang được tạo phải chứa thuộc tính DOCTYPE và tuân thủ các tiêu chuẩn đã phát triển. Trong trường hợp này, toàn bộ mã tài liệu được kiểm tra xem có tuân thủ các tiêu chuẩn hay không.

Thông thường, bạn có thể chia toàn bộ trang viết bằng HTML thành nhiều phần phụ. Phần gốc của mã chính của toàn bộ trang là thẻ. Nghĩa là, bạn có thể đặt hầu hết mọi thứ giữa các thẻ. Về mặt sơ đồ, trang trong HTML được biểu diễn như sau:

Ví dụ:

< !DOCTYPE HTML>< !-Любой текст, изображения, таблицы и т.д. -->

Trong trường hợp của chúng tôi, thẻ chứa thuộc tính xác định ngôn ngữ của tài liệu - tiếng Nga. Để làm việc với tài liệu dễ dàng hơn, bạn phải chỉ định ngôn ngữ của tài liệu. Tất cả nội dung trang được đặt giữa các thẻ.... , ngoại trừ khai báo DOCTYPE.

Thẻ được gọi là phần đầu của tài liệu. Tất cả dữ liệu cần thiết về trang (cả dữ liệu để trình duyệt hoạt động và dữ liệu thông tin cho nhà phát triển) đều nằm giữa và . Tiêu đề của trang, mã của trang - ví dụ: UTF-8, siêu dữ liệu như từ khóa, mô tả trang, tên tác giả, v.v. – tất cả dữ liệu đó được đặt chính xác giữa các thẻ và . Tại đây bạn có thể kết nối tập tin bên ngoài, tập lệnh và thư viện.

Như đã đề cập ở trên, chúng chứa tất cả thông tin về trang. Các thẻ meta chính được mô tả dưới đây:

1. Kiểu mã hóa trang – Charset. Trong hầu hết các trường hợp, UTF8 được sử dụng, nhưng các mã hóa khác có thể được sử dụng, ví dụ: windows-1251, KOI-8, ISO, v.v. Một thuộc tính như Charset xác định loại mã hóa nào sẽ được sử dụng để đọc trang. Trong HTML5 thuộc tính này trông như thế này:

Như bạn có thể thấy, phiên bản mới của ngôn ngữ này đơn giản hóa rất nhiều việc quản lý trang, giúp đọc dễ dàng và nhanh hơn.

Thẻ meta mô tả, tức là bản tóm tắt của trang. Ví dụ:

Việc sử dụng thẻ này là tùy chọn nhưng cần thiết để bảo vệ nội dung trang khỏi bị sao chép.

Thẻ meta cho biết tiêu đề của trang hoặc bài đăng trên trang – tiêu đề. Thẻ trông như thế này:

Định nghĩa HTML và cấu trúc của ngôn ngữ. | trang web của bạn.com

Tiêu đề được hiển thị trong tiêu đề của cửa sổ đang mở hoặc ở đầu trang.

Thẻ meta liên kết và tập lệnh được sử dụng để kết nối các bảng định kiểu, tệp bên ngoài và thư viện để thực thi. Ví dụ, các bảng Kiểu CSS và cả JavaScript nữa thư viện jQuery. Các đường kết nối cho các tệp này trông như thế này:

Nghĩa là, để hiểu bản chất của những dòng này, bạn có thể tưởng tượng tình huống sau: các tệp CSS và JavaScript nằm trên máy chủ, nhưng nếu không có những dòng này trong tài liệu thì chúng sẽ không hoạt động. Một lưu ý nhỏ khi sử dụng các thẻ này là các tệp có thể nằm trên máy chủ cục bộ hoặc trên máy chủ từ xa. Trong trường hợp sau, bạn phải chỉ định đường dẫn đầy đủ đến các tệp trong thẻ meta. Trong ví dụ của chúng tôi, thẻ meta liên kết được sử dụng để liên kết tệp CSS và sử dụng mối quan hệ liên kết. Chữ ký này cho phép trình duyệt biết rằng tập tin này là một tập tin phong cách. Thẻ rel còn có nhiều ý nghĩa khác.

Một lựa chọn thay thế cho tùy chọn đầu tiên để kết nối tệp kiểu có thể là dòng sau:

a ( trang trí văn bản: gạch chân; ) p ( color: #000000; )

Phương pháp này kết nối trực tiếp kiểu dáng với trang mà không bao gồm tệp kiểu.

Thẻ quan trọng nhất trong tài liệu HTML là . Nó cũng có một kết thúc khép lại. Tất cả dữ liệu chứa bên trong thẻ này xác định nội dung của trang - nội dung, hình ảnh trên trang, tất cả khối lượng tham chiếu có trong văn bản, v.v. Do đó, tất cả thông tin có trước thẻ có thể được đặt trong một loại khuôn mẫu bất biến. Nội dung của phần thân có thể được chỉnh sửa, thay thế, cải thiện.

Sau khi xem xét tất cả các thành phần của tài liệu HTML phiên bản thứ năm, bạn có thể thử tập hợp tất cả các phần riêng lẻ thành một tổng thể, đây sẽ là một tài liệu HTML hoàn chỉnh, tức là một trang của một trang web nhất định. Trang hoàn thiện sẽ trông như thế này:

< !DOCTYPE HTML>Lều thiết kế

Giới thiệu

§ 1. Thông tin chung về ngôn ngữ đánh dấu siêu văn bản (HTML)

§ 2. Cấu trúc của một tài liệu HTML

§ 3. Yếu tố thiết kế trang web

§ 4. Công dụng thực tế ngôn ngữ đánh dấu siêu văn bản HTML

Phần kết luận

Văn học

Giới thiệu

Bài báo nghiên cứu ngôn ngữ đánh dấu siêu văn bản HTML (Hypertext Markup Language); Đặc điểm kỹ thuật đầu tiên của ngôn ngữ đánh dấu phổ quát và có thể truy cập công khai này, HTML, đã được phê duyệt vào năm 1991. HTML đã trở thành tiêu chuẩn và đồng thời là “gốc” cho mọi trang Web phát triển.

Mức độ liên quan của chủ đề tác phẩm được xác định bởi thực tế là ngày nay HTML vẫn là phương tiện phổ biến nhất, thậm chí không thể thiếu để đánh dấu siêu văn bản và do đó xuất bản trên Internet. Viết trang web bằng HTML không cần phải giải thích mã nguồn thành mã nhị phân.

Các trang Web hiện đại không còn chỉ dựa vào HTML nữa. Nó được bổ sung hài hòa bởi các công cụ HTML động: ngôn ngữ tập lệnh JavaScript và/hoặc VBScript, biểu định kiểu xếp tầng (CSS), đôi khi có các ứng dụng Java. Trên thực tế, bạn có thể suy ra một trang Web hiện đại: Trang web = HTML + DHTML (JavaScript/VBScript, CSS, Java applet) + CGI Nghĩa là, bất kỳ trang nào cũng phải có bố cục HTML - vị trí của các thành phần thiết kế văn bản và các tập lệnh cần thiết - Làm sao Phần mở rộng HTML trong lĩnh vực vị trí và mô tả các thuộc tính của các đối tượng khác nhau. Các tập lệnh CGI có thể đóng vai trò chính, hình thành toàn bộ trang, điền vào đó những dữ liệu cần thiết, cập nhật hoặc vai trò phụ - được đưa vào đó.

Mục đích của công việc là cung cấp mô tả chung về ngôn ngữ đánh dấu siêu văn bản HTML. Phù hợp với mục tiêu, nhiệm vụ của công việc được xây dựng như sau:

1.tổng quan về các tính năng chính của HTML

2. phân tích ứng dụng thực tế của HTML (sử dụng ví dụ về chương trình đào tạo).

§ 1. Thông tin chung về ngôn ngữ đánh dấu siêu văn bản (HTML)

Siêu văn bản là văn bản có các từ đánh dấu (lệnh) được chèn vào để đề cập đến các vị trí khác trong văn bản này, các tài liệu, hình ảnh khác, v.v. Trong khi đọc văn bản đó (trong chương trình tương ứng xử lý nó và thực hiện các liên kết hoặc hành động tương ứng), bạn sẽ thấy các từ được đánh dấu (đánh dấu) trong văn bản. Nếu bạn di chuyển qua chúng bằng con trỏ và nhấn một phím hoặc nút (mắt) chuột, thì những gì từ này đề cập đến sẽ được đánh dấu, chẳng hạn như một đoạn khác của cùng một chương của cùng một văn bản. Trên WWW, bằng cách sử dụng từ khóa, bạn có thể nhập một văn bản hoàn toàn khác với một tài liệu khác, nhập một số chương trình, thực hiện một số hành động, v.v. Trên Internet trong bối cảnh WWW, bạn có thể truy cập mọi thứ, telnet, e-mail, ftp, Gopher, WAIS, Archie, USENET News, v.v. Trong WWW, bạn có thể liên kết tới dữ liệu trên các máy khác ở bất cứ đâu trên mạng, sau đó khi bạn kích hoạt liên kết này, dữ liệu này sẽ tự động được chuyển về máy nguồn và bạn sẽ thấy văn bản, dữ liệu, hình ảnh trên màn hình và nếu bạn thực hiện ý tưởng về đa phương tiện, bạn cũng sẽ nghe thấy âm thanh, âm nhạc, lời nói. Nó hơi gợi nhớ đến Gopher, nhưng thực ra nó hoàn toàn khác biệt và mới mẻ. Gopher có cấu trúc menu cứng nhắc mà bạn có thể điều hướng theo ý muốn. Cấu trúc này không phụ thuộc vào việc bạn đang làm gì, bạn đang sử dụng tài liệu gì, v.v. Trên WWW, bạn di chuyển qua một tài liệu, tài liệu này có thể có bất kỳ cấu trúc siêu văn bản nào. Bạn có thể tự do sắp xếp các cấu trúc menu trong siêu văn bản. Với trình soạn thảo siêu văn bản, bạn có thể tạo bất kỳ cấu trúc nào của môi trường làm việc, bao gồm tài liệu, tệp, dữ liệu, hình ảnh, phần mềm, v.v. và đó sẽ không phải là phần mềm mới mà chỉ đơn giản là siêu văn bản.

Các chương trình phát triển máy chủ Web hiện đại, chẳng hạn như MS FrontPage hoặc Web Pen cho Windows, cho phép ngay cả người mới bắt đầu dễ dàng tạo các trang tạo sẵn mà không cần nghiên cứu sách giáo khoa. Trong trường hợp này, một chuyên gia tạo trang Web, được gọi là Webmaster, lấy các tệp được tạo sẵn (văn bản, bảng biểu, đồ họa, cơ sở dữ liệu, âm thanh, hoạt ảnh, video, chương trình) và sử dụng các nút và lệnh menu để thiết kế các trang của trang web. Các chương trình như vậy, thực thi các lệnh từ menu công cụ và vận hành, tạo thành siêu văn bản của máy chủ WWW.

Văn bản nguồn, dạng bảng, đồ họa và các đối tượng khác được đưa vào trang Web bằng cách sử dụng thẻ (tag = label). Thẻ là một chuỗi ký tự xác định

). vị trí của đối tượng trên trang của trang web,

). sự xuất hiện của đối tượng hoặc

). kết nối của trang này với các trang khác của trang này, cũng như với bất kỳ máy chủ nào khác.

Thẻ còn được gọi là điểm đánh dấu kiểm soát hoặc cờ. Các chương trình như Web Pen tự thiết lập các thẻ, vì vậy người dùng các chương trình đó có thể không biết ngôn ngữ đánh dấu siêu văn bản (HTML = Ngôn ngữ đánh dấu siêu văn bản).

Kiến thức về HTML là cần thiết vì năm lý do.
Đầu tiên, Quản trị viên web phân tích trang web của các công ty cạnh tranh và đơn giản là các ví dụ thành công về máy chủ WWW. Việc phân tích như vậy, cần thiết để cải thiện trang web của bạn, sẽ không thể thực hiện được nếu không có kiến ​​thức về ngôn ngữ đánh dấu siêu văn bản.
Thứ hai, thật thuận tiện để cải thiện máy chủ Web của bạn mà không cần phải sửa lại hoàn toàn (việc này tốn thời gian và tốn kém) bằng cách chèn và xóa các đối tượng và thẻ theo cách thủ công.

Thứ ba, HTML không ngừng phát triển nên các chương trình như MS FrontPage luôn bị tụt hậu so với các tính năng ngôn ngữ mới nhất.

Thứ tư, chúng ta không nên quên chi phí khá cao của những chương trình như vậy.

Cuối cùng, thứ năm, sau khi bỏ tiền mua một chương trình, bạn vẫn cần dành thời gian để làm chủ nó.

Bằng cách sử dụng HTML, Quản trị viên web xác định cấu trúc của tài liệu siêu văn bản và hình thức của từng trang trong đó. HTML chỉ định cú pháp cho các thẻ cho phép người xem hiển thị nội dung tài liệu: văn bản, hình ảnh, bảng và các loại dữ liệu khác. Bản thân các thẻ không được người xem hiển thị.

HTML triển khai hỗ trợ cơ chế liên kết siêu văn bản đặc biệt để cung cấp thông tin liên lạc của tài liệu này với các tài liệu khác. Cái sau có thể được định vị:

) trên trang web này, nghĩa là trong một thư mục chứa tất cả các tệp htm, đồ họa, âm thanh, hoạt ảnh, video, chương trình;

) bên ngoài trang web ở những trang khác trong các thư mục trên máy tính này;

) trong hệ thống toàn thế giới Web, tức là trên các máy chủ Web khác;

) trên Internet trên các loại máy chủ khác (FTP, Gopher).

Việc sử dụng cơ chế liên kết siêu văn bản tạo ra một không gian thông tin thống nhất trên toàn thế giới, từ đó nhân viên của một công ty thương mại nhận được thông tin họ cần. Tiêu chuẩn HTML, giống như tất cả các tiêu chuẩn liên quan đến Web khác, được phát triển dưới sự bảo trợ của World Wide Web Consortium (W3C). Bạn có thể tìm thấy thông số kỹ thuật của các tiêu chuẩn và dự thảo đề xuất mới tại #"justify">Các văn bản HTML được ghi trong sổ tay chứa thông tin cần thiết để tạo các trang Web. Điều này cho phép bạn tăng lượng thông tin hữu ích cho sinh viên. Hình thức trình bày được chấp nhận còn có một ưu điểm nữa: học sinh quen với việc đọc các tệp htm. Điều này là cần thiết để phân tích và cải thiện các trang web đã hoàn thành.

ngôn ngữ đánh dấu siêu văn bản

§ 2. Cấu trúc của một tài liệu HTML

một tài liệu bao gồm các văn bản, đồ họa, bảng biểu và các đối tượng khác thể hiện nội dung của tài liệu. Chương trình xem sử dụng các thẻ được viết trong tài liệu HTML để xác định cấu trúc vị trí của các đối tượng và vẻ bề ngoài. Thông thường, các thẻ HTML được viết theo cặp (thẻ bắt đầu và thẻ kết thúc), giữa văn bản đó và các đối tượng tài liệu khác được đặt. Tên thẻ kết thúc giống với tên thẻ bắt đầu nhưng tên thẻ kết thúc đứng trước dấu gạch chéo lên (/), gọi là dấu gạch chéo. Định dạng của một tài liệu HTML rất đơn giản: nó bắt đầu bằng một thẻ và kết thúc bằng một thẻ. Tên thẻ có thể được viết bằng chữ thường hoặc chữ in hoa.

Khởi chạy Notepad bằng nút Start trên thanh tác vụ

BẮT ĐẦU => CHƯƠNG TRÌNH => PHỤ KIỆN => NOTEPAD

Đặt hai cửa sổ trên màn hình nền cùng lúc: cửa sổ MS Word kèm theo hướng dẫn này và cửa sổ Notepad.

Nhập văn bản sau vào trường chỉnh sửa Notepad:

Chương trình này, giống như tất cả các chương trình tiếp theo, không thể gõ trên bàn phím mà được sao chép vào trường chỉnh sửa Notepad từ chương trình này bằng lệnh menu vận hành VIEW => SOURCE. Các chú thích không được sử dụng trong chương trình được gõ bằng màu đen.

Đây là văn bản xuất hiện trên màn hình khi bạn mở tài liệu này.

Và đoạn văn này sẽ được viết nghiêng.

Nếu bạn không có đủ thời gian để gõ văn bản, hãy đọc tệp ris1.htm bằng Notepad, nằm trong cùng thư mục mà bạn đọc hướng dẫn này.

Trong cửa sổ thư mục làm việc, nhấp đúp chuột trái vào biểu tượng của tài liệu mới tạo ris1a.htm và sử dụng MS Internet Explorer để xem tài liệu thu được.

Văn bản của tài liệu bao gồm các thành phần tiêu đề và nội dung, được đánh dấu tương ứng bằng các thẻ và Trong thẻ tiêu đề. . . giới hạn văn bản được sử dụng làm thanh tiêu đề của cửa sổ trình xem. Nút trên thanh tác vụ khi xem tài liệu có dòng chữ tương tự.

§ 3. Yếu tố thiết kế trang web

Vấn đề chính Khi mô tả và nghiên cứu HTML cần xác định tập hợp các thuộc tính và giá trị của chúng hợp lệ cho từng phần tử. Rất thường xuyên, bạn có thể gặp phải tình huống trong đó một thuộc tính nổi tiếng nào đó không được sử dụng trong một số phần tử và sau đó đột nhiên việc sử dụng nó bắt đầu có ảnh hưởng khi xem trang trong trình duyệt mới. Việc hỗ trợ các thuộc tính bổ sung là vấn đề cải thiện trình duyệt hơn là ngôn ngữ. Ví dụ, Netscape và Microsoft không ngừng phát triển các chương trình của họ.

Tiêu đề trang. Tiêu đề của một trang Web thể hiện thông tin. kèm theo trong "xi măng (phần) ĐẦU.

Phần tử TITLE này chỉ định văn bản xuất hiện trong tiêu đề của cửa sổ trình duyệt khi xem một trang. Văn bản này không chỉ phục vụ như một gợi ý mà còn có thể được sử dụng công cụ tìm kiếmđể phân tích trang. Có ba cách để tìm kiếm các trang trên Internet dựa trên dữ liệu văn bản: theo từ khóa trong phần tử META, theo văn bản được đánh dấu trên trang. và theo dòng tiêu đề bên trong phần tử TITLE.

PHONG CÁCH - và - LIÊN KẾT -. Thẻ STYLE cũng phải được đặt bên trong phần tử HEAD, nếu bạn muốn hiểu những định dạng không chuẩn nào được sử dụng trên trang, bạn cần xem nội dung của phần tử này. Nó sẽ chỉ ra các định dạng cần thiết. Nếu không có các định dạng như vậy thì kiểu trang sẽ được ghi vào một tệp riêng. Liên kết tới tệp như vậy phải nằm trong phần tử LINK.

Phần tiêu đề có thể chứa một số xi măng META, mỗi loại xi măng chịu trách nhiệm về một bộ thông số cụ thể. Việc sử dụng các phần tử META là không bắt buộc, nhưng một số cài đặt có thể khá quan trọng. Ví dụ: người ta biết rằng trình duyệt trong một số trường hợp có thể tự động xác định loại mã hóa trang. Người dùng làm việc với trình duyệt có thể chọn một mã hóa cụ thể từ menu. Để loại bỏ sự không chắc chắn khi xem một trang cụ thể, bạn nên đặt dấu hiệu của trang mã trên đó.

Thông tin tập trung vào các phần tử META quyết định Cài đặt chung Các trang web được gọi là hồ sơ. Hồ sơ có thể được lưu trữ trong các tệp riêng biệt và được đính kèm vào một trang cụ thể bằng cách sử dụng thuộc tính đặc biệt của phần tử HEAD:

Thuộc tính tiêu chuẩn. Có một số thuộc tính ẩm được sử dụng trong nhiều phần tử. Một số thuộc tính này rất quan trọng để thiết kế trang Web, trong khi những thuộc tính khác chỉ phù hợp để giải quyết một số vấn đề nhất định.

Thuộc tính id thực hiện các chức năng tên duy nhất yếu tố. Tùy thuộc vào loại phần tử, thuộc tính này thực hiện các chức năng khác nhau

Thuộc tính classid chỉ định chương trình hoặc đối tượng có thể được sử dụng trong một số phần tử nhất định.

Thuộc tính style có thể được sử dụng trên nhiều phần tử. Nó nhằm mục đích xác định định dạng của một phần tử cụ thể và có thể nhận nhiều giá trị khác nhau.

Thuộc tính lớp thực hiện các chức năng tương tự. Nó có thể được chỉ định nếu phần HEAD chứa phần tử STYLE hoặc liên kết đến biểu định kiểu xếp tầng được sử dụng (xem phần “Bảng định kiểu” bên dưới).

Thuộc tính căn chỉnh được sử dụng để căn chỉnh văn bản, đối tượng hoặc toàn bộ phần tử. Căn chỉnh có thể liên quan đến viền cửa sổ, khung bảng,… Mỗi phần tử cho phép bạn chỉ định các giá trị cụ thể cho thuộc tính đó. Nói chung, các giá trị có thể như sau:

trái - căn lề trái;

phải - căn lề phải;

căn chỉnh - căn chỉnh chiều rộng (đối với văn bản);

center – căn giữa (ngang):

căn lề giữa - giữa (theo chiều dọc):

top - căn chỉnh với đường viền trên cùng;

đáy - căn chỉnh với đường viền dưới cùng.

Thuộc tính lang xác định ngôn ngữ của văn bản bên trong phần tử hiện tại: lang - “mã ngôn ngữ”

Định dạng văn bản. Văn bản là đối tượng trang Web duy nhất không yêu cầu độ nét đặc biệt. Nói cách khác, các ký tự tùy ý được hiểu là dữ liệu văn bản theo mặc định. Nhưng có một số lượng lớn các phần tử để định dạng văn bản. Hầu hết chúng, ngoại trừ những cái đặc biệt, đều hỗ trợ các thuộc tính tiêu chuẩn: id, class, lang. thuộc tính dir, tiêu đề, phong cách và sự kiện.

Ban đầu, HTML giới thiệu ít tùy chọn định dạng văn bản hơn các trình soạn thảo văn bản thông thường. Kết quả là, các tác giả của tài liệu siêu văn bản đã phải dùng đến nhiều thủ thuật khác nhau để mang lại cho văn bản hình thức như mong muốn. Bây giờ tình hình đã thay đổi, nhưng mọi thứ Tính năng bổ sungđược thực hiện thông qua việc sử dụng các tờ định kiểu. Ví dụ: chỉ sử dụng thuộc tính thụt lề văn bản, bạn mới có thể đặt mức thụt lề cho dòng đầu tiên của đoạn văn.

Bạn cũng có thể định dạng văn bản bằng cách sử dụng các yếu tố truyền thống: đánh dấu các đoạn in nghiêng, in đậm, chọn phông chữ, v.v. Chúng ta hãy nhìn vào những yếu tố này. Thuộc tính id tiêu chuẩn có thể được sử dụng cho chúng. lớp, lang, giám đốc. tiêu đề, kiểu, thuộc tính sự kiện, cũng như các thuộc tính xác định thuộc tính duy nhất của các thành phần nhất định.

Phần tử đoạn văn là một trong những phần tử hữu ích nhất. Nó cho phép bạn chỉ sử dụng thẻ bắt đầu, vì phần tử P tiếp theo không chỉ đánh dấu phần đầu của đoạn tiếp theo mà còn đánh dấu phần cuối của đoạn trước. Trong trường hợp cần chỉ ra phần cuối của đoạn văn, bạn cũng có thể sử dụng thẻ kết thúc. Trong một số trường hợp, việc đặt thẻ bắt đầu ở cuối dòng sẽ rất thuận tiện: nó không chỉ đánh dấu phần cuối của đoạn văn mà còn thực hiện chức năng của thẻ
(ngắt dòng). Cùng với thành phần đoạn văn, bạn có thể

và các yếu tố biểu thị tính biểu cảm (nhấn mạnh) của một đoạn văn bản nhất định và định nghĩa về một điều gì đó (định nghĩa). Cả hai phần tử đều có hành động tương tự như phần tử 1, nghĩa là trong hầu hết các trường hợp, chúng cho phép bạn đánh dấu văn bản in nghiêng.

Từ quan điểm thiết kế tài liệu, các yếu tố này không khác nhau. Chúng chỉ có thể hữu ích khi làm nổi bật các đoạn văn bản giống nhau về mục đích (hoặc ý nghĩa). nằm ở các bộ phận khác nhau tài liệu hoặc thậm chí các trang khác nhau. Trong trường hợp này, nhà phát triển không thể biết chính xác phông chữ nào sẽ được sử dụng: điều này được xác định bởi mỗi trình duyệt theo cách riêng của nó. Nhưng anh ta có thể chắc chắn rằng tất cả các đoạn văn bản sẽ có định dạng giống nhau. Có một số yếu tố khác trong ngôn ngữ có thể được mô tả tương tự.

Những phần tử nội dung này và các phần tử nội dung khác có thể có các thuộc tính tiêu chuẩn: id. thuộc tính lớp, lang, thư mục, tiêu đề, kiểu dáng, sự kiện.

Blockquote BLOCKQUOTED - chỉ định một báo giá. Phần tử này yêu cầu thẻ kết thúc. Văn bản không thay đổi nhưng đoạn văn được thụt vào. Phần tử này cũng không liên quan gì đến dấu ngoặc kép: nếu có dấu ngoặc kép trong dấu ngoặc kép thì chúng phải được đặt rõ ràng. Nhìn trực quan, định dạng của phần tử này chỉ bao gồm thụt lề trái, vì vậy phần tử này có thể được sử dụng nhiều nhất. trường hợp khác nhau. Phần tử này có thuộc tính không chuẩn riêng cho phép bạn chỉ ra nguồn trích dẫn:

="L0resookulshta->krva1kttn11ka""11re;1!yu.gazh!sya rằng địa chỉ được chỉ định làm URL.

Biểu định kiểu là một trong những cải tiến mạnh mẽ nhất của HTML 4. Chúng cho phép bạn thay đổi thuộc tính của các thành phần theo mong muốn của nhà phát triển trang. Các tờ định kiểu không liên quan gì đến các bảng thông thường. Nói chung, một mẫu biểu định kiểu trông như thế này:

Yếu tố. tên kiểu (Thuộc tính 1: value; thuộc tính 2: value:... j) Kết quả là yếu tố cụ thể một tập hợp các thuộc tính được chỉ định (phạm vi của chúng rất quan trọng). Điều này loại bỏ những hạn chế của HTML và mở ra một lĩnh vực hoạt động rộng lớn cho người thiết kế (tác giả trang). Một trong những tính năng quan trọng nhất phong cách thiết kế là thế. rằng tất cả các yếu tố chứa trong xi măng với một kiểu dáng nhất định đều có thể biến đổi. Vì thế. Bằng cách xác định kiểu cho phần tử BODY, bạn gán kiểu đó cho toàn bộ nội dung của trang Web. Tương tự với các ngôn ngữ lập trình hướng đối tượng, chất lượng này được gọi là tính kế thừa.

Trình duyệt sẽ được thông báo ngôn ngữ tạo kiểu nào đang được sử dụng. "CSS" trong trường hợp này có nghĩa là "Bảng định kiểu xếp tầng". Nó vừa là tiêu chuẩn vừa là ngôn ngữ mở rộng HTML truyền thống. Hiện tại có hai thông số kỹ thuật (CSS1 và CSS2) liệt kê các thuộc tính phần tử. “Những thuộc tính này rất giống với thuộc tính, nhưng có hai điểm khác biệt: có nhiều thuộc tính hơn và quy tắc cú pháp hơi khác một chút.

Trong trường hợp này, kiểu mới được tạo cho toàn bộ trang cho tiêu đề cấp một và cấp hai. Đối với phần tử CODE, phông chữ và màu nền được chọn.

Danh sách được đưa vào HTML, chắc chắn được lấy cảm hứng từ sự thành công của soạn thảo văn bản. Danh sách khác với văn bản thông thường chủ yếu ở chỗ người dùng không cần phải suy nghĩ về việc đánh số các mục của nó: chương trình sẽ đảm nhận nhiệm vụ này. Danh sách được bổ sung các mục mới hoặc rút ngắn và việc đánh số được điều chỉnh tự động. Trong trường hợp danh sách không được đánh số, chương trình sẽ đặt các điểm đánh dấu trước mỗi mục: hình tròn, hình chữ nhật, hình thoi hoặc các hình ảnh khác. Do đó, danh sách sẽ có giao diện “có thương hiệu” dễ đọc. Các thẻ để tạo danh sách có thể được chia thành hai nhóm: một số tôi xác định! diện mạo chung của danh sách (và cho phép bạn chỉ định các thuộc tính), trong khi các thuộc tính khác chỉ định cấu trúc bên trong của nó. Bạn có thể sử dụng các thuộc tính tiêu chuẩn trong danh sách. Có một số loại danh sách.

Đơn giản nhất là danh sách không có thứ tự. Mẫu của nó trông giống như

ĐOẠN VĂN

ĐOẠN VĂN!

MỤC 1 MỤC 1

Phần tử UL là một loại khung cho danh sách. Nó cho phép bạn tách danh sách này khỏi danh sách khác. Phần tử LI biểu thị từng mục.

Vì vậy, cấu trúc của danh sách đánh số tương tự như danh sách trước: