1. Trang chủ
  2. » Công Nghệ Thông Tin

Thành phần của HTML

10 164 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 10
Dung lượng 78,58 KB

Nội dung

Thành phần HTML Thành phần HTML Bởi: Khoa CNTT ĐHSP KT Hưng Yên Các dạng thẻ HTML Thẻ HTML dùng để viết lên thành tố HTML Thẻ HTML bao quanh hai dấu lớn < > nhỏ Những thẻ HTML thường có cặp giống Thẻ thứ thẻ mở đầu thẻ thứ hai thẻ kết thúc Dòng chữ hai thẻ bắt đầu kết thúc nội dung Những thẻ HTML không phân biệt in hoa viết thường, ví dụ dạng Thành phần HTML Nhớ lại ví dụ HTML Trường đại học sư phạm kỹ thuật Hưng Yên www.utehy.vn and www.utehy.edu.vn UTHYE and web design resources UTEHY and web design resources Thành phần HTML bắt đầu với thẻ: Nội dung là: UTHYE and web design resources Thành phần HTML kết thúc với thẻ: Mục đích thẻ để xác định thành phần HTML phải thể dạng in đậmĐây thành phần HTML: 1/10 Thành phần HTML www.utehy.vn and www.utehy.edu.vn UTHYE and web design resources Phần bắt đầu thẻ bắt đầu kết thúc thẻ kết thúc Mục đích thẻ xác định thành phần HTML bao gồm nội dung tài liệu Các thuộc tính thẻ HTML Những thẻ HTML có thuộc tính riêng Những thuộc tính cung cấp thông tin thành phần HTML trang web Tag xác định thành phần thân trang HTML: Với thuộc tính thêm vào bgcolor, bạn báo cho trình duyệt biết màu trang màu đỏ, giống sau: (#E6E6E6 giá trị hex màu) Thẻ xác định dạng bảng HTML: với thuộc tính đường viền (border), bạn báo cho trình duyệt biết bảng đường viền: Thuộc tính luôn kèm cặp name/value: name="value" (tên="giá trị") thuộc tính luôn thêm vào thẻ mở đầu thành phần HTML Dấu ngoặc kép, "red" 'red' Giá trị thuộc tính nên đặt dấu trích dẫn " " Kiểu ngoặc kép phổ biến hơn, nhiên kiểu đơn ' ' dùng Ví dụ vài trường hợp đặc biệt hiếm, ví dụ giá trị thuộc tính mang dấu ngoặc kép rồi, việc sử dụng ngoặc đơn cần thiết Ví dụ: name='ban"tay"den' Các loại thẻ HTML Những thẻ quan trọng HTML thẻ xác định Heading, đoạn văn xuống dòng HTML head The title is not displayed 2/10 Thành phần HTML This text is displayed Thông tin tiêu đề phần head không hiển thị cửa sổ trình duyệt Đường link tài liệu: This link Đoạn cho cửa sổ gắn thuộc tính target "_blank" This link Chỉ thực chuyển cửa sổ hành đến trang cần đến 3/10 Thành phần HTML Cách sử dụng thẻ để làm cho tất đường link trang mở cửa sổ Thành phần head Thành phần head bao gồm thông tin chung, hay gọi metainformation tài liệu Meta có nghĩa "thông tin về" Bạn nói meta-data có nghĩa thông tin data, meta-infomation có nghĩa thông thin thông tin Thông tin thành phần head Theo tiêu chuẩn HTML, vài thẻ thức đặt phần head là: base>, , , , , and Đây ví dụ hợp quy định This is some text Trong trương fhợp trình duyệt có hai lựa chọn: Hiển thị chữ nằm thành phần đoạn văn Ẩn chữ nằm thành phần Head Nếu bạn muốn thêm thành phần HTML vào phần head trên, hầu hết trình duyệt hiển thị chúng chí không hợp lệ Trình duyệt có nên bỏ qua lỗi không? không nghĩ thế! người ta lại cho đúng! Thẻ Head Thẻ Miêu tả đặc tính Xác định thông tin tài liệu Xác định tiêu đề tài liệu Xác định địa URL cho tất đường liên kết trang Xác định tài nguyên để liên kết đến Xác định meta-information 4/10 Thành phần HTML Xác định loại tài liệu Thẻ trứơc thẻ HTML Meta The meta attributes of this document identify the author and the editor software Thông tin bên thành phần meta miêu tả tài liệu 5/10 Thành phần HTML The meta attributes of this document describe the document and its keywords Thông tin bên thành phần meta miêu tả từ khoá tài liệu Tái định hướng người dùng Sorry! We have moved! The new URL is: http://www.utehy.edu.vn 6/10 Thành phần HTML You will be redirected to the new address in five seconds If you see this message for more than seconds, please click on the link above! Cách tái định hướng người dùng bạn thay đổi tên miền Thành phần meta Như giải thích chương trước, thành phần head bao gồm thông tin chung tài liệu HTML có thành phần meta nằm phần head Mục đích thành phần meta cung cấp meta-information tài liệu Hầu hết thành phần meta sử dụng để cung cấp thông tin liên quan đến trình duyệt công cụ tìm kiếm miêu tả nội dung tài liệu Một vài công cụ tìm kiếm mạng sử dụng tên nội dung thẻ meta trang index bạn Mục đích thuộc tính tên nội dung để miêu tả nội dung trang Tuy nhiên, nhiều người lạm dụng thẻ meta để spam cách lập lập lại từ khoá trang web họ có rank cao hơn, vài công cụ tìm kiếm hoàn toàn không sử dụng thẻ meta Đôi bạn thấy thuộc tính thẻ meta unknown sau: Nếu bạn có thấy chấp nhận cho trang cho tác giả trang chẳng có liên quan đến bạn hết Xác định thông tin internet (URL = Uniform Resource Locator) HTML 7/10 Thành phần HTML Khi bạn nhấp chuột vào link tài liệu HTML này: Trang Trước, thẻ gạch chân đến nơi (một địa chỉ) Web với giá trị thuộc tính href như: Trang Trước Liên kết Trang Trước ví dụ đường liên kết có liên quan đến trang web mà bạn lướt đó, trình duyệt bạn tạo địa web đầy đủ sau: http://www.utehy.vn/html/trangtruoc.htm để truy cập trang Uniform Resource Locator (URL) URL dùng để xác định địa tài liệu (hoặc liệu khác) World Wide Web Một địa đầy đủ sau: http://www.utehy.vn/html/trangtruoc.htm tuân theo cú pháp sau: Scheme://host.domain:port/path/filename Scheme: Là giao thức Internet, gồm http, ftp, gopher, news (USENET news), nntp (Network News Transfer Protocol), Telnet WAIS (Wide Area Information Servers), giao thức khác Ðija ừung giao thức http:http://www.utehy.vn/html/html_basic.htm Domain: xác định tên miền trang web Internet ví dụ utehy.com Host xác định tên miền host Nếu bỏ qua, mặc định host cho http www Port xác định port number host Số cổng thường bỏ qua Số cổng mặc định http 80 Path xác định đường dẫn server Nếu đường dẫn bỏ qua, tài liệu phải định vị thư mục gốc trang web Filename xác định tên tài liệu Tên mặc định tài liệu default.asp index.html phụ thuộc vào cài đặt server URL Scheme Dưới ví dụ lược đồ thông dụn Schemes Access file Một tệp tin máy tính bạn ftp Một tệp tin FTP server 8/10 Thành phần HTML http Một tệp tin World Wide Web Server gopher Một tệp tin Gopher server news Usenet newsgroup telnet Telnet connection WAIS Một tệp tin WAIS server Truy cập vào Newsgroup Dòng code HTML sau: HTML Newsgroup tạo đường liên kết đến newsgroup HTML Newsgroup Download với FTP Dòng code HTML sau: Download WinZip Tạo đường link download là: Download WinZip Chú ý: Liên kết ví dụ thôi! giá trị Liên kết đến hệ thống Mail Dòng code HTML sau: admin@utehy.com Tạo đường liên kết với hệ thống email bạn admin@utehy.com Headings Headings định dạng với hai thẻ đến xác định heading lớn xác định heading nhỏ Đây headingĐây headingĐây heading headingĐây Đây headingĐây heading 9/10 Thành phần HTML HTML tự động thêm dòng trắng trước sau heading Đoạn văn – paragraphs Paragraphs định dạng thẻ Đây đoạn vănĐây đoạn văn khác HTML tự động thêm dòng trắng trước sau heading Line Breaks - xuống dòng Thẻ sử dụng bạn muốn kết thúc dòng lại không muốn bắt đầu đoạn văn khác Thẻ tạo lần xuống dòng bạn viết Đây đoạn văn với thẻ xuống hàng Thẻ thẻ trống, không cần thẻ đóng dạng Lời thích HTML Thẻ thích sử dụng để thêm lời thích mã nguồn HTML Một dòng thích bỏ qua trình duyệt Bạn sử dụng thích để giải thích code bạn, để sau bạn có phải quay lại chỉnh sửa dễ nhớ Chú thích > Bạn cần dấu chấm than ! sau dấu nhỏ không cần dấu lớn 10/10 ... < /html> Thông tin bên thành phần meta miêu tả tài liệu 5/10 Thành phần HTML

Ngày đăng: 31/12/2015, 10:24

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

  • Đang cập nhật ...

TÀI LIỆU LIÊN QUAN

w