Khai báo DOCTYPE xác định các loại tài liệu
Các văn bản giữa <html> và </ html> mô tả các trang web
Các văn bản giữa <body> và </ body> là nội dung trang hiển thị
Các văn bản giữa <h1> và </ h1> được hiển thị như một nhóm
Các văn bản giữa <p> và </ p> được hiển thị như một đoạn
Khai báo là cú pháp cho thế hệ mới nhất của HTML - HTML5. DOCTYPE html>
HTML là gì?
HTML là một ngôn ngữ để mô tả các trang web.
HTML là viết tắt H yper T ext M L anguage arkup
HTML không phải là một ngôn ngữ lập trình, nó là một ngôn ngữ đánh dấu
Một ngôn ngữ đánh dấu là một tập hợp các thẻ đánh dấu
Mục đích của các thẻ mô tả nội dung trang
Tag HTML
HTML thẻ đánh dấu thường được gọi là thẻ HTML
Thẻ HTML là các từ khóa (tên thẻ) được bao quanh bởi các dấu ngoặc góc như <html>
Thẻ HTML thông thường đi theo cặp như <b> và </ b>
Thẻ đầu tiên trong một cặp là bắt đầu từ khóa, thẻ thứ hai là thẻ kết thúc
Thẻ kết thúc được viết như thế bắt đầu từ khóa, với một dấu gạch chéo trước tên thẻ
Bắt đầu và thẻ kết thúc còn được gọi là thẻ mở và thẻ đóng
<tagname> nội dung </ tagname>
HTML Elements
"HTML tags" và "các phần tử HTML" thường được sử dụng để mô tả điều tương tự.
Nhưng nói đúng một phần tử HTML được tất cả mọi thứ giữa thẻ bắt đầu và thẻ kết thúc, bao gồm các thẻ:
HTML Element:
<p> Đây là một đoạn </ p>
HTML Documents = Trang Web
Các tài liệu HTML mô tả các trang web
Các tài liệu HTML chứa các thẻ HTML và văn bản đơn giản
Các tài liệu HTML cũng được gọi là các trang web
Trình duyệt web
Mục đích của một trình duyệt web (Chrome, Internet Explorer, Firefox) là để đọc tài liệu HTML và hiển thị chúng như các trang web. Các trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng các thẻ để giải thích nội dung của trang:
Trang HTML Cấu trúc
Dưới đây là một hình dung của một cấu trúc trang HTML:
<html>
<body>
<h1> Đây là một nhóm </ h1>
<p> Đây là một đoạn </ p>
<p> Đây là một đoạn </ p>
</ Body>
</ Html>
HTML Headings
Nhóm HTML được định nghĩa với <h1> để thẻ <h6>.
Ví dụ
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Thử nó cho mình »
HTML khoản
Đoạn văn bản HTML được định nghĩa với tag <p>.
Ví dụ
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Thử nó cho mình »
Liên kết HTML
HTML liên kết được định nghĩa với thẻ <a>.
Ví dụ
<a>This is a link</a>
Thử nó cho mình »
Lưu ý: Các địa chỉ liên kết được quy định cụ thể trong các thuộc tính href.
(Bạn sẽ tìm hiểu về các thuộc tính trong một chương sau này của hướng dẫn này).
HTML hình ảnh
Hình ảnh HTML được định nghĩa với thẻ <img>.
Ví dụ
<img />
Các tài liệu HTML được xác định bởi các phần tử HTML.
HTML Elements
Một phần tử HTML là tất cả mọi thứ từ các từ khóa bắt đầu với thẻ kết thúc:
Bắt đầu * tagYếu tố nội dungThẻ đóng *
<p>Đây là một đoạn</ P>
<a>Đây là một liên kết</ A>
<br />
* Thẻ bắt đầu thường được gọi là thẻ mở. Thẻ kết thúc thường được gọi là thẻ đóng.
HTML tử cú pháp
Một phần tử HTML bắt đầu với một thẻ tag / mở cửa bắt đầu
Một phần tử HTML kết thúc với một thẻ tag / đóng cửa cuối
Nội dung tố là tất cả mọi thứ giữa bắt đầu và tag kết thúc
Một số phần tử HTML có nội dung rỗng
Yếu tố có sản phẩm nào được đóng cửa trong thẻ bắt đầu
Hầu hết các phần tử HTML có thể có các thuộc tính
Mẹo: Bạn sẽ tìm hiểu về các thuộc tính trong chương kế tiếp của hướng dẫn này.
Nested HTML Elements
Hầu hết các phần tử HTML có thể được lồng vào nhau (có thể chứa các phần tử HTML khác).
Các tài liệu HTML bao gồm các yếu tố lồng nhau HTML.
Tài liệu HTML Ví dụ
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
Ví dụ trên có 3 yếu tố HTML.
HTML Ví dụ Giải thích
Các yếu tố <p>:
<p>This is my first paragraph.</p>
<p> Các yếu tố xác định một đoạn văn trong tài liệu HTML.
Phần tử có một <p> thẻ bắt đầu và một thẻ kết thúc </ p>
Nội dung tố: Đây là đoạn đầu tiên của tôi.
Các yếu tố <body>:
<body>
<p>This is my first paragraph.</p>
</body>
Các yếu tố <body> xác định cơ thể của các tài liệu HTML.
Nguyên tố này có một <body> thẻ bắt đầu và một thẻ kết thúc </ body>.
Nội dung tố là một phần tử HTML khác (ap yếu tố).
Các yếu tố <html>:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
Các yếu tố <html> xác định toàn bộ tài liệu HTML.
Nguyên tố này có một thẻ bắt đầu <html> và một thẻ kết thúc </ html>.
Nội dung tố là một phần tử HTML khác (yếu tố cơ thể).
Đừng quên Tag End
Một số phần tử HTML có thể hiển thị một cách chính xác ngay cả khi bạn quên thẻ kết thúc:
<p>This is a paragraph
<p>This is a paragraph
Ví dụ trên làm việc trong hầu hết các trình duyệt, bởi vì thẻ đóng được coi là tùy chọn.
Không bao giờ dựa vào điều này. Nhiều yếu tố HTML sẽ tạo ra kết quả bất ngờ và / hoặc lỗi nếu bạn quên thẻ kết thúc.
Trống HTML Elements
Các phần tử HTML với nội dung không được gọi là các yếu tố có sản phẩm nào.
khoá là một phần tử rỗng mà không có một thẻ đóng (tag <br> định nghĩa một ngắt dòng).
Mẹo: Trong XHTML, tất cả các yếu tố phải được đóng lại. Thêm một dấu gạch chéo bên trong bắt đầu từ khóa, như <br />, là cách đúng đắn của đóng các yếu tố sản phẩm nào trong XHTML (và XML).
HTML Mẹo: sử dụng Tags Chữ thường
Thẻ HTML không phải là trường hợp nhạy cảm: <P> có nghĩa là giống như <p>. Nhiều trang web sử dụng các thẻ HTML hoa.
W3Schools sử dụng các thẻ chữ thường vì World Wide Web Consortium (W3C) đề nghị chữ thường trong HTML 4, và yêu cầu thẻ chữ thường trong XHTML.
Thuộc tính cung cấp thêm thông tin về các phần tử HTML.
HTML thuộc tính
HTML yếu tố có thể có các thuộc tính
Thuộc tính cung cấp thông tin bổ sung về một phần tử
Thuộc tính luôn luôn được chỉ định trong thẻ bắt đầu
Thuộc tính trong các cặp tên / giá trị như: tên "giá trị" =
Thuộc tính Ví dụ
HTML liên kết được định nghĩa với thẻ <a>. Địa chỉ liên kết được quy định cụ thể trong các thuộc tính href:
Ví dụ
<a>This is a link</a>
Thử nó cho mình »
Luôn luôn Quote giá trị thuộc tính
Giá trị thuộc tính phải luôn luôn được kèm theo trong dấu ngoặc kép.
Báo giá phong cách đôi là phổ biến nhất, nhưng giá phong cách duy nhất cũng được cho phép.
Mẹo: Trong một số trường hợp hiếm, khi bản thân giá trị thuộc tính có chứa dấu ngoặc kép, nó là cần thiết để sử dụng dấu ngoặc đơn: name = 'John "ShotGun" Nelson'
HTML Mẹo: Sử dụng thuộc tính Chữ thường
Tên thuộc tính và giá trị thuộc tính là trường hợp-insensitive.
Tuy nhiên, World Wide Web Consortium (W3C) khuyến cáo các thuộc tính chữ thường / giá trị thuộc tính trong HTML 4 đề nghị của họ.
Các phiên bản mới hơn của (X) HTML sẽ yêu cầu thuộc tính chữ thường.
HTML thuộc tính tham khảo
Một danh sách đầy đủ các thuộc tính pháp lý cho mỗi phần tử HTML được liệt kê trong của chúng tôi:
HTML hoàn hảo Reference
Dưới đây là danh sách của một số thuộc tính là tiêu chuẩn cho hầu hết các phần tử HTML:
Thuộc tínhGiá trịMô tả
lớpclassnameChỉ định một classname cho một phần tử
ididChỉ định một id duy nhất cho một phần tử
phong cáchstyle_definitionChỉ định một phong cách nội tuyến cho một phần tử
tiêu đềtooltip_textChỉ định thông tin thêm về một phần tử (hiển thị như là một công cụ tip)
Để biết thêm thông tin về các thuộc tính tiêu chuẩn:
HTML tiêu chuẩn thuộc tính tham khảo
Đề quan trọng trong các tài liệu HTML.
HTML Headings
Các nhóm được định nghĩa với <h1> để thẻ <h6>.
<h1> xác định tiêu đề quan trọng nhất. <h6> định nghĩa tiêu đề ít quan trọng nhất.
Ví dụ
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Thử nó cho mình »
Lưu ý: Các trình duyệt tự động thêm một số không gian trống (margin) trước và sau khi mỗi nhóm.
Các nhóm là quan trọng
Sử dụng tiêu đề HTML cho nhóm này chỉ. Không sử dụng tiêu đề để làm cho văn bản BIG hoặc đậm.
Công cụ tìm kiếm sử dụng tiêu đề của bạn để chỉ số cấu trúc và nội dung của các trang web của bạn.
Vì người dùng có thể lướt các trang của bạn bằng cách tiêu đề của nó, điều quan trọng là sử dụng các tiêu đề để hiển thị các cấu trúc tài liệu.
Các tiêu đề H1 nên được sử dụng như các đề mục chính, tiếp theo là H2 tiêu đề, sau đó ít quan trọng hơn H3 tiêu đề, và do đó trên.
HTML đường
<hr /> Tag tạo ra một dòng ngang trong một trang HTML.
Các yếu tố giờ có thể được sử dụng để nội dung riêng biệt:
Ví dụ
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
Thử nó cho mình »
HTML Comments
Bình luận có thể được chèn vào trong mã HTML để làm cho nó dễ đọc hơn và dễ hiểu. Được bỏ qua bởi trình duyệt và không được hiển thị.
Bình luận được viết như thế này:
Ví dụ
<!-- This is a comment -->
Thử nó cho mình »
Lưu ý: Có một dấu chấm than sau khi khung khai mạc, nhưng không phải trước khi khung đóng cửa.
HTML Mẹo - Làm thế nào để Xem Nguồn HTML
Bạn đã bao giờ nhìn thấy một trang web và tự hỏi "Hey! Làm thế nào họ làm điều đó?"
Để tìm hiểu, kích chuột phải vào trong trang và chọn "View Source" (IE) hoặc "View Page Source" (Firefox), hoặc tương tự cho các trình duyệt khác. Điều này sẽ mở ra một cửa sổ có chứa các mã HTML của trang.
Ví dụ từ trang này
Tiêu đề
Làm thế nào để hiển thị các đề mục trong một tài liệu HTML.
Ẩn ý kiến
Làm thế nào để chú thích trong mã nguồn HTML.
Dòng ngang
Làm thế nào để chèn một đường thẳng nằm ngang.
HTML Tag Tham khảo
Tài liệu tham khảo tag W3Schools chứa thêm thông tin về các thẻ và thuộc tính của họ.
Bạn sẽ tìm hiểu thêm về các thẻ HTML và các thuộc tính trong các chương tiếp theo của hướng dẫn này.
TagMô tả
<html>Định nghĩa một tài liệu HTML
<body>Định nghĩa cơ thể của tài liệu
<h1> để <h6>Xác định tiêu đề HTML
<hr />Định nghĩa một đường ngang
<->Định nghĩa một lời nhận xét
Các tài liệu HTML được chia thành nhiều đoạn.
HTML khoản
Các đoạn văn được định nghĩa với tag <p>.
Ví dụ
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Thử nó cho mình »
Lưu ý: Các trình duyệt tự động thêm một dòng trống trước và sau khi một đoạn.
Đừng quên Tag End
Hầu hết các trình duyệt sẽ hiển thị HTML một cách chính xác ngay cả khi bạn quên thẻ kết thúc:
Ví dụ
<p>This is a paragraph
<p>This is another paragraph
Thử nó cho mình »
Ví dụ trên sẽ làm việc trong hầu hết các trình duyệt, nhưng không dựa vào nó. Quên thẻ kết thúc có thể tạo ra kết quả bất ngờ hoặc lỗi.
Lưu ý: phiên bản tương lai của HTML sẽ không cho phép bạn bỏ qua các thẻ kết thúc.
HTML ngắt dòng
Sử dụng thẻ <br /> nếu bạn muốn có một ngắt dòng (một dòng mới) mà không bắt đầu một đoạn mới:
Ví dụ
<p>This is<br />a para<br />graph with line breaks</p>
Thử nó cho mình »
<br /> Yếu tố là một phần tử HTML có sản phẩm nào. Nó không có thẻ kết thúc.
<br> <br />
Trong XHTML, XML, các yếu tố không có thẻ kết thúc (thẻ đóng) không được phép.
Thậm chí nếu công trình khoá trong tất cả các trình duyệt, viết <br /> thay vì làm việc tốt hơn trong các ứng dụng XHTML và XML.
HTML Output - Lời khuyên hữu ích
Bạn không thể chắc chắn HTML sẽ được hiển thị như thế nào. Màn hình lớn hay nhỏ, và thay đổi kích thước cửa sổ sẽ tạo ra kết quả khác nhau.
Với HTML, bạn không thể thay đổi sản lượng bằng cách thêm không gian thêm dòng thêm trong mã HTML của bạn.
Các trình duyệt sẽ loại bỏ các không gian phụ và các dòng thêm khi trang được hiển thị. Bất kỳ số lượng dòng được tính là một dòng, và bất kỳ số lượng không gian được tính là một không gian.
Hãy thử nó cho mình
(Ví dụ chứng tỏ một số vấn đề định dạng HTML)
Ví dụ từ trang này
HTML đoạn
Làm thế nào các đoạn văn bản HTML được hiển thị trong một trình duyệt.
Ngắt dòng
Việc sử dụng các ngắt dòng trong một tài liệu HTML.
Bài thơ vấn đề
Một số vấn đề với định dạng HTML.
More Ví dụ
Nhiều đoạn văn
Mặc định hành vi của đoạn văn.
HTML Tag Tham khảo
Tài liệu tham khảo tag W3Schools có chứa thông tin về các yếu tố HTML và các thuộc tính của họ.
TagMô tả
<p>Định nghĩa một đoạn văn
<br />Chèn một ngắt dòng duy nhất
HTML Formatting Download
HTML sử dụng thẻ như <b> và <i> cho đầu ra định dạng, như văn bản in đậm hoặc in nghiêng.
Các thẻ HTML được gọi là thẻ định dạng (xem ở dưới cùng của trang này cho một tài liệu tham khảo đầy đủ).
Thường <strong> ám như <b>, và <em> ám như <i>.
Tuy nhiên, có một sự khác biệt trong ý nghĩa của các thẻ:
<b> hoặc <i> định nghĩa chữ in đậm hoặc in nghiêng.
<strong> hoặc <em> có nghĩa là bạn muốn các văn bản được thực hiện tại một cách mà người sử dụng hiểu là "quan trọng". Hôm nay, tất cả các trình duyệt chính làm cho mạnh mẽ như in đậm và em như chữ in nghiêng. Tuy nhiên, nếu một trình duyệt một ngày muốn để làm cho một văn bản nêu bật với các tính năng mạnh mẽ, nó có thể là chữ thảo ví dụ và không đậm!
Hãy thử nó Yourself - Ví dụ
Định dạng văn bản
Làm thế nào để định dạng văn bản trong một tài liệu HTML.
Định hình nội dung
Làm thế nào để kiểm soát các ngắt dòng và không gian với các từ khóa trước.
"Computer output" thẻ
Sự khác nhau như thế nào "máy tính đầu ra" thẻ sẽ được hiển thị.
Địa chỉ
Làm thế nào để xác định thông tin liên lạc của tác giả / chủ sở hữu của một tài liệu HTML.
Chữ viết tắt và từ viết tắt
Làm thế nào để xử lý các chữ viết tắt và từ viết tắt.
Hướng văn bản
Làm thế nào để thay đổi hướng văn bản.
Báo giá
Làm thế nào để xử lý các trích dẫn dài và ngắn.
Xóa và chèn văn bản
Làm thế nào để đánh dấu văn bản đã xóa và chèn vào.
Download định dạng văn bản HTML
TagMô tả
<b>Định nghĩa chữ in đậm
<big>Xác định văn bản lớn
<em>Xác định văn bản nhấn mạnh
<i>Xác định văn bản in nghiêng
<small>Xác định văn bản nhỏ
<strong>Xác định văn bản mạnh mẽ
<sub>Xác định văn bản subscripted
<sup>Xác định văn bản superscripted
<ins>Xác định văn bản chèn vào
<del>Định nghĩa văn bản đã xóa
HTML "Computer Output Tags
TagMô tả
<code>Xác định văn bản mã máy tính
<kbd>Xác định văn bản bàn phím
<samp>Xác định mẫu mã máy tính
<tt>Định nghĩa teletype văn bản
<var>Định nghĩa một biến
<pre>Xác định văn bản định dạng sẵn
Trích dẫn HTML, Báo giá, Tags Definition
TagMô tả
<abbr>Định nghĩa một từ viết tắt
<acronym>Định nghĩa một từ viết tắt
<address>Xác định các thông tin liên lạc cho các tác giả / chủ sở hữu của một tài liệu
<bdo>Xác định hướng văn bản
<blockquote>Định nghĩa một báo giá dài
<q>Định nghĩa một báo giá ngắn
<cite>Định nghĩa một trích dẫn
<dfn>Định nghĩa một thuật ngữ định nghĩa
Soạn thảo HTML Sử dụng Notepad hoặc TextEdit
HTML có thể được chỉnh sửa bằng cách sử dụng một trình soạn thảo HTML chuyên nghiệp như:
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
Tuy nhiên, đối với việc học HTML, chúng tôi đề nghị một trình soạn thảo văn bản như Notepad (PC) hoặc TextEdit (Mac). Chúng tôi tin rằng bằng cách sử dụng một trình soạn thảo văn bản đơn giản là một cách tốt để học HTML.
Thực hiện theo 4 bước dưới đây để tạo ra trang web đầu tiên của bạn với Notepad.
Bước 1: Bắt đầu Notepad
Để bắt đầu Notepad đi:
Bắt đầu
All Programs
Phụ kiện
Notepad
Bước 2: Chỉnh sửa HTML của bạn với Notepad
Nhập mã HTML của bạn vào Notepad của bạn:
Bước 3: Lưu HTML của bạn
Chọn Save as .. trong menu file của Notepad.
Khi bạn lưu một file HTML, bạn có thể sử dụng hoặc htm hoặc phần mở rộng tập tin html. Không có sự khác biệt, nó là hoàn toàn vào bạn.
Lưu các tập tin trong một thư mục dễ nhớ, như W3Schools.
Bước 4: Chạy HTML trong trình duyệt của bạn
Bắt đầu trình duyệt web của bạn và mở file html của bạn từ menu File Open, hoặc chỉ cần duyệt qua các thư mục và kích đúp vào tập tin HTML của bạn.
Kết quả sẽ nhiều như thế này:
CSS (Cascading Style Sheets) được sử dụng cho các yếu tố phong cách HTML.
Nhìn kìa! Phong cách và màu sắc
Văn bản này là Verdana và đỏ
Văn bản này là trong Times và màu xanh
Văn bản này là 30 điểm ảnh cao
Hãy thử nó cho mình
Hãy thử nó Yourself - Ví dụ
Sử dụng phong cách trong HTML
Làm thế nào để thêm thông tin phong cách vào phần <head>.
Liên kết mà không nhấn mạnh
Làm thế nào để làm cho một liên kết mà không nhấn mạnh, với các thuộc tính phong cách.
Liên kết đến một style sheet bên ngoài
Làm thế nào để sử dụng thẻ <link> để liên kết đến một style sheet bên ngoài.
Styling HTML với CSS
CSS đã được giới thiệu cùng với HTML 4, để cung cấp một cách tốt hơn để các yếu tố kiểu HTML.
CSS có thể được thêm vào HTML trong những cách sau đây:
Inline - bằng cách sử dụng các thuộc tính phong cách trong các phần tử HTML
Nội bộ - bằng cách sử dụng các yếu tố <style> trong phần <head>
Bên ngoài - bằng cách sử dụng một file CSS bên ngoài
Cách ưa thích để thêm CSS vào HTML, CSS cú pháp trong file CSS riêng biệt.
Tuy nhiên, trong hướng dẫn này, HTML, chúng ta sẽ giới thiệu bạn CSS bằng cách sử dụng thuộc tính style. Điều này được thực hiện để đơn giản hóa các ví dụ. Nó cũng làm cho nó dễ dàng hơn để bạn có thể chỉnh sửa mã và thử nó cho mình.
Bạn có thể tìm hiểu tất cả mọi thứ về CSS của chúng tôi Hướng dẫn CSS .
Inline Styles
Một phong cách nội tuyến có thể được sử dụng nếu một phong cách duy nhất là được áp dụng cho một lần xuất hiện của một phần tử.
Để sử dụng các phong cách nội tuyến, sử dụng thuộc tính style trong thẻ có liên quan. Thuộc tính style có thể chứa bất kỳ tài sản nào của CSS. Ví dụ dưới đây cho thấy làm thế nào để thay đổi màu sắc văn bản và lề của một đoạn:
<p>This is a paragraph.</p>
Để tìm hiểu thêm về phong cách trang, hãy truy cập của chúng tôi CSS hướng dẫn .
HTML Style Ví dụ - Màu nền
Thuộc tính background-color định nghĩa màu nền cho một phần tử:
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
</body>
</html>
Thử nó cho mình »
Thuộc tính background-color làm cho thuộc tính bgcolor "cũ" đã lỗi thời.
Hãy thử nó cho mình: Màu nền theo cách cũ
HTML Style Ví dụ - Font, Màu và Kích thước
Gia đình font-màu sắc, và các thuộc tính font-size, định nghĩa các font chữ, màu sắc, và kích thước của văn bản trong một phần tử:
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Thử nó cho mình »
Gia đình font-màu sắc, và các thuộc tính font-size, làm cho tag cũ lỗi thời.
HTML (US) Ví dụ - Text Alignment
Thuộc tính text-align xác định sự liên kết ngang của văn bản trong một phần tử:
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Thử nó cho mình »
Thuộc tính text-align làm cho thẻ <center> cũ đã lỗi thời.
Hãy thử nó cho mình: tập trung nhóm theo cách cũ
Internal Style Sheet
Một phong cách trang nội bộ có thể được sử dụng nếu một tài liệu có một phong cách độc đáo. Phong cách nội bộ được định nghĩa trong phần <head> của một trang HTML, bằng cách sử dụng thẻ <style>, như thế này:
<head>
<style>
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
Style Sheet bên ngoài
Một phong cách trang tính bên ngoài là lý tưởng khi phong cách được áp dụng cho nhiều trang. Với một phong cách trang tính bên ngoài, bạn có thể thay đổi giao diện của một trang web hoàn bằng cách thay đổi một tập tin. Mỗi trang phải liên kết vào bảng mẫu bằng cách sử dụng thẻ <link>. Thẻ <link> đi bên trong phần <head>:
<head>
<link />
</head>
HTML (US) Download
TagMô tả
<style>Xác định thông tin phong cách cho một tài liệu
<link />Xác định mối quan hệ giữa một tài liệu và các tài nguyên bên ngoài
Phản đối thẻ và thuộc tính
Trong HTML 4, thẻ và các thuộc tính được sử dụng tài liệu phong cách. Các thẻ này không được hỗ trợ trong các phiên bản mới hơn của HTML.
Tránh sử dụng các yếu tố <font>, <center>, và <strike> màu sắc và các thuộc tính và bgcolor.
Liên kết được tìm thấy trong gần như tất cả các trang web. Liên kết cho phép người dùng nhấp chuột theo cách của họ từ trang này sang trang khác.
Hãy thử nó Yourself - Ví dụ
HTML liên kết
Làm thế nào để tạo ra các liên kết trong một tài liệu HTML.
(Bạn có thể tìm thêm các ví dụ ở dưới cùng của trang này)
HTML Siêu liên kết (Liên kết)
Một liên kết (hoặc liên kết) là một từ, nhóm từ, hoặc hình ảnh mà bạn có thể nhấp chuột vào nút để chuyển đến một tài liệu mới hoặc bộ phận mới trong tài liệu hiện hành.
Khi bạn di chuyển con trỏ chuột qua một liên kết trong một trang web, mũi tên sẽ biến thành một bàn tay nhỏ.
Liên kết được quy định cụ thể trong HTML bằng cách sử dụng các từ khóa <a>.
Các từ khóa <a> có thể được sử dụng theo hai cách:
Để tạo một liên kết đến tài liệu khác, bằng cách sử dụng thuộc tính href
Để tạo một trang đánh dấu bên trong một tài liệu, bằng cách sử dụng các thuộc tính tên
Liên kết cú pháp HTML
Mã HTML cho một liên kết đơn giản. Nó trông như thế này:
<a> Link text </a>
Thuộc tính href quy định cụ thể các điểm đến của một liên kết.
Ví dụ
<a>Visit W3Schools</a>
mà sẽ hiển thị như thế này: Visit W3Schools
Nhấp vào liên kết này sẽ gửi cho người dùng tới W3Schools '.
Mẹo: "Liên kết văn bản" không phải là văn bản. Nó có thể là một hình ảnh hoặc bất kỳ phần tử HTML khác.
Liên kết HTML - Thuộc tính mục tiêu
Thuộc tính mục tiêu xác định nơi để mở các tài liệu liên kết.
Ví dụ dưới đây sẽ mở tài liệu được liên kết trong một cửa sổ trình duyệt mới hoặc một tab mới:
Ví dụ
<a>Visit W3Schools!</a>
Thử nó cho mình »
Liên kết HTML - Tên thuộc tính
Thuộc tính name xác định tên của một neo.
Thuộc tính tên được sử dụng để tạo ra một trang đánh dấu bên trong một tài liệu HTML.
Lưu ý: Các tiêu chuẩn HTML5 sắp tới cho thấy bằng cách sử dụng thuộc tính id thay vì tên thuộc tính để xác định tên của một neo. Sử dụng thuộc tính id thực sự hoạt động cũng HTML4 trong tất cả các trình duyệt hiện đại.
Bookmarks không được hiển thị trong bất kỳ cách đặc biệt. Họ là vô hình đối với người đọc.
Ví dụ
Anchor được đặt tên trong một tài liệu HTML:
<a>Useful Tips Section</a>
Tạo một liên kết đến "Mục Lời khuyên hữu ích" bên trong cùng một tài liệu:
<a>Visit the Useful Tips Section</a>
Hoặc, tạo một liên kết đến "Mục Lời khuyên hữu ích từ một trang khác:
<a>
Visit the Useful Tips Section</a>
Ghi chú cơ bản - Lời khuyên hữu ích
Lưu ý: Luôn luôn thêm một dấu gạch chéo để tham khảo thư mục con. Nếu bạn liên kết như thế này: href = "http://www.w3schools.com/html", bạn sẽ tạo ra hai yêu cầu đến máy chủ, máy chủ đầu tiên sẽ thêm một dấu gạch chéo để địa chỉ, và sau đó tạo ra một yêu cầu mới như thế này : href = "http://www.w3schools.com/html/".
Mẹo: neo được đặt tên thường được sử dụng để tạo ra "bảng nội dung" ở đầu của một tài liệu lớn. Mỗi chương trong tài liệu đó được cho một anchor được đặt tên, và liên kết với nhau của các neo được đặt ở trên cùng của tài liệu.
More Ví dụ
Một hình ảnh như một liên kết
Làm thế nào để sử dụng một hình ảnh như một liên kết.
Liên kết đến một vị trí trên cùng một trang
Làm thế nào để liên kết đến một địa chỉ.
Thoát ra khỏi một khung
Làm thế nào để thoát ra khỏi một khung (nếu trang web của bạn bị khóa trong một khung).
Tạo một liên kết mailto
Làm thế nào để liên kết đến một tin nhắn mail (sẽ chỉ làm việc nếu bạn có thư cài đặt).
Tạo một liên kết mailto 2
Một liên kết mailto.
HTML liên kết Download
TagMô tả
<a>Định nghĩa một neo
Bạn đang đọc truyện trên: Truyen2U.Pro