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ửaимя_тега>thẻ 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
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ẻ đóngр>khô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 đề 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ẻ
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ẻ