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 HTML

Ngôn ngữ đánh dấu siêu văn bản (HTML) - một ngôn ngữ đánh dấu siêu văn bản - được dùng để viết các tài liệu siêu văn bản được xuất bản trên World Wide Web.

Tài liệu siêu văn bản là một tệp văn bản có các dấu đặc biệt, được gọi là thẻ, sau đó được trình duyệt nhận dạng và sử dụng để hiển thị nội dung của tệp trên màn hình máy tính.

Bằng cách sử dụng các dấu này, bạn có thể đánh dấu các tiêu đề tài liệu, thay đổi màu sắc, kích thước và kiểu chữ cũng như chèn đồ họa và bảng biểu. Nhưng ưu điểm chính của siêu văn bản so với văn bản thông thường là khả năng thêm siêu liên kết vào nội dung tài liệu - cấu trúc ngôn ngữ HTML đặc biệt cho phép bạn nhấp chuột để xem tài liệu khác.

tài liệu HTML bao gồm hai phần: chính văn bản, tức là dữ liệu tạo nên nội dung của tài liệu và thẻ - cấu trúc ngôn ngữ HTML đặc biệt được sử dụng để đánh dấu tài liệu và kiểm soát việc hiển thị của nó. Thẻ ngôn ngữ HTML xác định văn bản sẽ được trình bày dưới dạng nào, thành phần nào của nó sẽ đóng vai trò là liên kết siêu văn bản và đối tượng đồ họa hoặc đa phương tiện nào sẽ được đưa vào tài liệu.

Thông tin đồ họa và âm thanh có trong tài liệu HTML được lưu trữ trong các tệp riêng biệt. Trình xem tài liệu HTML ( trình duyệt) diễn giải các cờ đánh dấu và sắp xếp văn bản và đồ họa trên màn hình cho phù hợp. Đối với các tệp chứa tài liệu HTML, phần mở rộng được chấp nhận là .htm hoặc .html.

Trong hầu hết các trường hợp, thẻ được sử dụng theo cặp. Cặp này bao gồm một lỗ mở<имя_тега>và đóng cửathẻ Hiệu ứng của bất kỳ thẻ ghép nối nào bắt đầu khi gặp thẻ mở và kết thúc khi gặp thẻ đóng tương ứng. Thông thường một cặp bao gồm thẻ mở và thẻ đóng được gọi là thùng đựng hàng, và phần văn bản được bao quanh bởi các thẻ mở và đóng là yếu tố.

