Trình tự beta phân tích báo cáo tùy chỉnh. Cách thiết lập báo cáo tùy chỉnh trong Google Analytics. Tôi đang theo dõi bạn: phân tích các báo cáo Google Analytics cơ bản

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

Khái niệm cơ bản về HTML (Siêu văn bản Ngôn ngữ đánh dấu)

Giống như bất kỳ ngôn ngữ lập trình nào khác, HTML bao hàm một cấu trúc tiêu chuẩn nhất định để xây dựng một chương trình - trong trong trường hợp này, tài liệu html. Cấu trúc này mô tả trình tự của một số khối bắt buộc chứa trực tiếp mã chương trình.

Các lệnh HTML được gọi là “tags” (từ tiếng Anh, tag - mark). Các thẻ HTML được đặt trong dấu ngoặc nhọn, cú pháp viết chúng là nhìn chung giống như <тег> . Tất cả các đối tượng không được đặt trong dấu ngoặc nhọn, người phiên dịch nhận thấy thích các yếu tố văn bản, hiển thị chúng trên màn hình máy tính “nguyên trạng”.

Cấu trúc tài liệu HTML trông như thế này:

tài liệu HTML

Phần mở đầu

HTML có một tính năng quan trọng hơn giúp phân biệt nó với các ngôn ngữ lập trình khác: hầu hết tất cả các thẻ của một ngôn ngữ nhất định, ngoại trừ một số trường hợp được chỉ định riêng, - ghép nối Một cặp như vậy bao gồm thẻ “mở” và thẻ “đóng”, chỉ khác nhau ở sự hiện diện của ký hiệu “/” ở thẻ sau. Mọi thứ nằm giữa thẻ mở và thẻ đóng đều được trình thông dịch xử lý theo thuật toán được gán cho thẻ cụ thể này. Nhìn chung, phần mềm chuỗi HTML với thẻ mở và đóng, nó trông như thế này:


<тег>giá trị được xử lý

Được cho Thuộc tính HTML cho phép bạn sử dụng nguyên tắc lồng một thẻ vào trong một thẻ khác, khi giá trị được xử lý của một lệnh có thể là một lệnh khác. Đây là một ví dụ đơn giản về việc lồng hai thẻ vào nhau:

<тег1> <тег2>giá trị được xử lý

Khi làm việc với mã HTML, bạn cần nhớ một quy tắc đơn giản:

Nếu có thẻ mở ở đâu đó trong văn bản của chương trình thì cũng phải có thẻ đóng. Việc không tuân thủ quy tắc này sẽ gây ra lỗi khi trình thông dịch trình duyệt xử lý tài liệu đó.

Cấu trúc chính, toàn cục của mã nội bộ của một trang Web là “Tài liệu HTML”, theo định nghĩa của nó thì có đội đặc biệt, được thiết kế để "giải thích" cho trình duyệt rằng nó đang xử lý một tài liệu HTML chứ không phải bằng văn bản hoặc, chẳng hạn như tệp đồ họa. Lệnh này được gọi là "thẻ cấp cao nhất" và được viết là:

<НТМL>Nội dung

Thẻ cấp cao nhất là một cặp và nội dung của nó chính xác là tất cả mã HTML tạo nên tài liệu. Thẻ mở được viết ở dòng đầu tiên của tài liệu HTML và thẻ đóng được viết ở dòng cuối cùng.

Phần tử tiếp theo"Tiêu đề tài liệu". Tiêu đề của một trang Web chứa thông tin toàn diện về chính tài liệu đó và đôi khi cũng có những chỉ dẫn dịch thuật đặc biệt nhắc nhở trình thông dịch được tích hợp trong trình duyệt. quy tắc HTML, theo đó mã tạo nên trang sẽ được xử lý. Nội dung tiêu đề không được hiển thị trong trình duyệt và không ảnh hưởng đến hình thức của tài liệu.Đây là thông tin dịch vụ cần thiết cho hoạt động chính xác browser. Cú pháp chung cho thẻ tiêu đề trông như sau:

Nội dung

chương CÁI ĐẦU theo thẻ trực tiếp trong tài liệu html và là lệnh bắt buộc thứ hai phải có trong mã trang Web.

"Tiêu đề bên ngoài" là một lệnh thẻ lồng nhau . Phần ghi nhớ tiêu đề bên ngoài được viết như sau:

<ТITLE>Tiêu đề bên ngoài


Tiêu đề bên ngoài hiển thị trong lề trên trình duyệt làm tiêu đề của trang khi nó được mở. Ý nghĩa thẻ </b> theo mặc định được chèn vào hộp thoại tương ứng khi người dùng thêm tài liệu vào thư mục “yêu thích”.</p> <p>Thành phần cấu trúc cuối cùng của mã trang web là <b>"Thân tài liệu"</b>. Nội dung tài liệu được mô tả bằng thẻ <b><BODY> </BODY> </b>, bao gồm tất cả mã đánh dấu trang chính, xác định việc hiển thị tài liệu HTML trên màn hình điều khiển. Văn bản chính, hình minh họa, yếu tố điều hướng và mọi thứ bạn muốn trình bày cho khách truy cập trang web của mình đều được đặt bên trong thẻ này.</p> <p>Do đó, các thành phần mã bắt buộc của một tài liệu HTML trông như thế này:</p> <p><b><HTML> </b></p> <p><b><HEAD> </b></p> <p><b><ТITLE>Tiêu đề trang

Thẻ và thuộc tính.

Như đã lưu ý ở trên, nhãn là một lệnh HTML nhất định cho trình thông dịch trình duyệt biết cách xử lý giá trị tương ứng với từng lệnh cụ thể.

Thẻ có thể có thuộc tính(hoặc không có). Ví dụ: thẻ cấp cao nhất không có thuộc tính nào, nhưng nằm trong dòng để tạo bảng mới

sự biểu lộ "BIÊN GIỚI="1" CHIỀU RỘNG="100"" là một thuộc tính thẻ
.

Nói chung, cú pháp để viết một thẻ HTML cùng với các thuộc tính của nó như sau:

<ТЕГ ИМЯ _ АТРИБУТА-1 = "ЗНАЧЕНИЕ" ИМЯ _ АТРИБУТА-2 = "ЗНАЧЕНИЕ" ...ИМЯ _ АТРИБУТА-n = "ЗНАЧЕНИЕ">

Trong ví dụ này, thuộc tính đầu tiên của thẻ

- đây là một tham số "RANH GIỚI", thuộc tính thứ hai là một tham số "CHIỀU RỘNG" và giá trị của chúng lần lượt là "1" và "100". Các giá trị thuộc tính được đặt trong dấu ngoặc thẳng, viết bằng ký hiệu «"» . Nếu bên trong một thuộc tính của thẻ có một giá trị khác được đặt trong dấu ngoặc kép, nghĩa là có một số dấu ngoặc kép lồng vào nhau, thì nên sử dụng dấu ngoặc đơn, được viết bằng ký hiệu, làm dấu ngoặc kép “nội bộ” «"» . Nói chung, một biểu thức như vậy trông như thế này:


