Computer >> Máy Tính >  >> Lập trình >> HTML

Khái niệm cơ bản về HTML

Siêu văn bản đề cập đến cách mà các trang Web (tài liệu HTML) được liên kết với nhau. Do đó, liên kết có sẵn trên một trang web được gọi là Siêu văn bản. Như tên gọi của nó, HTML là Ngôn ngữ đánh dấu có nghĩa là bạn sử dụng HTML để đơn giản "đánh dấu" tài liệu văn bản bằng các thẻ cho trình duyệt Web biết cách cấu trúc nó để hiển thị. Nó là viết tắt của Hypertext Markup Language và là ngôn ngữ được sử dụng rộng rãi nhất để viết các Trang Web.

HTML5 là bản sửa đổi lớn tiếp theo của tiêu chuẩn HTML thay thế cho HTML 4.01, XHTML 1.0 và XHTML 1.1. HTML5 là một tiêu chuẩn để cấu trúc và trình bày nội dung trên World Wide Web. Tiêu chuẩn mới kết hợp các tính năng như phát lại video và kéo và thả mà trước đây phụ thuộc vào các plugin trình duyệt của bên thứ ba như Adobe Flash, Microsoft Silverlight và Google Gears.

HTML Doctype

Bất cứ khi nào bạn tạo tài liệu HTML, loại tài liệu là thứ đầu tiên được đặt trong tài liệu. Nó truyền tải trình duyệt web về phiên bản của HTML, trang này được viết trên. Nó không phân biệt chữ hoa chữ thường.

Loại tài liệu HTML5

<!DOCTYPE html>

Mã hóa ký tự HTML

Thuộc tính bộ ký tự trong HTML được sử dụng với để chỉ định mã hóa ký tự.

Sau đây là cú pháp -

<meta charset="char_set">

Ở trên, char_set là bộ ký tự để chỉ định mã hóa ký tự của tài liệu HTML.

Bây giờ chúng ta hãy xem một ví dụ để chỉ định mã hóa ký tự -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
</head>
<body>
<h2>Example</h2>
<p>We have added demo text:<p>
<textarea rows = "4" cols = "50">
Here, we are mentioned the demo content. This is just to display an example of charset in an HTML document.
</textarea><br>
<button type = "button">Previous</button>
<button type = "button">Next</button>
</body>
</html>

Đầu ra

Khái niệm cơ bản về HTML

Tiêu đề HTML

Bất kỳ tài liệu nào cũng bắt đầu bằng một tiêu đề. Bạn có thể sử dụng các kích thước khác nhau cho các tiêu đề của mình. HTML cũng có sáu cấp độ tiêu đề, sử dụng các phần tử

,

,

,

,

. Trong khi hiển thị bất kỳ tiêu đề nào, trình duyệt sẽ thêm một dòng trước và một dòng sau tiêu đề đó.

Phần tử HTML

Một phần tử HTML được xác định bởi một thẻ bắt đầu. Nếu phần tử chứa nội dung khác, phần tử đó sẽ kết thúc bằng thẻ đóng, trong đó tên phần tử được đặt trước bằng dấu gạch chéo lên phía trước

Thuộc tính HTML

Một thuộc tính được sử dụng để xác định các đặc điểm của phần tử HTML và được đặt bên trong thẻ mở của phần tử. Tất cả các thuộc tính được tạo thành từ hai phần - tên và giá trị. Ví dụ -

<canvas id=”newCanvas” width=”400” height=”300”>

Các ví dụ khác bao gồm -

<img alt = ”alternate text”>

Theo tiêu chuẩn HTML5, việc bao gồm các dấu ngoặc kép xung quanh một thuộc tính là không bắt buộc, nhưng luôn luôn là một phương pháp hay để bao gồm các dấu ngoặc kép.

Định dạng HTML

Định dạng có nghĩa là cách chúng ta có thể định dạng văn bản trên trang web bằng HTML. Nó bao gồm văn bản in đậm, văn bản in nghiêng, văn bản gạch ngang, đánh dấu văn bản, v.v. Hãy để chúng tôi xem một ví dụ -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h2>Tags for formatting text in HTML</h2>
<strong>Strong text</strong><br>
<b>Bold text</b><br>
<em>Emphasized text</em><br>
<i>Italic Text</i><br>
<mark>Highlighted text</mark>
</body>
</html>

Đầu ra

Khái niệm cơ bản về HTML

Nhận xét HTML

Nhận xét HTML được đặt giữa các thẻ . Vì vậy, bất kỳ nội dung nào được đặt với thẻ sẽ được coi là nhận xét và sẽ bị trình duyệt bỏ qua hoàn toàn.