Tổng quan về HTML

Giới Thiệu tổng quan về HTML. Làm quen với các Khái niệm cơ bản, thẻ (tag), thuộc tính (attribute) HTML

Khái niệm HTML

HTML (Hyper Text Markup Language) là ngôn ngữ đánh dấu siêu văn bản, HTML là ngôn ngữ đánh dấu cơ bản để tạo ra các trang web.

  • HTML là ngôn ngữ đánh dấu siêu văn bản.
  • HTML là ngôn ngữ đánh dấu cơ bản để tạo ra các website.
  • HTML bao gồm một loạt các thuộc tính (element).
  • Phần tử HTML (HTML element) báo cho trình duyệt cách hiển thị nội dung văn bản
  • Phần tử HTML gắn nhãn cho các đoạn nội dung như : tiêu đề, văn bản, đường dẫn, hình ảnh, bảng biểu, danh sách, …

Website tĩnh

Website tĩnh là trang web mà nội dung của nó được ghi vào các file (có phần mở rộng là .htm hoặc .html) và lưu trực tiếp trong hệ thống file lưu trữ của máy chủ. Các trình duyệt truy cập vào các file này để đọc nội dung và hiển thị ra màn hình.

Website động

Website động là trang web mà nội dung trả về cho trình duyệt được sinh ra bởi một ứng dụng ở máy chủ (như PHP, .NET, Node Js …).

Siêu văn bản

Siêu văn bản là khái niệm chỉ ra sự liên kết giữa các trang văn bản, một nội dung văn bản HTML có chứa liên kết đến các trang khác trên cùng hệ thống hoặc đến các trang trên hệ thống website khác.

Phần tử HTML 

Một văn bản HTML được tạo từ một loạt các phần tử HTML, một phần tử html cơ bản được tạo từ các thẻ: bắt đầu bằng mở thẻ <tên-thẻ> , ở giữa là nội dung thẻ , kết thúc bằng đóng thẻ </tên-thẻ>

ví dụ: <h1> Hello World !</h1>

 Tên thẻ không phân biệt hoa thường

Tên thẻ không phân biệt ký tự viết hoa hay viết thường nhưng chúng ta hay dùng ký tự  viết thường

Phần tử lồng nhau

Phần tử lồng nhau nghĩa là một phần tử HTML có thể chứa các phần thử HTML khác.

ví dụ:

<html>
	<head>
		<meta charset="UTF-8">
        <title>Phần tử HTML</title>
    </head>
	<body>
		<h1> Xin chào các bạn </h1>
		<p> Đây là ví dụ về các phần tử HTML lồng nhau </p>
	<body>
</html>

Lưu ý:

Có một số phần tử HTML chỉ có thẻ mở mà không có thẻ đóng như <br />, <hr />, <meta />, <img />, <link />, <base /> … được gọi là các phần tử rỗng

Thuộc tính HTML

Các thuộc tính dùng để thiết lập thêm thông tin cho các thẻ (phần tử) , các thuộc tính này được khai báo ở phần mở thẻ và ở ngay sau tên thẻ <tên-thẻ tên-thuộc tính-1="giá trị thuộc tính 1" tên-thuộc-tính-2="giá trị 2" … >

ví dụ: <h1 class="title" color="red"> Xin chào </h1>

 

Website động là gì?

Website động là trang web mà nội dung trả về cho trình duyệt được sinh ra bởi một ứng dụng ở máy chủ (như PHP, .NET, Node Js …).

Website tĩnh là gì?

Website tĩnh là trang web mà nội dung của nó được ghi vào các file (có phần mở rộng là .htm hoặc .html) và lưu trực tiếp trong hệ thống file lưu trữ của máy chủ. Các trình duyệt truy cập vào các file này để đọc nội dung và hiển thị ra màn hình.

HTML là gì?

HTML viết tắt của Hyper Text Markup Language, là ngôn ngữ đánh dấu siêu văn bản dùng để trình bày một trang web.