<ТЕГ ИМЯ_АТРИБУТА-1="ЗНАЧЕНИЕ-1; "ЗНАЧЕНИЕ-2"; ЗНАЧЕ­НИЕ-3">

Đặc tả ngôn ngữ HTML cho phép bỏ qua dấu ngoặc kép cho các loại thuộc tính sau:

Các thuộc tính chỉ được viết bằng ký tự chữ thường hoặc chữ hoa của bảng chữ cái Latinh và không bao gồm các ký tự khác, chẳng hạn như số.

Các thuộc tính chỉ bao gồm các số từ 0 đến 9.

Các thuộc tính biểu thị khoảng thời gian.

Ví dụ: viết các thuộc tính BORDER="1" hoặc ALIGN="CENTER" có thể được biểu diễn dưới dạng BORDER=1 và ALIGN=CENTER.

Mã HTML - đánh dấu trang web được thực hiện bằng ngôn ngữ HTML và bao gồm các ký tự đặc biệt (thẻ) được trình duyệt sử dụng để xây dựng một thiết kế dựa trên mã văn bản. Ngôn ngữ này chịu trách nhiệm về cách siêu văn bản sẽ được phản ánh chính xác trên các trang của trang web.

HTML (Ngôn ngữ đánh dấu siêu văn bản)- Ngôn ngữ đánh dấu siêu văn bản. Siêu văn bản có được sự phát triển nhờ Internet, mặc dù nó hoàn toàn không được tạo ra cho mục đích đó. HTML giúp bạn có thể chuyển từ đoạn văn bản này sang đoạn văn bản khác và điều tuyệt vời là những đoạn văn bản này có thể được lưu trữ trên các máy tính hoàn toàn khác nhau.

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

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