Chuỗi ký tự tạo nên văn bản có thể bao gồm dấu cách, tab, dòng mới, dấu xuống dòng, chữ cái, dấu chấm câu, số và các ký tự đặc biệt (chẳng hạn như #, +, $, @), ngoại trừ bốn ký tự sau có In HTML, các ý nghĩa đặc biệt là (lớn hơn), & (dấu và) và " (dấu ngoặc kép). Nếu cần đưa bất kỳ ký tự nào trong số này vào văn bản của mình, bạn phải mã hóa nó bằng một chuỗi ký tự đặc biệt.

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

Thẻ HTML quan trọng nhất là thẻ có cùng tên. . Nó luôn mở tài liệu, giống như một thẻ chắc chắn phải xuất hiện ở dòng cuối cùng của nó. Các thẻ này chỉ ra rằng các dòng giữa chúng đại diện cho một tài liệu siêu văn bản duy nhất. Nếu không có các thẻ này, trình duyệt hoặc trình xem khác không thể xác định định dạng tài liệu và diễn giải chính xác.

Một tài liệu HTML bao gồm hai phần: phần đầu và phần thân, được sắp xếp theo thứ tự sau:

Tiêu đề tài liệu Nội dung tài liệu

Thông thường, thẻ ghép nối được bao gồm trong tiêu đề tài liệu ... , xác định tiêu đề của tài liệu. Nhiều người xem sử dụng nó làm tiêu đề của cửa sổ hiển thị tài liệu. Các chương trình lập chỉ mục tài liệu trên Internet sử dụng tiêu đề để xác định trang. Một tiêu đề tốt phải đủ dài để xác định chính xác trang tương ứng, nhưng đồng thời nó phải vừa với tiêu đề cửa sổ. Tiêu đề của tài liệu nằm giữa thẻ mở và thẻ đóng.

Nội dung tài liệu là phần tử bắt buộc vì nó chứa tất cả tài liệu tài liệu. Phần thân của tài liệu được đặt giữa các thẻ Và. Mọi thứ được đặt giữa các thẻ này đều được trình duyệt diễn giải theo các quy tắc của ngôn ngữ HTML, cho phép trang được hiển thị chính xác trên màn hình điều khiển.

Văn bản trong HTML được chia thành các đoạn bằng thẻ<р>. Nó được đặt ở đầu mỗi đoạn văn và người xem khi gặp nó sẽ ngăn cách các đoạn văn với nhau bằng một dòng trống. Sử dụng thẻ đóngkhông cần thiết.

Nếu bạn muốn “ngắt” văn bản, chuyển phần còn lại sang dòng mới mà không chọn đoạn văn mới, hãy sử dụng thẻ ngắt dòng
. Nó buộc người xem phải hiển thị các ký tự theo sau nó trên một dòng mới. Không giống như thẻ đoạn văn, thẻ
không thêm dòng trống. Thẻ này không có thẻ đóng được ghép nối.

Hỗ trợ ngôn ngữ HTML định dạng logic và vật lý của nội dung tài liệu. Định dạng logic cho biết mục đích của một đoạn văn bản nhất định, trong khi định dạng vật lý xác định hình thức của nó.

sử dụng định dạng logic văn bản, trình duyệt sẽ chọn các phần khác nhau của văn bản theo cấu trúc của tài liệu. Để hiển thị tiêu đề, một trong các thẻ tiêu đề được sử dụng. Các tiêu đề trong một tài liệu điển hình được chia thành các cấp độ. HTML cho phép bạn đặt sáu cấp độ tiêu đề: h1 (tiêu đề cấp một), h2, h3, h4, h5 và h6. Tiêu đề cấp một thường có kích thước lớn hơn và phong phú hơn tiêu đề cấp hai. Ví dụ về việc sử dụng thẻ tiêu đề:

tôi. Tiêu đề chương

tôi. Tiêu đề phần

Thẻ định dạng vật lý trực tiếp thiết lập giao diện của văn bản trên màn hình trình duyệt, ví dụ: một vài điểm đánh dấu văn bản in đậm, đặt gạch chân văn bản, điều khiển phông chữ văn bản.

Nhãn chèn hình ảnh vào tài liệu như thể nó chỉ là một ký tự lớn. Ví dụ về việc sử dụng thẻ:

Để tạo liên kết siêu văn bản một vài thẻ được sử dụng<а>... . Một đoạn văn bản, hình ảnh hoặc bất kỳ đối tượng nào khác nằm giữa các thẻ này sẽ được hiển thị trong cửa sổ trình duyệt dưới dạng liên kết siêu văn bản. Việc kích hoạt một đối tượng như vậy sẽ khiến một tài liệu mới được tải vào cửa sổ trình duyệt hoặc một phần khác của trang Web hiện tại sẽ được hiển thị. Một liên kết siêu văn bản được hình thành bằng cách sử dụng biểu thức:

Href là thuộc tính bắt buộc ở đây, giá trị của nó là URL của tài nguyên được yêu cầu. Các trích dẫn trong việc chỉ định giá trị của thuộc tính href là tùy chọn. Nếu một liên kết đến một tài liệu trên một máy chủ khác được chỉ định thì loại siêu liên kết như sau:

<а href = "http://www.school.donetsk.ua/11.jpg">Ảnh 11-A

Sử dụng nhiều thẻ khác nhau, bạn có thể vẽ bảng, định dạng văn bản, chèn hình ảnh, video, tệp âm thanh, v.v. vào tài liệu.

BỘ GIÁO DỤC VÀ KHOA HỌC UKRAINE

ĐẠI HỌC QUỐC GIA SKIDNOKRAINIAN

Được đặt theo tên của Volodymyr Dahl

Khoa Khoa học Máy tính

Bằng kỷ luật

Thiết kế máy tính và đa phương tiện

Sinh viênBoldkova I.V.

1. Giới thiệu

3.1 Trình soạn thảo HTML

4. Tạo website bằng CMS Joomla 1.5.7

Văn học

1. Giới thiệu

World Wide Web - một mạng máy tính toàn cầu ngày nay chứa hàng triệu trang web chứa đủ loại thông tin. Mọi người truy cập thông tin này thông qua việc sử dụng công nghệ Internet. Để điều hướng WWW, các chương trình đặc biệt được sử dụng - Trình duyệt web, giúp tạo điều kiện thuận lợi rất nhiều cho việc di chuyển qua phạm vi rộng lớn của WWW.Tất cả thông tin trong trình duyệt Web được hiển thị dưới dạng các trang Web.

Các trang web, hỗ trợ công nghệ đa phương tiện, kết hợp nhiều loại thông tin khác nhau: văn bản, đồ họa, âm thanh, hoạt ảnh và video. Thành công của nó trên Internet phần lớn phụ thuộc vào việc một trang Web cụ thể được tạo ra tốt và đẹp như thế nào.

Người dùng hài lòng khi truy cập những trang Web có thiết kế thời trang, không có quá nhiều đồ họa và hoạt ảnh, tải nhanh và hiển thị chính xác trong cửa sổ trình duyệt Web.

Tạo một trang Web không hề dễ dàng nhưng có lẽ ai cũng muốn thử sức mình với vai trò là một nhà thiết kế. Và trong trường hợp này, tôi cũng không ngoại lệ, đó là lý do tại sao tôi chọn chủ đề này cho khóa học của mình.

Trong bài luận của mình, tôi đã cố gắng tìm hiểu những gì bạn cần biết và có thể làm để tạo một trang Web, phần mềm nào là công cụ để tạo trang Web và cách sử dụng nó một cách hiệu quả.

Cũng trong tác phẩm này, tôi đã xem xét những điều cơ bản về ngôn ngữ lập trình trang Web - HTML, một tiêu chuẩn WWW được chấp nhận rộng rãi. Điều này sẽ cho chúng ta cơ hội làm quen với cấu trúc của một trang Web và các kỹ thuật để thiết kế nó phù hợp. Chúng ta cũng sẽ xem xét việc tạo một trang web bằng CMS Joomla.

2. Hãy xem xét ngôn ngữ đánh dấu siêu văn bản HTML

Các trang web có thể tồn tại ở bất kỳ định dạng nào, nhưng nó được chấp nhận như một tiêu chuẩn Ngôn ngữ đánh dấu siêu văn bản- một ngôn ngữ đánh dấu siêu văn bản được thiết kế để tạo ra văn bản có định dạng giàu hình ảnh, âm thanh, hoạt hình, video clip và liên kết siêu văn bản đến các tài liệu khác.

Bạn có thể làm việc trên Web mà không cần biết ngôn ngữ HTML, vì văn bản HTML có thể được tạo bởi nhiều trình soạn thảo và trình chuyển đổi đặc biệt khác nhau. Nhưng viết trực tiếp bằng HTML không khó. Nó thậm chí có thể dễ dàng hơn việc học một trình soạn thảo hoặc trình chuyển đổi HTML, vốn thường bị hạn chế về khả năng, có lỗi hoặc tạo ra HTML kém không hoạt động trên nhiều nền tảng.

Ngôn ngữ HTML có nhiều loại khác nhau và tiếp tục phát triển, nhưng các cấu trúc HTML có thể sẽ tiếp tục được sử dụng trong tương lai. Bằng cách tìm hiểu về HTML và hiểu nó sâu hơn, tạo một tài liệu khi bắt đầu học HTML và mở rộng nó nhiều nhất có thể, chúng ta có thể tạo các trang Web có thể được xem bởi nhiều trình duyệt Web, cả hiện tại và trong tương lai. Điều này không loại trừ khả năng sử dụng các phương pháp khác, chẳng hạn như phương pháp nâng cao do Opera cung cấp, Google Chrome, Internet Explorer hoặc các trình duyệt khác.

Làm việc với HTML là một cách để tìm hiểu chi tiết về cách tạo tài liệu bằng ngôn ngữ được tiêu chuẩn hóa, chỉ sử dụng các tiện ích mở rộng khi thực sự cần thiết.

HTML đã được World Wide Web Consortium phê chuẩn. Nó được hỗ trợ bởi tất cả các trình duyệt.

Vì tài liệu HTML được viết ở định dạng ASCI I nên bất kỳ trình soạn thảo văn bản nào cũng có thể được sử dụng để tạo nó.

Thông thường, tài liệu HTML là một tệp có phần mở rộng .html hoặc . htm, trong đó văn bản được đánh dấu bằng thẻ HTML (thẻ tiếng Anh - hướng dẫn tích hợp đặc biệt). HTML xác định cú pháp và vị trí của các thẻ theo đó trình duyệt hiển thị nội dung của tài liệu Web. Bản thân văn bản của các thẻ không được trình duyệt Web hiển thị.

Tất cả các thẻ bắt đầu bằng "<" и заканчиваются символом ">". Thông thường có một cặp thẻ - thẻ bắt đầu (mở) và thẻ kết thúc (đóng) (tương tự như dấu ngoặc đơn mở và đóng trong toán học), giữa đó đặt thông tin đánh dấu:

Thông tin

Ở đây thẻ bắt đầu là thẻ

Và những cái cuối cùng -

. Thẻ kết thúc chỉ khác thẻ bắt đầu ở chỗ nó có dấu ngoặc đơn trước văn bản<>có một biểu tượng" / " (gạch chéo).

Trình duyệt đọc tài liệu HTML sẽ hiển thị nó trong cửa sổ bằng cấu trúc thẻ HTML. Mỗi tài liệu HTML phải có ba phần chính:

A) Khai báo HTML;

