Chúng tôi có thể thêm các liên kết trang vào một trang web. Liên kết HTML là siêu liên kết. Thẻ xác định một siêu liên kết và được sử dụng để liên kết từ trang này sang trang khác. Thuộc tính href được sử dụng với thẻ, cho biết đích của liên kết
Để tạo liên kết trang trong trang HTML, chúng ta cần sử dụng thuộc tính href của thẻ và. Đảm bảo rằng thẻ được đặt trong thẻ …
Văn bản liên kết có thể nhìn thấy. Nhấp vào văn bản liên kết sẽ điều hướng đến địa chỉ URL được chỉ định. Theo mặc định, các liên kết sẽ xuất hiện như sau trên trang web của trình duyệt
Một liên kết chưa được truy cập được gạch chân và có màu xanh lam
Một liên kết đã truy cập được gạch chân và có màu tím
Một liên kết hoạt động được gạch chân và màu đỏ
cú pháp
Sau đây là cú pháp tạo liên kết trang trên trang web
text of the link
Ví dụ
Chương trình ví dụ sau để tạo liên kết trang trên tài liệu web
HTML Article on Links
Click this to navigate to the Google home page
Sau đây là kết xuất cho hình ảnh dưới dạng liên kết, nhấp vào hình ảnh sẽ điều hướng chúng ta đến trang chủ google
Trong hướng dẫn này, bạn sẽ học cách tạo một tài liệu HTML hoặc một trang web dễ dàng như thế nào. Để bắt đầu mã hóa HTML, bạn chỉ cần hai thứ. trình soạn thảo văn bản đơn giản và trình duyệt web
Chà, hãy bắt đầu với việc tạo trang HTML đầu tiên của bạn
Tạo tài liệu HTML đầu tiên của bạn
Hãy đi qua các bước sau. Ở phần cuối của hướng dẫn này, bạn sẽ tạo một tệp HTML hiển thị thông báo "Xin chào thế giới" trong trình duyệt web của bạn
Bước 1. Tạo tệp HTML
Mở trình soạn thảo văn bản thuần túy trên máy tính của bạn và tạo một tệp mới
Mẹo. Chúng tôi khuyên bạn nên sử dụng Notepad [trên Windows], TextEdit [trên Mac] hoặc một số trình soạn thảo văn bản đơn giản khác để thực hiện việc này; . Khi bạn hiểu các nguyên tắc cơ bản, bạn có thể chuyển sang các công cụ nâng cao hơn như Adobe Dreamweaver
Bước 2. Nhập một số mã HTML
Bắt đầu với một cửa sổ trống và nhập mã sau
A simple HTML document
Hello World!
Bước 3. Lưu tệp
Bây giờ hãy lưu tệp trên màn hình của bạn với tên "myfirstpage. html"
Ghi chú. Điều quan trọng là phần mở rộng .html
được chỉ định — một số trình soạn thảo văn bản, chẳng hạn như Notepad, sẽ tự động lưu nó dưới dạng .txt
nếu không
Để mở tệp trong trình duyệt. Điều hướng đến tệp của bạn rồi nhấp đúp vào tệp đó. Nó sẽ mở trong trình duyệt Web mặc định của bạn. Nếu không, hãy mở trình duyệt của bạn và kéo tệp vào đó
Giải thích về mã
Bạn có thể nghĩ mã đó là gì. Vâng, chúng ta hãy tìm hiểu
- Dòng đầu tiên là khai báo loại tài liệu. Nó hướng dẫn trình duyệt web rằng tài liệu này là tài liệu HTML5. Nó không phân biệt chữ hoa chữ thường
- Phần tử là nơi chứa các thẻ cung cấp thông tin về tài liệu, ví dụ: thẻ
tag defines the title of the document.
- The
element contains the document's actual content [paragraphs, links, images, tables, and so on] that is rendered in the web browser and displayed to the user.
You will learn about the different HTML elements in detail in the upcoming chapters. For now, just focus on the basic structure of the HTML document.
Note: A DOCTYPE declaration appears at the top of a web page before all other elements; however the doctype declaration itself is not an HTML tag. Every HTML document requires a document type declaration to insure that your pages are displayed correctly.
Tip: The ,
, and
tags make up the basic skeleton of every web page. Content inside the
and
are invisible to users with one exception: the text between
and
xuất hiện dưới dạng tiêu đề trên tab trình duyệt
Các thẻ và phần tử HTML
HTML được viết dưới dạng các phần tử HTML bao gồm các thẻ đánh dấu. Các thẻ đánh dấu này là đặc điểm cơ bản của HTML. Mỗi thẻ đánh dấu bao gồm một từ khóa, được bao quanh bởi các dấu ngoặc nhọn, chẳng hạn như , , , ,
, and so on.
HTML tags normally come in pairs like and
. The first tag in a pair is often called the opening tag [or start tag], and the second tag is called the closing tag [or end tag].
An opening tag and a closing tag are identical, except a slash [/
] after the opening angle bracket of the closing tag, to tell the browser that the command has been completed.
In between the start and end tags you can place appropriate contents. For example, a paragraph, which is represented by the p
element, would be written as:
This is a paragraph.
This is another paragraph.
You will learn about the various HTML elements in upcoming chapter.