1. Điều đầu tiên xuất hiện trong tài liệu là chỉ báo phiên bản HTML (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 đó đến khu vực trên cùng 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 của tài liệu HTML được chỉ định (dòng thứ năm). Điều này được thực hiện để phản ánh 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 là quan trọng đối với Tối ưu hóa công cụ tìm kiếm và nó phải được điền vào.

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.

Tệp CSS là gì và tại sao chúng cần thiết? Tệp CSS được tạo như thế nào?

Cascading Style Sheets(đây là tên viết tắt của CSS) hoặc biểu định kiểu xếp tầng là ngôn ngữ thiết kế bên ngoài của các trang web được viết bằng ngôn ngữ đánh dấu HTML.

Tại sao cần CSS?

Để giúp quản trị viên web dễ dàng hơn và cải thiện thiết kế trang web, bảng CSS Họ chịu trách nhiệm thiết kế các trang web. Sự ra đời của CSS giúp tách biệt nội dung và thiết kế của các tài liệu web. Điều này đẩy nhanh quá trình tạo trang web do sự hiện diện phong cách đồng phục thiết kế cho một số lượng lớn các trang.



Ngoài ra, biểu định kiểu xếp tầng giúp bạn có thể nhanh chóng thay đổi thiết kế của tài nguyên web hoặc thực hiện các chỉnh sửa đối với tài nguyên đó. Vì vậy, với một tệp CSS, giờ đây bạn có thể nhanh chóng kiểm soát thiết kế của một số lượng lớn các trang web.

Lợi thế quan trọng tờ phong cách– thiết kế trang web cho các thiết bị khác nhau. Điều đáng ghi nhớ là có các bảng khác nhau phong cách. Nghĩa là, một số thiết kế được tạo ra cùng một lúc (để in, xem trên màn hình máy tính, thiêt bị di động). Tùy thuộc vào thiết bị nào mà trang web được lên kế hoạch hiển thị, CSS được viết cho mỗi thiết bị một lần khi tạo trang web.

Không có Kiểu CSS sẽ phải được chỉ định cho từng trang web riêng lẻ. Giờ đây, mọi trang trên trang web chỉ cần liên kết đến một tệp CSS. Để thay đổi bất kỳ điều gì trong thiết kế trang web của chúng tôi, bạn cần thay đổi mã của tệp CSS.

Vì vậy, CSS có tiềm năng rất lớn trong việc thiết kế tài nguyên web. Và nếu bạn đang có ý định thành thạo việc xây dựng trang web, bạn không thể làm gì nếu không có kiến ​​thức về CSS. Cú pháp CSS bảng rất dễ dàng để làm chủ. Vì vậy, hãy thoải mái bắt đầu nghiên cứu nó để tìm hiểu cách tạo ra những trang web không chỉ có ý nghĩa mà còn đẹp mắt.

Cách tạo tệp CSS:

Tài liệu Kiểu CSS- điều này là bình thường tập tin văn bản, giống hệt như những gì chúng ta có thể tạo trong bất kỳ trình soạn thảo văn bản nào “Notepad”, “MS Word”, v.v.

Điều duy nhất giúp phân biệt tập tin kiểu này với những tập tin khác là tài liệu văn bản- đây là phần mở rộng của nó, trông giống như *.css.

Do đó, bạn có thể tạo tệp kiểu CSS chỉ bằng cách thay đổi phần mở rộng của tệp văn bản:

Cách 1: Chỉ cần thay đổi phần mở rộng của tệp văn bản.

mở bất kỳ soạn thảo văn bản, ví dụ "Notepad". Trong menu chính, chọn tệp – lưu dưới dạng và lưu tệp văn bản với độ phân giải .txt. Bây giờ bạn cần thay đổi phần mở rộng của tệp này từ *.txt thành *.css. Bây giờ để tạo một tệp CSS, bạn chỉ cần đổi tên tệp bằng cách thay đổi phần mở rộng của nó thành css. Sau này, chúng tôi nhận được một tệp kiểu CSS.



Phương pháp 2: Tạo tệp kiểu bằng trình chỉnh sửa mã Dreamweaver. Trong đó Chức năng đặc biệtđể tạo các tập tin kiểu CSS. Sau khi mở chương trình, một menu chính sẽ xuất hiện nơi bạn có thể chọn tạo tệp CSS. Sau khi tạo tập tin, nó có thể được lưu thông qua menu chính “File-save as…” Quá trình tạo tương tự Tệp CSS cũng có sẵn trong các trình soạn thảo mã khác.

http://www.webuchebnik.ru/samouchitel_html/fone_images.php

http://stafox.ru/category/html-2/lekcii/

Cấu trúc của một tài liệu HTML là gì?

CẤU TRÚC TÀI LIỆU HTML:

Đây là mã cho trang HTML đơn giản nhất trông như thế nào:

  1. Trang web đầu tiên của tôi

Để tạo của riêng bạn trang html, bạn cần dán đoạn mã trên vào notepad, bấm vào Tệp → Lưu dưới dạng... Trong trường “tên tệp”, hãy cho biết your_pagename.html, và trong trường “loại tệp” cho biết Tất cả các tập tin. Nhấp chuột Cứu.

Nhãn thông báo rằng nó đang bắt đầu cấu trúc tài liệu html, - kết thúc.

Giữa các thẻ Hầu hết thông tin được lưu trữ cho trình duyệt và công cụ tìm kiếm.

Trong thẻ chứa tiêu đề của trang của chúng tôi.

Bây giờ hãy để tôi giải thích một chút. Tất cả các thẻ ( tag - phần tử ngôn ngữ đánh dấu siêu văn bản) được chia thành hai loại: “đơn” và “đóng”. Ngoài ra, các thẻ được đính kèm trong các ký tự sau < > , họ là những người phân biệt thẻ từ văn bản thuần túy html. Hãy xem xét một số thẻ “đơn” đơn giản nhất:




- thẻ chịu trách nhiệm chuyển sang dòng mới ở nơi thẻ này được cài đặt. Hãy xem mã sử dụng thẻ này.

  1. Trang web đầu tiên của tôi
  2. Chào mọi người!
    Và đây là trang web đầu tiên của tôi.


- một thẻ vẽ một đường ngang. Thẻ này áp dụng cho các phần tử khối, dòng luôn bắt đầu bằng dòng mới. Có 5 thuộc tính:

  • căn chỉnh - Xác định căn chỉnh của dòng. Có thể lấy giá trị trái, giữa, phải.
  • color - Đặt màu của đường.
  • noshade - Vẽ đường thẳng không có hiệu ứng 3D.
  • size - Đặt độ dày của đường.
  • width - Đặt chiều rộng của dòng.

Mã sử ​​dụng thẻ


:

  1. Trang web đầu tiên của tôi
  2. Chào mọi người!
    Và đây là trang web đầu tiên của tôi.

Một thẻ “đơn” khác là . Thẻ này được sử dụng để lưu trữ thông tin dành cho trình duyệt và công cụ tìm kiếm. Các công cụ tìm kiếm nhìn vào thẻ meta để lấy mô tả trang web, từ khóa và dữ liệu khác. Bạn được phép sử dụng số lượng thẻ meta không giới hạn, tất cả chúng phải được đặt giữa . Các tham số của bất kỳ thẻ meta nào đều có dạng “name=value”, được xác định bởi từ khóa nội dung, tên hoặc http-tương đương. Bởi vì thẻ meta dành cho máy móc, không thay đổi thị giác họ không đóng góp nên tôi sẽ chỉ cung cấp mã nguồn:

Dòng này cho biết người tạo trang tin rằng trang này đang sử dụng mã hóa UTF-8. Trong HTML5 mọi thứ đã trở nên đơn giản hơn; để chỉ định mã hóa, tất cả những gì bạn cần là dòng sau:

Có các thẻ đơn khác ( , ,
,

, , ,
, , , , , , , , , ), nhưng tôi sẽ giới thiệu bạn với họ sau.

Bây giờ hãy nói về thẻ "đóng". Chính cái tên “thẻ đóng” chỉ ra rằng thẻ yêu cầu đóng bắt buộc. Điều này được thực hiện nhằm giới hạn rõ ràng phần văn bản mà thẻ ảnh hưởng.

Để có một ví dụ rõ ràng, hãy nhìn vào thẻ , được sử dụng để đánh dấu văn bản, nó đặt phông chữ thành đậm. Thẻ là các ranh giới xác định vùng chọn văn bản. Đây là đoạn mã mà họ quên đóng thẻ ở dòng cuối cùng :

  1. Trang web đầu tiên của tôi
  2. Chào mọi người! Và đây là trang web đầu tiên của tôi.
  3. Chào mọi người! Và đây là trang web đầu tiên của tôi.

Điều tiếp theo tôi nên nói đến là cách cài đặt một liên kết. Xét cho cùng, một trang web là một tập hợp các trang được liên kết với nhau. Liên kết được thiết lập bằng thẻ “đóng” , có 12 thuộc tính:

  • khóa truy cập- kích hoạt liên kết bằng cách sử dụng tổ hợp phím.
  • bộ ký tự- cho biết mã hóa của văn bản mà liên kết dẫn đến. (trong HTML5 đây là thuộc tính không được dùng nữa)
  • dây coord- đặt tọa độ của khu vực hoạt động. (trong HTML5 đây là thuộc tính không được dùng nữa)
  • href- chỉ định địa chỉ của tài liệu cần truy cập.
  • hreflang- xác định ngôn ngữ của văn bản trong liên kết.
  • tên- đặt tên của neo bên trong tài liệu (trong HTML5 bạn nên sử dụng id). (trong HTML5 đây là thuộc tính không được dùng nữa)
  • liên quan- mối quan hệ giữa các tài liệu được tham chiếu và hiện tại.
  • vòng quay- mối quan hệ giữa các tài liệu hiện hành và tài liệu tham khảo. (trong HTML5 đây là thuộc tính không được dùng nữa)
  • hình dạng- thiết lập hình dạng của vùng liên kết hoạt động cho hình ảnh. (trong HTML5 đây là thuộc tính không được dùng nữa)
  • chỉ mục tab- xác định trình tự chuyển tiếp giữa các liên kết khi nhấn nút .
  • mục tiêu- loại cửa sổ mà trình duyệt sẽ tải tài liệu. Có thể lấy giá trị

_trống- tải trang trong cửa sổ trình duyệt mới.
_bản thân- tải trang trong cửa sổ hiện tại (giá trị mặc định).
_cha mẹ- tải trang trong khung chính; nếu không có khung thì tham số này hoạt động như _self.
_đứng đầu- hủy tất cả các khung và tải trang trong cửa sổ trình duyệt đầy đủ; nếu không có khung thì tham số này hoạt động giống như _self.

  • tiêu đề- thêm chú giải công cụ vào văn bản liên kết.

Hãy xem mã của một trang có liên kết văn bản đơn giản:

  1. Trang web đầu tiên của tôi
  2. Chào mọi người!
    Và đây là trang web đầu tiên của tôi có liên kết.
  3. Liên kết đến ví dụ với thẻ hr.

Như bạn có thể thấy, không có gì phức tạp cả, bây giờ bạn có thể tạo nhiều trang liên kết với nhau.

Tags để làm nổi bật văn bản

Có một số cách để đánh dấu văn bản trên một trang. Điều này có thể được thực hiện bằng cách sử dụng kiểu hoặc bạn có thể sử dụng thẻ. Chúng tôi (hiện tại) quan tâm đến lựa chọn thứ hai.

Đặt kiểu đậm của phông chữ.

- đặt kiểu chữ nghiêng.

- thêm gạch chân vào văn bản.

- nhằm nhấn mạnh văn bản. Trình duyệt hiển thị văn bản này ở dạng in nghiêng.

- gạch bỏ văn bản. Thẻ này đã bị xóa khỏi HTML5, bạn nên sử dụng thẻ này để thay thế

- hiển thị văn bản dưới dạng văn bản đơn cách. Đã xóa khỏi HTML5.

- hiển thị phông chữ dưới dạng chỉ số trên. Phông chữ xuất hiện phía trên đường cơ sở của văn bản và ở kích thước giảm.

- hiển thị phông chữ dưới dạng chỉ số dưới. Văn bản được đặt bên dưới đường cơ sở của các ký tự còn lại trong dòng và được giảm kích thước.

- nhằm nhấn mạnh văn bản. Các trình duyệt hiển thị văn bản này bằng chữ in đậm.

- giảm kích thước phông chữ xuống một so với văn bản thông thường. Trong HTML, cỡ chữ được đo bằng đơn vị tùy ý từ 1 đến 7, cỡ chữ mặc định trung bình là 3. giảm văn bản đi một đơn vị thông thường. Thẻ lồng nhau được cho phép và kích thước phông chữ sẽ nhỏ hơn 1 với mỗi cấp độ lồng nhau nhưng không thể nhỏ hơn 1.

- tăng kích thước phông chữ lên một so với văn bản thông thường. Trong HTML, cỡ chữ được đo bằng đơn vị tùy ý từ 1 đến 7, cỡ chữ mặc định trung bình là 3. Như vậy, việc thêm thẻ tăng văn bản lên một đơn vị thông thường. Thẻ lồng nhau được cho phép và cỡ chữ sẽ lớn hơn theo từng cấp độ.

- dùng để đánh dấu các trích dẫn trong văn bản. Nội dung của vùng chứa được tự động hiển thị trong trình duyệt trong dấu ngoặc kép.

Được thiết kế để làm nổi bật các trích dẫn dài trong tài liệu. Văn bản được đánh dấu bằng thẻ này theo truyền thống được hiển thị dưới dạng khối được căn chỉnh với phần đệm ở bên trái và bên phải (khoảng 40 pixel), cũng như phần đệm ở trên cùng và dưới cùng.


- xác định một khối văn bản được định dạng trước.  Văn bản như vậy thường được hiển thị bằng phông chữ đơn cách và có tất cả khoảng cách giữa các từ.  Theo mặc định, bất kỳ số khoảng trắng nào trong mã liên tiếp đều được hiển thị dưới dạng một trên trang web.  Nhãn 
Cho phép bạn bỏ qua tính năng này và hiển thị văn bản theo yêu cầu của nhà phát triển.

- định nghĩa đoạn văn bản. Nhãn

Nó là một phần tử khối, luôn bắt đầu trên một dòng mới, các đoạn văn bản nối tiếp nhau được phân tách bằng phần đệm. Số lượng phần đệm có thể được kiểm soát bằng cách sử dụng các kiểu. Nếu không có thẻ đóng thì phần cuối của đoạn văn được coi là trùng với phần đầu của phần tử khối tiếp theo.

..
..

- HTML cung cấp sáu tiêu đề cấp độ khác nhau, cho thấy tầm quan trọng tương đối của phần sau tiêu đề. Có, gắn thẻ

đại diện cho tiêu đề cấp đầu tiên quan trọng nhất và thẻ

dùng để chỉ tiêu đề cấp thứ sáu và là ít quan trọng nhất. Theo mặc định, tiêu đề cấp đầu tiên được hiển thị ở phông chữ lớn nhất phong cách táo bạo, các tiêu đề của cấp độ tiếp theo có kích thước nhỏ hơn. Thẻ

,…,

Đề cập đến các phần tử khối, chúng luôn bắt đầu trên một dòng mới và sau chúng, các phần tử khác xuất hiện ở dòng tiếp theo. Ngoài ra, trước và sau khi thêm tiêu đề khoảng trống. Thẻ có một thuộc tính căn chỉnh, xác định căn chỉnh tiêu đề, có thể lấy các giá trị bên trái- căn chỉnh tiêu đề bên trái, trung tâm- căn chỉnh trung tâm, Phải- căn lề phải, biện minh- căn chỉnh chiều rộng (cả bên phải và bên trái). Giá trị này chỉ hoạt động đối với các tiêu đề dài hơn một dòng.

- là nơi chứa để thay đổi các đặc điểm của phông chữ, chẳng hạn như kích thước, màu sắc và kiểu chữ. Mặc dù thẻ này vẫn được hỗ trợ bởi tất cả các trình duyệt, nhưng nó được coi là lỗi thời và việc sử dụng nó được khuyến nghị nên bỏ đi để thay thế cho các kiểu. Thẻ có 3 thuộc tính: màu sắc- đặt màu văn bản, khuôn mặt- xác định kiểu chữ phông chữ, kích cỡ- đặt kích thước phông chữ theo đơn vị thông thường.

- đánh dấu văn bản dưới dạng trích dẫn hoặc chú thích cuối trang cho tài liệu khác. Việc làm nổi bật này rất hữu ích để thay đổi kiểu văn bản thông qua CSS và cũng được sử dụng để tách mã HTML thành các thành phần cấu trúc. Trình duyệt thường đặt văn bản bên trong vùng chứa in nghiêng.

- chỉ ra rằng chuỗi ký tự là viết tắt. Sử dụng thuộc tính tiêu đề một giải mã từ viết tắt được đưa ra, cho phép những người không quen thuộc với nó có thể hiểu được từ viết tắt. Bên cạnh đó, công cụ tìm kiếm lập chỉ mục phiên bản toàn văn của từ viết tắt, có thể được sử dụng để cải thiện thứ hạng của tài liệu.

Theo mặc định, văn bản được đặt trong một thùng chứa > được gạch chân bằng một đường chấm chấm.

Dưới đây là mã mà tôi đã sử dụng tất cả các thẻ này:

  1. Trang web đầu tiên của tôi
  2. HTMLCSS là hai trong số những công nghệ cốt lõi để xây dựng các trang Web. HTML cung cấp cấu trúc của trang, CSS bố cục (hình ảnh và âm thanh) cho nhiều loại thiết bị. Cùng với đồ họa và tập lệnh, HTML và CSS là nền tảng để xây dựng các trang Web và Ứng dụng Web. Tìm hiểu thêm bên dưới về:

  3. HTML là gì?

  4. HTML là ngôn ngữ mô tả cấu trúc của các trang Web. HTML cung cấp cho tác giả phương tiện để:

  5. Xuất bản tài liệu trực tuyến với tiêu đề, văn bản, bảng, danh sách, ảnh, v.v.
  6. Truy xuất thông tin trực tuyến thông qua các liên kết siêu văn bản, chỉ bằng một nút bấm.
  7. Thiết kế các biểu mẫu để thực hiện giao dịch với các dịch vụ từ xa, sử dụng trong việc tìm kiếm thông tin, đặt chỗ, đặt mua sản phẩm, v.v.
  8. Bao gồm bảng tính, video clip, clip âm thanh và các ứng dụng khác trực tiếp trong tài liệu của họ.
  9. Với HTML, các tác giả mô tả cấu trúc của trang bằng cách sử dụng đánh dấu. Các thành phần của nhãn ngôn ngữ của nội dung như “đoạn”, “danh sách”, “bảng”, v.v..
  10. XHTML là gì?

  11. XHTML là một biến thể của HTML sử dụng cú pháp của XML, Ngôn ngữ đánh dấu mở rộng. XHTML có tất cả các thành phần giống nhau (đối với đoạn văn, v.v.) như biến thể HTML, nhưng cú pháp hơi khác một chút. Vì XHTML là một ứng dụng XML nên bạn có thể sử dụng XML khác công cụ với nó (chẳng hạn như XSLT, một ngôn ngữ để chuyển đổi nội dung XML).

  12. CSS là gì?

  13. CSS là ngôn ngữ mô tả cách trình bày của trang Web, bao gồm màu sắc, bố cục và phông chữ. Nó cho phép điều chỉnh bản trình bày cho phù hợp với các loại thiết bị khác nhau, chẳng hạn như màn hình lớn, màn hình nhỏ hoặc máy in. CSSđộc lập của HTML và có thể được sử dụng với bất kỳ đánh dấu dựa trên XML nào ngôn ngữ ngôn ngữ. Việc tách HTML khỏi CSS giúp duy trì trang web, chia sẻ biểu định kiểu trên các trang và điều chỉnh trang cho phù hợp với các môi trường khác nhau dễ dàng hơn. Điều này được gọi là sự tách biệt cấu trúc (hoặc: nội dung) khỏi cách trình bày.

  14. WebFont là gì?

  15. WebPhông chữ là một công nghệ cho phép mọi người sử dụng phông chữ theo yêu cầu trên Web mà không cần cài đặt trong máy tính. hệ điều hành. W3C có kinh nghiệm về các phông chữ có thể tải xuống thông qua HTML, CSS2 và SVG. Cho đến gần đây, các phông chữ có thể tải xuống vẫn chưa phổ biến trên Web do thiếu định dạng phông chữ có thể tương tác. Nỗ lực của WebFonts có kế hoạch giải quyết vấn đề đó thông qua việc tạo ra định dạng phông chữ mở, được ngành hỗ trợ cho Web (gọi là "WOFF").

Và đây là kết quả trực quan.

Bài giảng đã kết thúc, hi vọng những kiến ​​thức thu được sẽ hữu ích với các bạn! Trong bài giảng tiếp theo tôi sẽ cho bạn biết thẻ lưu trữ những gì , chúng ta sẽ học cách thực hiện tất cả các loại thao tác với hình ảnh và làm quen với các bảng.


Xin chào các độc giả thân mến. Như đã hứa ở bài giảng trước, hôm nay tôi sẽ nói về tag , về tất cả các loại thao tác với hình ảnh và về cách làm việc với bảng.

Thẻ là những phần tử quan trọng để hiển thị cấu trúc của một tài liệu HTML. Để giúp trình duyệt phân biệt chúng với văn bản thuần túy, chúng được đặt trong dấu ngoặc nhọn. Thẻ biểu thị sự bắt đầu của một số hướng dẫn ánh xạ. Nếu câu lệnh này áp dụng cho toàn bộ tài liệu thì thẻ này không có cặp đôi đóng của nó. Nhưng hầu hết các thẻ vẫn có một cặp chấm dứt tác dụng của thẻ đầu tiên. Ví dụ: mọi trang Web phải bắt đầu bằng thẻ , và kết thúc bằng cặp song sinh đóng của nó . Lưu ý rằng thẻ đóng khác với thẻ mở chỉ ở sự hiện diện của dấu gạch chéo phía trước sau dấu ngoặc nhọn đầu tiên.

Ngoài ra, một số thẻ có các tham số chỉ định quy tắc hiển thị nội dung. Một lát sau chúng ta sẽ thấy một ví dụ về cách sử dụng các tham số này, nhưng bây giờ chúng ta sẽ chỉ lưu ý rằng các tham số này chỉ có thể được chỉ định trong thẻ mở.

Tên của thẻ và tham số của chúng có thể được viết trong mọi trường hợp, cả bằng ký tự lớn và chữ thường. Các máy phân tích HTML được tích hợp trong mọi trình duyệt không chú ý đến kiểu chữ, được sử dụng để viết tất cả cấu trúc dịch vụ của tài liệu HTML.

Đương nhiên, giống như bất kỳ ngôn ngữ máy tính nào, bạn không thể làm gì nếu không có nhận xét, nội dung trong đó không được trình duyệt xử lý và không được hiển thị. Chúng chỉ nhằm mục đích thuận tiện cho nhà phát triển, cho tài liệu nội bộ về cấu trúc của tài liệu. Bình luận được bao gồm giữa các đoạn<-- и-->. Đây là một ví dụ về việc tạo bình luận: <--Это комментарий -->

Bất kỳ trang Web nào cũng có cấu trúc được chia thành hai phần: tiêu đề và nội dung. Tiêu đề cho biết thông tin dịch vụ về toàn bộ trang Web và trong phần nội dung của trang Web, chúng tôi đã mô tả nội dung của nó cùng với các quy tắc hiển thị của nó. Trong trường hợp này, tiêu đề của trang Web bị giới hạn bởi các thẻ và phần nội dung của tài liệu được biểu thị bằng các thẻ . Nhưng theo quy tắc của phong cách lập trình tốt, mã định danh của tiêu chuẩn HTML được sử dụng cũng được đặt trước tiêu đề. Do đó, cấu trúc của bất kỳ trang Web nào trông như thế này:

"http://www.w3.org/TR/html4/strict.dtd">


Tiêu đề tài liệu


Nội dung tài liệu

Thẻ đầu tiên với tất cả các tham số của nó và chính là mã định danh cho trình duyệt biết cái nào phiên bản HTMLđã được sử dụng để tạo ra trang Web này. Công trình khá cồng kềnh và khó hiểu này thực ra là một thứ xa lạ với ngôn ngữ của nhiều người hơn. cấp độ cao XML. Điều này được hiểu rằng trong tương lai, các trình duyệt sẽ có thể hoạt động đồng thời với cả các trang Web thông thường được viết bằng tài liệu XML và HTML. Vì vậy, với ý tưởng về tương lai tươi sáng này, thẻ nhận dạng này được sử dụng. Ngày chính xác Sự khởi đầu của tương lai tươi sáng này, như thường lệ, không được biết đến, vì vậy thông tin nhận dạng này thường bị bỏ qua mà không gây ra bất kỳ hậu quả nào. Nhưng suy nghĩ trước, như chúng ta biết, vẫn tốt hơn là nhận thức muộn màng, vì vậy tốt hơn hết là bạn vẫn nên sử dụng mã định danh.

Bây giờ chúng ta hãy nhìn vào tiêu đề. Nó có thể bao gồm: thẻ hiển thị tên của trang Web này, thẻ xác định kiểu của trang Web, thẻ cho tập lệnh đang được thực thi và cái gọi là siêu dữ liệu. Kiểu dáng của các trang Web sẽ được thảo luận trong chương 2 và các tập lệnh được thực thi trong chương 3. Chúng ta sẽ nói về siêu dữ liệu sau, nhưng bây giờ chúng ta sẽ học cách sử dụng tên của một trang Web.

Bạn có thể nhận thấy rằng khi tải một trang Web, tên viết tắt của tài liệu đang được tải xuống sẽ xuất hiện ở dòng trên cùng của trình duyệt. Để tạo tiêu đề như vậy, hãy sử dụng thẻ với cặp đóng tương ứng. Khối ban đầu của một trang Web có tiêu đề như vậy có thể trông như thế này:


Tiêu đề trang web

Không bao giờ được bỏ qua tiêu đề của một trang Web vì đó là điều đầu tiên mà người truy cập trang Web nhìn thấy. Tiêu đề được hiển thị trước khi nội dung trang được tải. Vì vậy, bạn nên lựa chọn nó một cách cẩn thận.

Chúng ta đã xử lý phần đầu tiên của cấu trúc trang Web; bây giờ chúng ta có thể chuyển sang phần nội dung của tài liệu HTML, phần chính của nó. Như chúng ta đã biết, nội dung của một trang Web nằm giữa các thẻ . Trong trường hợp đơn giản nhất, nó có thể là văn bản thông thường. Trình duyệt sẽ giải thích nó một cách chính xác và hiển thị nó. Hãy thử xem điều này bằng một ví dụ.

Để tạo trang Web đầu tiên, chúng ta sẽ cần một trình soạn thảo văn bản thông thường. Một Notepad tiêu chuẩn sẽ hoạt động tốt. Tất cả những gì chúng ta cần làm là tạo một tệp văn bản có nội dung được hiển thị trong Liệt kê 1.1.

"http;//www.w3.org/TR/htral4/strict.dtd">


Trang web đầu tiên của tôi


Chúc một ngày tốt lành cho tất cả những ai đã ghé thăm trang web khiêm tốn của tôi.

Đừng quên rằng khi lưu file, bạn nên đặt phần mở rộng htm hoặc html cho nó. Nếu sau đó bạn khởi chạy nó để thực thi, chỉ cần nhấp vào tên của nó trong Windows Explorer, thì trình duyệt mặc định được cài đặt trong hệ điều hành và tài liệu HTML sẽ được tải vào đó. Trang Web đầu tiên của chúng ta trông như thế nào trong trình duyệt trình duyệt web IE có thể nhìn thấy trong hình. 1.1.

Cơm. 1.1. Kết quả của việc xem tệp được hiển thị trong Liệt kê 1.1 trên trình duyệt

Nhưng cần lưu ý rằng thẻ có thể chứa các tham số bổ sung. Chúng tôi đã nói sớm hơn một chút rằng các tham số được bao gồm trong thẻ bắt đầu của thiết kế. Bây giờ là lúc để xem nó thực sự diễn ra như thế nào.

Thông thường, tham số là một cặp tên-giá trị.

Chúng ta hãy nhìn vào ví dụ đơn giản. Tham số bgcolor cho phép bạn đặt màu nền để hiển thị nội dung của trang Web. Ví dụ, nếu chúng ta muốn sử dụng nền xanh, thì chúng ta phải sử dụng cách xây dựng sau:

Cần lưu ý rằng tất cả các giá trị tham số văn bản thường được đặt trong dấu ngoặc kép. Chúng ta sẽ tìm hiểu về cách thiết lập màu sắc trong các phần sau của chương này, nhưng bây giờ hãy quay lại các tham số thẻ .

Về tham số màu sắc, cho phép bạn đặt màu nền của trang Web, chúng tôi đã biết. Hãy xem xét các tham số còn lại.

  • Tham số lý lịch cho phép bạn sử dụng bất kỳ nền nào làm nền hình ảnh đồ họa. Giá trị của tham số là địa chỉ của hình ảnh này, tức là URL của nó.
  • Tham số chữ chỉ định màu phông chữ mà nội dung văn bản của trang Web sẽ được hiển thị.
  • Tham số liên kết cho phép bạn đặt màu mà các siêu liên kết văn bản được nhúng trong nội dung của trang Web sẽ được hiển thị trong cửa sổ xem trình duyệt.
  • Tham số vlinkđặt màu của siêu liên kết mà người dùng đã truy cập trong phiên hiện tại.
  • Tham số đường dẫn chỉ định màu nào sẽ được sử dụng để hiển thị các siêu liên kết do người dùng chọn.
  • Tham số lang cho biết nội dung văn bản của trang Web được viết bằng ngôn ngữ nào. Giá trị là mã ngôn ngữ gồm hai chữ cái được cung cấp trong RFC 1766. Trên thực tế, chúng ta không cần biết tất cả các mã này. Trong phần lớn các trường hợp, chúng tôi sẽ sử dụng tiếng Nga hoặc tiếng anh. Mã của họ lần lượt là "gu" và "en".

Ngoài các thông số trên, thẻ có thể có hai tham số nhận dạng nhận dạnglớp học, nhưng trên thực tế chúng hầu như không bao giờ được áp dụng cho thẻ này.

Như bạn có thể thấy, mọi thứ đều đơn giản và khiêm tốn. Bây giờ là lúc tìm hiểu siêu dữ liệu là gì. Siêu dữ liệu rất có thể được định nghĩa là thông tin không thể hiển thị về một tài liệu. Nó được sử dụng để xác định một tài liệu và cho biết chế độ hiển thị của một trang Web. Để nhúng siêu dữ liệu vào một trang Web, hãy sử dụng thẻ . Thông thường anh ấy có lượt xem tiếp theo:

Tuy nhiên, việc thiết lập các biến của riêng bạn chỉ cần thiết nếu các trang Web được xử lý bằng ứng dụng Internet chuyên dụng. Nhưng nhu cầu như vậy phát sinh khá hiếm. Vì vậy, hóa ra siêu dữ liệu này không mang lại lợi ích thực sự nào? Cái này sai.

Như chúng ta đều biết, chỉ đưa một trang web lên World Wide Web là chưa đủ. Chúng tôi vẫn cần đảm bảo rằng nó được đưa vào danh sách công cụ tìm kiếm. Bây giờ chúng tôi sẽ không xem xét toàn bộ quy trình đăng ký một trang web trên các công cụ tìm kiếm, đặc biệt vì mỗi máy như vậy đều có quy trình đăng ký riêng. Chúng tôi quan tâm đến một cái gì đó khác.

Ở đâu công cụ tìm kiếm lấy thông tin về nội dung của một trang Web cụ thể? Chỉ từ metavariables. Các siêu biến được sử dụng phổ biến nhất là từ khóa và mô tả. Biến từ khóa chứa giá trị của nó là danh sách các từ khóa cho trang Web. Và biến mô tả nhằm mục đích lưu trữ một chú thích ngắn gọn về trang Web. Hãy đưa ra một ví dụ về việc sử dụng siêu dữ liệu như vậy. Giả sử rằng trang Web của chúng ta dành cho vấn đề phức tạp và nhạy cảm về việc cho chuột hamster ăn đúng cách. Sau đó, cấu trúc của nó sẽ trông giống như thế này:

"http://www.w3.org/TR/html4/strict.dtd">


Tất cả về việc cho chuột hamster ăn

description" contferit="Trang web về việc cho động vật nhỏ ăn
loài gặm nhấm, đặc biệt là chuột đồng, trong điều kiện ở nhà">


Ồ, những con vật nhỏ nhắn, dễ thương này là chuột đồng. ,

Đương nhiên, hãy nhớ rằng việc xác định nội dung của các trang Web bằng các công cụ tìm kiếm được thực hiện bằng cách sử dụng các từ khóa do nhà phát triển chỉ định, có thể có xu hướng nhập vào các từ cấu thành của chúng không phản ánh bản chất của tài liệu, nhưng là thường được yêu cầu bởi khách truy cập công cụ tìm kiếm. Tôi nên lưu ý rằng thủ thuật này có thể không hoạt động. Thực tế là các công cụ tìm kiếm cũng thường quét chính văn bản của trang Web và nếu một từ khóa không xuất hiện trong đó thì đơn giản là nó không được tính đến.

Bạn cũng nên chú ý rằng khi chỉ định từ khóa, chúng tôi đã thêm vào thẻ tham số bổ sung lang. Chúng tôi đã nói rằng tham số này nhằm mục đích chỉ ra ngôn ngữ mà văn bản này hoặc văn bản kia được viết. Trong ví dụ của chúng tôi, chúng tôi đã chỉ ra rằng các từ khóa được liệt kê được viết bằng tiếng Nga, tức là: chúng tôi có thể xác định các bộ từ khóa bằng nhiều ngôn ngữ bằng cách sử dụng một số thẻ cho việc này .

Siêu dữ liệu cũng cho phép bạn truyền cái gọi là tiêu đề HTTP. Ở đây cần phải thực hiện một sự lạc đề kỹ thuật nhỏ. Tất cả các tài liệu HTML được truyền đi bằng các chương trình chuyên biệt gọi là máy chủ Web sử dụng một bộ quy tắc cụ thể. Bộ quy tắc nhận và truyền thông tin này được gọi là giao thức trong ngành máy tính. Và bộ quy tắc để truyền các trang Web và dữ liệu từ người dùng từ xa được gọi là HTTP (Giao thức truyền siêu văn bản) Giao thức này có một tập hợp các chỉ thị và biến thường được gọi là các tiêu đề giao thức HTTP.

Chúng ta không phải đối mặt với nhiệm vụ nghiên cứu tất cả các biến của giao thức HTTP; chỉ cần tìm hiểu về các tiêu đề được sử dụng thường xuyên nhất của nó là đủ. Trước hết, phải kể đến biến Expires, biến này cho phép bạn đặt cái gọi là ngày hết hạn của một trang Web. Thực tế là các trình duyệt và một số chương trình giao tiếp khác lưu trữ các trang Web mà người dùng đã truy cập vào bộ đệm và sau đó, khi người dùng yêu cầu lại, họ sẽ chuyển những bản sao này cho anh ta, do đó tiết kiệm thời gian truy xuất. Nhưng các trang Web vẫn được cập nhật khá thường xuyên. Do đó, người dùng có thể nhận được một bản sao lỗi thời.

Tất nhiên, có nhiều cách để cấu hình quy tắc bộ đệm nhưng không phải ai cũng sử dụng chúng. Vì vậy, tốt hơn hết bạn nên chơi an toàn và cho biết “ngày hết hạn” của trang Web. Nếu vượt qua, trình duyệt thay vì sử dụng bản sao từ bộ đệm sẽ vẫn yêu cầu tài liệu từ Internet.

Nhãn , được điều chỉnh để cho biết ngày hết hạn của một trang Web, trông gần giống như thế này:

Ví dụ cho thấy để chỉ ra tên của giao thức HTTP không biến tiêu chuẩn, tham số được sử dụng http-tương đương và để đặt giá trị của biến này, hãy sử dụng tham số nội dung đã quen thuộc. Cũng dễ dàng nhận thấy rằng việc đặt ra thời hạn sử dụng lần cuối tài liệu được tạo bằng biến Hết hạn và giá trị của nó phải được chỉ định trong một trường hợp cụ thể định dạng văn bản với thời gian được chỉ định theo kinh tuyến Greenwich.

Tuy nhiên, cũng có thể xảy ra trường hợp thông tin trên trang được cập nhật nhanh đến mức cần phải tải lại nhiều lần trong một phiên. Những trang như vậy có thông tin được cập nhật theo thời gian thực khá phổ biến, chẳng hạn như trong phòng trò chuyện hoặc khi hiển thị những thay đổi về giá cổ phiếu trong ngày giao dịch trên sàn giao dịch chứng khoán. Trong trường hợp này, bạn phải sử dụng biến có tên là Làm mới. Giá trị của biến này được chỉ định tính bằng giây. Sau đó, thẻ chúng tôi đang xem xét sẽ có dạng sau:

<МЕТА http-equiv-"Refresh" cpntent=10>

Một trang có thiết kế tương tự trong khối tiêu đề sẽ tự động tải lại sau mỗi mười giây.

Điều này kết thúc cuộc thảo luận của chúng ta về cấu trúc tiêu đề của một tài liệu HTML. Chúng ta chuyển sang nghiên cứu cấu trúc phần chính của trang Web. Như chúng tôi nhớ, tất cả thông tin hiển thị trong cửa sổ xem trình duyệt được đặt giữa các thẻ . Chúng ta sẽ tìm hiểu về các khả năng chỉ định các quy tắc hiển thị nội dung của trang Web mà ngôn ngữ HTML cung cấp cho chúng ta trong các phần sau của chương này. Ở đây chúng ta chỉ xem xét cấu trúc chung Tài liệu HTML.

HTML cung cấp cho chúng tôi khả năng đặt mã định danh duy nhất cho mỗi thẻ chúng tôi sử dụng. Giả sử, nếu văn bản của chúng ta được chia thành các đoạn văn thì đối với mỗi đoạn văn, chúng ta có thể đặt tên cụ thể của riêng nó, sau đó sử dụng một số công cụ ngôn ngữ HTML bổ sung để kiểm soát việc hiển thị các đoạn văn này. Chúng ta có thể làm cho một số trong số chúng trở nên vô hình, thay đổi màu phông chữ, tức là thay đổi quy tắc hiển thị của chúng. Hơn nữa, điều này không chỉ áp dụng cho các đoạn văn mà còn áp dụng cho tất cả các phần nội dung của trang Web được đính kèm trong các thẻ nhất định.

Tham số id được sử dụng để xác định thẻ. Hãy quay lại ví dụ với các đoạn văn bản. Nhìn về phía trước một chút, chúng ta có thể nói rằng các đoạn văn được biểu thị bằng một vài thẻ <р> . Do đó, việc tạo các đoạn văn mà sau đó chúng ta có thể phân biệt được thực hiện bằng cách sử dụng cấu trúc gần đúng sau:

<р id="р1">Đoạn đầu tiên
<р id="p2">Đoạn thứ hai

Giá trị của tất cả các tham số nhận dạng phải là duy nhất trong một tài liệu HTML. Nếu gặp một cặp giá trị giống hệt nhau thì những mã định danh này sẽ bị bỏ qua. Đương nhiên, sử dụng tham số nhận dạng Là tùy chọn. Sẽ chỉ hợp lý khi sử dụng nó trong trường hợp việc xây dựng với thẻ được xác định sẽ phải tuân theo kiểu dáng (mà chúng ta sẽ nói đến trong chương thứ hai) hoặc thẻ này sẽ là một dấu trang trong tài liệu, nơi có một loại siêu liên kết nào đó sẽ trỏ hoặc cấu trúc được xác định sẽ được xử lý động bằng cách sử dụng các hướng dẫn DHTML mà chúng ta sẽ tìm hiểu trong chương ba. Mã định danh cũng được sử dụng trong trường hợp tài liệu HTML được xử lý bởi các ứng dụng chuyên dụng, nhưng điều này chỉ dành cho những lập trình viên rất nghiêm túc. Chúng tôi chưa thực sự cần điều này.

Nếu tham số nhận dạngđược sử dụng để nhận dạng duy nhất, sau đó sử dụng tham số lớp học chúng ta có thể gán thẻ cho nhóm này hay nhóm khác. Tùy chọn này chỉ được sử dụng cho mục đích tạo kiểu. Chúng tôi chỉ cần chia một số thành phần của trang Web thành các lớp, sau đó chỉ cần thay đổi mô tả về quy tắc hiển thị lớp ở một nơi là đủ và thay đổi này sẽ tự động áp dụng cho tất cả các thẻ có trong lớp này.

Chúng tôi cũng có quyền truy cập vào các phương pháp kết hợp các phần tử liền kề của trang Web thành khối đơn. Tất cả các yếu tố thiết kế của tài liệu HTML được chia thành hai loại. Các phần tử nội tuyến, thường chỉ là các phần tử văn bản và các phần tử khối. Các phần tử nội tuyến có thể là một phần của một dòng, nhưng các phần tử khối luôn chiếm một vị trí riêng trên trang Web và phải luôn bắt đầu trên một dòng mới. Đương nhiên, các phần tử khối có thể bao gồm các phần tử khối và phần tử nội tuyến khác. Vì những lý do hiển nhiên, các phần tử nội tuyến không thể bao gồm các phần tử khối.

Việc kết hợp các thành phần của trang Web thành các khối cho phép bạn áp dụng một thiết kế duy nhất cho chúng để thực hiện một số kiểu bố cục. Chỉ cần thay đổi vị trí của khối bằng cách thay đổi một thẻ thống nhất là đủ. Đương nhiên, điều này thuận tiện hơn việc thay đổi vị trí của từng thành phần của trang Web riêng lẻ.

Thẻ được sử dụng để kết hợp các phần tử kiểu khối

với cặp song sinh đóng cửa của nó
. Và đối với các phần tử nội tuyến, một vài thẻ được sử dụng . Với những điều trên, rõ ràng là khối có thẻ
không thể được đặt bên trong một khối có thẻ , vì các phần tử khối không thể là một phần của các phần tử nội tuyến.

Cũng cần lưu ý rằng trình duyệt đóng khung các khối div có ngắt dòng. Cách dễ nhất để thể hiện điều này là bằng một ví dụ:

Liệt kê 1.2

"http://wvw.w3.org/TR/html4/strict.dtd">


Hiển thị khối div



thời gian tốt
trong một ngày, gửi tới tất cả những người đã ghé thăm
trang web khiêm tốn của tôi.


Kết quả hiển thị file HTML như vậy Trình duyệt Internet Explorer được hiển thị trong Hình. 1.2. Thẻ

cũng có thể có các tham số bổ sung. Ngoài các tham số nhận dạng id và class đã quen thuộc, các tham số còn có thể được sử dụng phong cáchcăn chỉnh. Tham số phong cáchđược sử dụng để thiết lập kiểu hiển thị của nội dung khối và tham số căn chỉnh cho phép bạn đặt căn chỉnh khối này so với các thành phần khác của nội dung trang Web. Chúng ta sẽ xem xét việc sử dụng các tham số này chi tiết hơn trong các phần sau của chương này.

Cơm. 1.2. Cửa sổ trình duyệt hiển thị kết quả của tệp được hiển thị trong Liệt kê 1.2

Cũng liên quan đến cấu trúc của một tài liệu HTML là việc sử dụng các tiêu đề khác nhau trong văn bản. Tiêu đề trong HTML có thẻ riêng. Có tổng cộng sáu cấp độ tiêu đề văn bản được sử dụng trong tài liệu HTML. Cấp độ cao nhất là cấp độ đầu tiên. Và đối với mỗi tiêu đề đều có thẻ riêng và quy tắc hiển thị riêng.

Thẻ tiêu đề cực kỳ đơn giản. Thẻ được sử dụng cho tiêu đề cấp đầu tiên

với cặp đóng của nó

, tiêu đề cấp hai được triển khai bằng cặp

-

, v.v., cho đến tiêu đề cấp thứ sáu có thẻ
. Liệt kê 1.3 dưới đây cho thấy một ví dụ về cách sử dụng các tiêu đề trong một tài liệu HTML.

Liệt kê 1.3

"http://www.w3.org/TR/html4/strict.dtd">


Hiển thị tiêu đề


Tiêu đề cấp một


Tiêu đề cấp hai


Tiêu đề cấp ba


Tiêu đề cấp bốn


Tiêu đề cấp 5

Tiêu đề cấp sáu

<р>0văn bản thuần túy

Và nó trông như thế nào có thể được nhìn thấy rõ ràng trong Hình. 1.3.

Cơm. 1.3. Cửa sổ trình duyệt hiển thị kết quả của tệp được hiển thị trong Liệt kê 1.3

Thẻ tiêu đề có cùng bộ tham số với các thẻ được thảo luận gần đây

, tức là nhận dạng nhận dạnglớp học, tham số thiết kế chung phong cách và tham số căn chỉnh căn chỉnh.

Điều này kết thúc cuộc thảo luận của chúng ta về cấu trúc của một tài liệu HTML điển hình. Như bạn có thể thấy, không có khó khăn đặc biệt nào trong việc này. Mọi thứ đều hài hòa và logic.