B) Phần đầu;

C) Nội dung tài liệu .

A) Khai báo HTML

Và. Một cặp thẻ này cho người xem (trình duyệt) biết rằng có một tài liệu HTML được đính kèm giữa chúng và thẻ đầu tiên trong tài liệu phải là thẻ (ở đầu tài liệu) và cuối cùng -(ở cuối tài liệu).

B) Phần tiêu đề.

Và. Giữa các thẻ này là thông tin về tài liệu (tiêu đề, từ khóa tìm kiếm, mô tả, v.v.). Tuy nhiên, điều quan trọng nhất là tiêu đề tài liệu mà chúng ta thấy ở dòng trên cùng của cửa sổ trình duyệt và trong danh sách "Mục yêu thích (BookMark)". Các chương trình nhện của công cụ tìm kiếm đặc biệt sử dụng tiêu đề tài liệu để xây dựng cơ sở dữ liệu của chúng. Để đặt tiêu đề cho tài liệu HTML của bạn, văn bản được đặt giữa các thẻ .

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

C) Nội dung của tài liệu.

Phần chính thứ ba của tài liệu là phần thân của nó. Nó ngay sau tiêu đề và nằm giữa các thẻ Và. Cái đầu tiên phải ở ngay sau thẻ, và cái thứ hai ở trước thẻ. Phần nội dung của tài liệu HTML là nơi tác giả đặt thông tin được định dạng bằng HTML.

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

Bây giờ chúng ta có thể viết mã HTML cho trang của mình:

Trang đầu tiên của tôi Các trang của tôi sẽ ở đây!

Trong phần BODY, tất cả các tab và ngắt dòng đều bị trình duyệt bỏ qua và không ảnh hưởng đến việc hiển thị trang dưới bất kỳ hình thức nào. Do đó, ngắt dòng trong văn bản nguồn của tài liệu HTML sẽ không bắt đầu một dòng mới trong văn bản được trình duyệt hiển thị trừ khi có các thẻ đặc biệt. Quy tắc này rất quan trọng cần nhớ và đừng quên đặt các thẻ ngăn cách các dòng, nếu không văn bản sẽ không có đoạn văn và sẽ không thể đọc được.

Để bắt đầu một dòng mới, hãy sử dụng thẻ
(viết tắt từ tiếng Anh break – ngắt). Thẻ này khiến trình duyệt hiển thị thêm văn bản từ đầu dòng tiếp theo. Không có thẻ đóng được sử dụng cho nó. Sẽ thuận tiện nếu bạn cần viết từ một dòng mới tại một thời điểm nào đó mà không cần bắt đầu một đoạn văn mới, chẳng hạn như trong một bài thơ. Sử dụng lại nó cho phép bạn chèn một hoặc nhiều dòng trống, di chuyển đoạn tiếp theo của trang xuống.

Văn bản liên tục không có khoảng trống không dễ đọc lắm, rất bất tiện khi xem qua và tìm đúng chỗ. Chia thành các đoạn văn, văn bản được cảm nhận nhanh hơn nhiều. Thẻ được sử dụng để bắt đầu một đoạn mới

(Đoạn tiếng Anh - đoạn văn). Thẻ này, ngoài việc bắt đầu một dòng mới, còn chèn thêm một dòng trống. Nhưng lặp đi lặp lại nhiều lần

không giống
, sẽ không dẫn đến xuất hiện nhiều dòng trống, vẫn sẽ có cùng một dòng trống.

Bên trong dấu ngoặc của thẻ, ngoài tên của thẻ, các thuộc tính cũng có thể được đặt. Chúng được phân cách với tên và nhau bằng dấu cách (một hoặc nhiều) và được viết dưới dạng tên_thuộc tính ="nghĩa". Nếu giá trị không chứa dấu cách thì có thể bỏ qua dấu ngoặc kép, nhưng điều này không được khuyến khích.

Có thể chứa thuộc tính ALIGN chỉ định căn chỉnh đoạn văn. Theo mặc định, đoạn văn được căn trái ALIGN="left". Căn phải ALIGN="right" và căn giữa ALIGN="center" cũng có thể thực hiện được. Khi sử dụng thuộc tính nên dùng thẻ đóng sau đoạn văn bản đã định dạng

. Nếu nó không có ở đó thì một thẻ mới

Có nghĩa là đóng cái trước đó, được lồng tương ứng

Không thể nào. Cũng có thể căn giữa văn bản bằng thẻ

.

Bây giờ chúng ta có thể đặt một số văn bản với các cách sắp xếp khác nhau trên trang Web của mình:

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

Trang cá nhân của tôi sẽ ở đây!

Trên đó bạn có thể tìm thấy: - một câu chuyện về tôi và sở thích của tôi; - Ảnh của tôi.

Từ một trong những trang của tôi sẽ có thể
gửi cho tôi một email.

3. Công cụ tạo trang Web

3.1 Trình soạn thảo HTML

Mọi người đều chọn công cụ riêng của mình để tạo các trang Web. Đây có thể là MS FrontPage hoặc Macromedia DreamWeaver, Allaire HomeSite hoặc Trang 1. Và một số người sử dụng trình soạn thảo văn bản đơn giản, chẳng hạn như Notepad.

Trình soạn thảo văn bản chỉ có thể dùng để tạo các trang nhỏ, vì chúng có nhiều nhược điểm: không hỗ trợ dự án, không có tính năng “đánh dấu” văn bản, nói chung là cực kỳ bất tiện khi làm việc.

Nhược điểm chính của MS FrontPage là nó tạo ra mã HTML rất lớn (quá nhiều nội dung không cần thiết), do đó các trang sẽ có kích thước lớn, ảnh hưởng đến tốc độ tải. Hơn nữa, khi tạo các trang Web trong trình soạn thảo này, bạn sẽ thấy một thứ, nhưng trong cửa sổ trình duyệt, bạn sẽ thấy một thứ hoàn toàn khác. Các trang có phần hơi cong, vì vậy để tạo các trang Web chất lượng cao, bạn nên sử dụng các gói sẽ được thảo luận bên dưới.

Chúng ta sẽ bắt đầu với Macromedia DreamWeaver phổ biến. Macromedia được coi là công ty đi đầu trong việc sản xuất phần mềm tạo trang web, đồng thời là người tạo ra xu hướng trong lĩnh vực này.

Ngôn ngữ đánh dấu siêu văn bản hay nói đơn giản hơn là HTML là ngôn ngữ chính để tạo các trang web. Trong bài viết này chúng tôi sẽ giới thiệu rất tổng quát về ngôn ngữ HTML.

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

Một tài liệu HTML được xây dựng trên cơ sở các thẻ. Thẻ tạo cấu trúc của một tài liệu. Các thẻ chính được ghép nối. Điều này có nghĩa là nếu có thẻ mở như<…>, thì phải có thẻ đóng có dấu gạch chéo. Điều đáng chú ý là cũng có những thẻ không được ghép nối.

Toàn bộ tài liệu HTML được bao quanh bởi hai thẻ … . Như bạn có thể thấy chúng được ghép nối. Ngoài ra, tài liệu HTML phải chứa một thẻ xác thực duy nhấtcho biết loại tài liệu hiện tại.

HTML 4 có ba trình xác thực, HTML 5 có một trình xác thực. Cấu trúc thẻ HTML 5 như sau:

Ví dụ:

  • cho các tài liệu HTML 4.
  • thống nhất cho tất cả các tài liệu HTML5.

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

Một tài liệu HTML bao gồm phần đầu và phần thân. Tiêu đề được đóng khung bằng thẻ … . Nội dung của tài liệu được đóng khung bằng các thẻ ghép nối … .

Ví dụ: Khung cơ bản của tài liệu HTML 5 phải có cấu trúc sau:

Đây là nơi dành cho tiêu đề Đây là nội dung của tài liệu

Cấu trúc tiêu đề

Phần mở đầu … , bao gồm một số thẻ đặc biệt. Những cái chính là các thẻ: .

thẻ tiêu đề

Đây là tiêu đề của tài liệu, được hiển thị ở phần tiêu đề của trang.

thẻ meta

Thẻ meta, hay đúng hơn là thẻ meta, vì có thể có nhiều thẻ như vậy trong một tài liệu. chứa thông tin đặc biệt. Ví dụ: phải có thẻ meta cho biết mã hóa tài liệu:

Thẻ meta mô tả và từ khóa rất quan trọng để lập chỉ mục các trang web:

Tôi lưu ý rằng các công cụ tìm kiếm hiện đại đã ngừng “nhìn thấy” từ khóa, nhưng điều này không phủ nhận việc sử dụng chúng. Không ai hủy bỏ liên kết nội bộ.

Ví dụ về một trang web trong HTML

Đây là một trang web HTML cơ bản:

<i>Trang web yêu thích của tôi</i> Trang web đầu tiên và do đó yêu thích của tôi.

Không thể học những điều cơ bản về HTML nếu không nghiên cứu và sử dụng các trình soạn thảo văn bản đặc biệt. Bởi vì bạn chỉ cần nhập bất kỳ văn bản nào trên trang HTML trong trình soạn thảo văn bản như: NotePad++, Sublime Text2, v.v. Sau khi nhập tài liệu, bạn cần lưu nó với phần mở rộng htm hoặc html. Chúng tôi mở tệp đã tạo trong bất kỳ trình duyệt nào bạn sử dụng.

Cấu trúc nội dung tài liệu

Văn bản trong tài liệu (trong thẻ ) cũng được chia thành các tiêu đề và các phần theo thẻ.

Thẻ tiêu đề và đoạn văn

Văn bản của tài liệu có thể được đóng khung bằng các thẻ đặc biệt.
Đoạn văn được đánh dấu bằng thẻ

Tiêu đề của các phần văn bản được đánh dấu bằng thẻ

,

,

, trước

Các thẻ tiêu đề được tổ chức theo dạng phân cấp và số trong thẻ cho biết độ sâu lồng của tiêu đề.

Ví dụ về việc sử dụng thẻ

<i>Trang web yêu thích của tôi</i>

Một đoạn từ trang web yêu thích của tôi

h1 Danh mục sản phẩm

h2 Danh mục sản phẩm

h3 Danh mục sản phẩm

h4 Danh mục sản phẩm

h5 Danh mục sản phẩm
h6 Danh mục sản phẩm

Thuộc tính thẻ

Một trong những thuộc tính chính của thẻ là thuộc tính định dạng được gọi là căn chỉnh. căn chỉnh giá trị thuộc tính:

  • trái - căn chỉnh sang trái,
  • center – căn chỉnh về giữa,
  • right – căn chỉnh về bên phải,
  • biện minh – căn chỉnh đối xứng dọc theo hai cạnh.

Ví dụ:

Trang web yêu thích của tôi

h1 Sản phẩm

h2 Sản phẩm

h3 Sản phẩm

Định dạng này được gọi là vật lý và về cơ bản đã lỗi thời. Để định dạng, tốt hơn hết bạn nên sử dụng Cascading Style Sheets (CSS).

Danh sách

Tiêu chuẩn HTML hiện đại cung cấp khả năng tạo ba loại danh sách chính:

  • Danh sách không có thứ tự;
  • Danh sách được đánh số (danh sách có thứ tự);
  • Danh sách định nghĩa.

Chúng ta hãy xem xét từng loại danh sách.

Danh sách có dấu đầu dòng

Danh sách có dấu đầu dòng được xác định bằng thẻ (danh sách không có thứ tự). Thẻ được sử dụng để tạo từng mục danh sách (danh sách mặt hàng).

Ví dụ:

  • Sản phẩm 1 từ danh sách sản phẩm
  • Sản phẩm 2 từ danh sách sản phẩm
  • Sản phẩm 3 từ danh sách sản phẩm

Bạn có thể đặt thẻ tiêu đề trong danh sách:

    Tiêu đề danh sách

  • Sản phẩm 1 từ danh sách sản phẩm
  • Sản phẩm 2 từ danh sách sản phẩm
  • Sản phẩm 3 từ danh sách sản phẩm

Điểm đánh dấu, tức là các biểu tượng hiển thị phía trước các mục danh sách, có thể thay đổi và hình thức của chúng được chỉ định bởi thuộc tính loại. Các thuộc tính loại có thể là: hình tròn (hình tròn không được lấp đầy), đĩa (hình tròn được lấp đầy) và hình vuông (hình vuông được lấp đầy). Mặc định là thuộc tính đĩa. Ví dụ về cách sử dụng điểm đánh dấu với thuộc tính đĩa:

  • Sản phẩm 1 trong danh sách
  • Sản phẩm 2 trong danh sách
  • Sản phẩm 3 trong danh sách

Danh sách được đánh số

Danh sách được đánh số hoặc có thứ tự, mỗi phần tử của danh sách được gán một số. Danh sách đánh số được tạo bằng thẻ. Đối với mỗi phần tử của danh sách đánh số, các thẻ ghép đôi cũng được sử dụng .

Danh sách được đánh số sử dụng năm thuộc tính:

1-Chữ số Ả Rập; i- Chữ số La Mã thường; I - chữ số viết hoa La Mã; a-Chữ Latinh nhỏ; A-Chữ in hoa Latin.

Một ví dụ về danh sách được đánh số.

    Danh sách sản phẩm được đánh số

  1. Sản phẩm 1 trong danh sách
  2. Sản phẩm 2 trong danh sách
  3. Sản phẩm 3 trong danh sách

Ví dụ về danh sách được đánh số với các điểm đánh dấu bằng chữ cái nhỏ Latinh:

  1. Sản phẩm 1 trong danh sách
  2. Sản phẩm 2 trong danh sách
  3. Sản phẩm 3 trong danh sách

Danh sách các định nghĩa

Để tạo danh sách thuộc loại định nghĩa thuật ngữ, thẻ được sử dụng

(danh sách định nghĩa) và
(mô tả định nghĩa). Hơn nữa, bản thân thuật ngữ này được chứa trong một thẻ ghép nối
, và định nghĩa (giải thích) của thuật ngữ có trong thẻ ghép nối
.

Ví dụ:

Phần mở đầu

Học kỳ 1
Giải thích thuật ngữ 1
Học kỳ 2
Giải thích thuật ngữ 2

Danh sách lồng nhau

Bất kỳ loại danh sách nào, được đánh dấu đầu dòng và đánh số, đều có thể được lồng vào nhau. Mọi tệp đính kèm đều được cho phép. Điều chính khi tạo danh sách lồng nhau là không bị nhầm lẫn trong các thẻ được ghép nối.

Ví dụ về danh sách lồng nhau:

    Danh sách lồng nhau

  • Sản phẩm phần 1
    1. Phần sản phẩm 1.1
    2. Phần sản phẩm 1.2
  • Sản phẩm phần 2
    1. Phần sản phẩm 2.1
    2. Phần sản phẩm 2.2
    3. Phần sản phẩm 2.3
  • Sản phẩm phần 3
    1. Phần sản phẩm 3.1

Bảng trong HTML

Để cấu trúc tài liệu HTML, cấu trúc chính là bảng. Tuy nhiên, điều đáng chú ý là việc sử dụng bảng để sắp xếp cấu trúc trang đang trở nên lỗi thời và không còn được khuyến khích nữa.

Cấu trúc bảng:

//- các thẻ chứa bảng được ghép nối;// // thùng chứa để tạo một hàng trong bảng//
, phải nằm trong thẻ //
// thẻ để tạo một ô trong bảng. Thẻ này phải ở bên trong vùng chứa

  • Đường viền – khung rộng 2 px;
  • Cellpadding—khoảng cách giữa các đường viền bên ngoài của các ô trong bảng;
  • Khoảng cách ô là khoảng cách giữa các đường viền bên ngoài của các ô trong bảng.
  • Chiều cao - chiều cao bàn;
  • Chiều rộng - chiều rộng của bảng.
  • Chú thích - thẻ để tạo tiêu đề bảng, chỉ có thể được đặt bên trong vùng chứa .

    Bảng ví dụ:

    Bảng đơn giản
    1-1 1-2 1-3
    2-1 2-2 2-3

    thẻ colspan và rowpan
    được thiết kế để kết hợp các tế bào :

    Hợp nhất các ô trong bảng HTML

    Ô 1.1 và 1.2Ô 1.3
    Ô 2.1Ô 2.2Ô 2.3
    Tế bào 3.1 - 3.3

    Siêu liên kết

    Thuộc tính chính của thẻ này là href. Thẻ này chứa địa chỉ của tài nguyên mà liên kết dẫn tới. Văn bản liên kết được viết bên trong thẻ vùng chứa.

    Mỏ neo

    Để tham chiếu đến một điểm neo trong tài liệu khác, tên của điểm neo có hàm băm (#) được viết ngay sau địa chỉ của tài liệu bên thứ ba, không có khoảng trắng.

    Liên kết đến Anchor 3 trong Tài liệu 009

    Hình ảnh như liên kết

    Bản vẽ và hình ảnh cũng có thể được thực hiện dưới dạng liên kết. Để làm điều này, hình ảnh được chèn vào văn bản với thẻ . Thuộc tính src của thẻ này có giá trị của file ảnh:

    Đó là tất cả! Tất nhiên, những điều cơ bản về HTML không bao gồm tất cả các tính năng của ngôn ngữ này, nhưng chúng đưa ra ý tưởng về việc hình thành một tài liệu HTML.

    Năm 1989, siêu văn bản đại diện cho một công nghệ mới đầy hứa hẹn, một mặt có số lượng triển khai tương đối lớn, mặt khác, người ta đã nỗ lực xây dựng các mô hình chính thức của hệ thống siêu văn bản có tính chất mô tả nhiều hơn và được lấy cảm hứng từ sự thành công của cách tiếp cận quan hệ để mô tả dữ liệu.

    HTML là ngôn ngữ đánh dấu siêu văn bản được sử dụng để mã hóa tài liệu. Ngôn ngữ HTML là một tập hợp các lệnh theo đó trình duyệt hiển thị nội dung của tài liệu; các lệnh HTML không được hiển thị. Ngôn ngữ HTML thực hiện cơ chế liên kết siêu văn bản cho phép một tài liệu được liên kết với các tài liệu khác. Những tài liệu này có thể được đặt trên cùng một máy chủ với trang mà chúng được liên kết hoặc chúng có thể được lưu trữ trên một máy chủ khác.

    Ý tưởng HTML là một ví dụ về giải pháp cực kỳ thành công cho vấn đề xây dựng hệ thống siêu văn bản bằng công cụ điều khiển hiển thị đặc biệt.

    Các liên kết siêu văn bản theo ngữ cảnh được công nhận là hình thức tổ chức siêu văn bản hiệu quả nhất và ngoài ra, việc phân chia thành các liên kết liên quan đến toàn bộ tài liệu và với các phần riêng lẻ của nó đã được công nhận.


    Tất cả các tài liệu HTML đều có cấu trúc giống nhau, được xác định bởi một bộ thẻ cấu trúc cố định. Tài liệu HTML phải luôn bắt đầu bằng thẻ< HTML >và kết thúc bằng thẻ đóng thích hợp (). Có hai phần chính trong một tài liệu: phần tiêu đề và phần nội dung của tài liệu, theo thứ tự đó. Phần tiêu đề chứa thông tin mô tả toàn bộ tài liệu và bị giới hạn bởi các thẻ<НЕАD>Và. Đặc biệt, phần tiêu đề nên chứa tiêu đề chung của tài liệu, được phân cách bằng thẻ ghép nối<ТITLE>.

    ). Tuy nhiên, không nên bỏ qua các thẻ cấu trúc khi tạo tài liệu HTML. Tài liệu HTML hợp lệ đơn giản nhất chứa tất cả các thẻ xác định cấu trúc có thể trông như thế này:

    < TITLE >Tiêu đề tài liệu< /TITLE >

    văn bản tài liệu

    Các phần tử HTML.

    Đối với các thẻ được ghép nối, phạm vi được xác định bởi phần tài liệu nằm giữa thẻ mở và thẻ đóng. Phần này của tài liệu được coi là một phần của ngôn ngữ HTML. Vì vậy, chúng ta có thể nói về “phần tử BODY” bao gồm thẻ, phần nội dung của tài liệu và thẻ đóng. Toàn bộ tài liệu HTML. có thể được coi là một "phần tử HTML". Đối với các thẻ không ghép nối, phần tử giống với thẻ xác định nó.

    Hầu hết các thành phần của ngôn ngữ HTML. mô tả các phần nội dung của tài liệu và được đặt giữa các thẻ . Và, nghĩa là bên trong phần tử cấu trúc BODY. Các yếu tố như vậy được chia thành khối và văn bản. Các phần tử khối đề cập đến các đoạn văn bản ở cấp độ đoạn văn. Các phần tử văn bản mô tả thuộc tính của từng cụm từ riêng lẻ và thậm chí cả những phần nhỏ hơn của văn bản.

    Bây giờ chúng ta có thể xây dựng các quy tắc cho các phần tử lồng nhau.

    Các yếu tố không được chồng chéo. Nói cách khác, nếu thẻ mở nằm bên trong một phần tử thì thẻ đóng tương ứng phải được đặt bên trong cùng một phần tử đó.

    Các phần tử khối có thể chứa các phần tử khối và văn bản lồng nhau.

    Các phần tử văn bản có thể chứa các phần tử văn bản lồng nhau.

    Các phần tử văn bản không thể chứa các phần tử khối lồng nhau.

    Các phần tử khối chức năng

    Trong hầu hết các tài liệu, các thành phần chức năng chính là tiêu đề và đoạn văn. Ngôn ngữ HTML. hỗ trợ sáu cấp độ tiêu đề. Chúng được chỉ định bằng cách sử dụng các thẻ ghép nối từ<Н1>trước<Н6>. Khi được hiển thị, tài liệu Web được hiển thị bằng phương pháp này; tag (tài liệu trên màn hình máy tính, các thành phần này được hiển thị bằng các phông chữ có kích thước khác nhau.

    Các đoạn thông thường được chỉ định bằng thẻ ghép nối<Р>. Ngôn ngữ HTML. không chứa phương tiện tạo thụt lề đoạn văn (“dòng màu đỏ”), vì vậy khi hiển thị trên màn hình máy tính, các đoạn văn được phân tách bằng một dòng trống. Thẻ đóngđược coi là tùy chọn. Điều này được hiểu rằng nó xuất hiện trước thẻ, thẻ này chỉ định phần đầu của đoạn tiếp theo của tài liệu. Ví dụ:

    Phần mở đầu

    <Р>Đoạn đầu tiên<Р>Đoạn thứ hai

    Tiêu đề cấp hai

    Hậu quả của việc có một thẻ đặc biệt xác định một đoạn văn là ký tự cuối dòng thông thường được nhập bằng cách nhấn phím ENTER không đủ để tạo thụt lề đoạn văn. Ngôn ngữ HTML. xử lý các ký tự và dấu cách ở cuối dòng một cách đặc biệt. Bất kỳ trình tự nào; chỉ bao gồm khoảng trắng và ký tự cuối dòng, được coi là một khoảng trắng khi tài liệu được hiển thị. Đặc biệt, điều này có nghĩa là ký tự cuối dòng thậm chí không dẫn đến một dòng mới (một thành phần văn bản được chỉ định bởi thẻ không ghép đôi được sử dụng cho mục đích này
    .

    Thước ngang cũng có thể được sử dụng làm dấu phân cách đoạn văn. Phần tử này được chỉ định bởi thẻ chưa ghép nối


    . Khi một tài liệu được hiển thị trên màn hình, một thước kẻ sẽ tách các phần của văn bản ra khỏi nhau. Chiều dài và độ dày của nó được chỉ định bởi thuộc tính thẻ
    .


    Thẻ này tạo ra một thước ngang rộng 10 pixel, chiếm một nửa chiều rộng của cửa sổ và được đặt ở bên phải.


    Tạo trang web là một trong những cơ hội có sẵn rộng rãi trong ngành Internet hiện đại. Về nguyên tắc, việc tạo trang web thực tế không khó hơn nhiều so với việc tạo tài khoản email cá nhân và danh thiếp điện tử.

    Để tạo một trang web, trước hết, bạn cần có một máy chủ được kết nối với Internet nơi bạn có thể đặt các siêu văn bản cần thiết. Ngoài ra, cần phải đăng ký tên saiga với nhà cung cấp dịch vụ phục vụ máy chủ đã chọn.

    Trên Internet, bạn có thể tìm thấy các nhà cung cấp cung cấp dịch vụ mở trang web miễn phí trên máy chủ của họ. Các trang web miễn phí có thể được mở trên các máy chủ trong nước narod.ru, boom.ru, hotmail.ru và trên các máy chủ nước ngoài, ví dụ như geocities.com, Tripod.com.

    Trên các máy chủ này, bạn có thể đăng ký tên miền như:

    <имя>. narod.ru

    tên>.boom.ru,

    Ví dụ về tên miền đã đăng ký:

    wdu.da.ru - trang web của trường đại học điện tử;

    wduniv.newmail.ru - trang web của một trường đại học phân tán.

    Sau khi đăng ký tên miền của trang web, bạn có thể lưu trữ siêu văn bản trên đó. Siêu văn bản được đặt trên trang web bằng các chương trình đặc biệt cho phép bạn tạo, chỉnh sửa, tích lũy và sao chép nhiều loại siêu văn bản. Ngay sau khi đặt trang siêu văn bản (chính) đầu tiên, thông tin của nó có thể được đọc bằng trình duyệt ở bất kỳ quốc gia nào từ bất kỳ máy tính nào được kết nối Internet. Để thực hiện việc này, hãy nhập địa chỉ trang web trên Internet vào cửa sổ trình duyệt. Ví dụ: http://bak.boom.ru

    Tất cả các tệp được đăng phải là siêu văn bản, được viết ở định dạng HTML và có mã định danh dạng<имя>.html.

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

    Theo cấu trúc, siêu văn bản là văn bản có liên kết đến các siêu văn bản khác nằm trên máy chủ này hoặc trên các máy chủ khác. Khi bạn nhấp vào liên kết như vậy, trình duyệt sẽ tự động tải một trang siêu văn bản lên màn hình máy tính của bạn, bất kể nó ở máy chủ nào và nó nằm ở quốc gia nào.

    Bằng cách sử dụng các công cụ và chương trình này trên Internet, có thể tạo ra nhiều trang web và hệ thống thông tin khác nhau - trang web cá nhân, trang web công ty, báo điện tử, tạp chí, sách điện tử, bách khoa toàn thư, cũng như các kho lưu trữ và thư viện điện tử.

    Sự khác biệt giữa các trang web là lượng thông tin, cấu trúc và quy trình cập nhật của chúng. Nói chung, đối với các trang Internet, cũng như đối với bất kỳ tổ chức nào, chúng ta có thể nói về vòng đời hình thành, phát triển, hiện đại hóa và thanh lý của chúng.

    Khối lượng thông tin được xác định bởi chủ sở hữu - những người hoặc tổ chức đã tạo trang web và đăng thông tin của họ lên đó. Lượng thông tin trên các trang web có thể dao động từ vài kilobyte đến vài gigabyte (hàng triệu kilobyte).

    Cấu trúc của các trang web có thể rất đa dạng. Cấu trúc đơn giản nhất là một trang chính có các liên kết đến một tập hợp văn bản. Các liên kết này có thể nằm trong văn bản của trang chính hoặc được đánh dấu trong mục lục ở đầu trang.

    Mỗi trang của trang web có thể được cung cấp một tiêu đề, tiêu đề này xuất hiện ở dòng trên cùng của màn hình khi trang web được trình duyệt tải.

    Ngoài ra, trên trang chính của trang web, bạn có thể chỉ định danh sách từ khóa cho các công cụ tìm kiếm.

    Công cụ tìm kiếm hàng tuần quét tất cả các máy chủ trên Internet và ghi lại địa chỉ của tất cả các trang web và siêu văn bản được tìm thấy cùng với các từ khóa được đánh dấu trong đó. Vì những lý do này, không muộn hơn một tuần sau, bất kỳ thông tin nào được công bố trên Internet đều có thể được tìm thấy bằng cách sử dụng các từ khóa có trong đó.

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

    World Wide Web, hay một cái gì đó tương tự như World Wide Web, WWW là thành phần chính của mạng máy tính toàn cầu Internet. Bắt nguồn từ những năm 60, Internet trong một thời gian dài chỉ được sử dụng bởi một nhóm chuyên gia hẹp để trao đổi thông tin qua e-mail. Mạng được điều khiển bởi hệ điều hành UNIX - điều này phù hợp với mục đích khoa học, nhưng giao diện văn bản UNIX khá phức tạp đã hạn chế đáng kể phạm vi ứng dụng các công nghệ mạng. Năm ra đời của World Wide Web được coi là năm 1989 - năm này năm ngôn ngữ được phát minh ra, sau này trở thành ngôn ngữ chính của tài liệu web - Ngôn ngữ này là HTML (Ngôn ngữ đánh dấu siêu văn bản).

    Tác giả của ngôn ngữ HTML là Tim Berners-Lee, tốt nghiệp Đại học Oxford, lúc đó đang làm việc theo hợp đồng ở Geneva, tại Phòng thí nghiệm Vật lý Hạt Châu Âu (CERN, Conseil Europeen pour la Recherche Nucleaire) với tư cách là một tư vấn phần mềm. CERN là một tổ chức khá lớn và do đó, để điều hướng cấu trúc của nó tốt hơn và không lưu trữ dữ liệu về một số lượng lớn dự án, quan chức, v.v. trong bộ nhớ, Tim Berners-Lee đã phát triển chương trình Inquire cho mục đích sử dụng cá nhân của mình, trên cơ sở đó vài năm sau đó một loại không gian thông tin đã được tạo ra cho phòng thí nghiệm. Chương trình Inquire cho phép tìm kiếm tài liệu được gọi là "phi tuyến tính" - tức là. chuyển từ tài liệu này sang tài liệu khác mà không cần tham khảo mục lục hoặc sách tham khảo.

    Ngôn ngữ HTML tạo thành nền tảng của công nghệ siêu văn bản. Một tài liệu siêu văn bản có chứa cái gọi là siêu liên kết.

    Ngôn ngữ đánh dấu tài liệu là một tập hợp các hướng dẫn đặc biệt, được gọi là thẻ, được thiết kế để tạo thành cấu trúc trong tài liệu và xác định mối quan hệ giữa các thành phần khác nhau của cấu trúc này. Thẻ ngôn ngữ hoặc thẻ điều khiển như đôi khi chúng được gọi, được mã hóa bằng cách nào đó trong các tài liệu đó, tách biệt khỏi nội dung tài liệu chính và đóng vai trò là hướng dẫn cho chương trình hiển thị nội dung tài liệu ở phía máy khách. Các hệ thống đầu tiên sử dụng các ký hiệu “<” и “>”, trong đó đặt tên của các lệnh và các tham số của chúng. Bây giờ cách chỉ định thẻ này là tiêu chuẩn.

    Việc sử dụng phân tích siêu văn bản của tài liệu văn bản trong các hệ thống thông tin hiện đại phần lớn là do siêu văn bản cho phép bạn tạo cơ chế xem thông tin phi tuyến tính. Trong các hệ thống như vậy, dữ liệu được trình bày không phải dưới dạng một luồng thông tin văn bản liên tục mà dưới dạng một tập hợp các thành phần được kết nối với nhau, được điều hướng bằng các siêu liên kết.

    Bản thân HTML không phải là ngôn ngữ lập trình; nó là một phương tiện mô tả cấu trúc của một tài liệu, phong cách của nó và các mối liên hệ của nó với các tài liệu khác. Để xem các tài liệu Web, các chương trình đặc biệt được sử dụng - cái gọi là trình duyệt (tiếng Anh: duyệt - 1) gặm cỏ, nhổ chồi; 2) đọc, nghiên cứu ngẫu nhiên, phù hợp và bắt đầu.) Trên thực tế, khả năng của trình duyệt rộng hơn nhiều, nhưng hiện tại, chúng tôi sẽ giới hạn định nghĩa của chúng như một phương tiện xem tài liệu web. Internet có được sự phổ biến của nó đối với các trình duyệt.