Phần đầu trong một văn bản HTML hay Thẻ Head trong HTML là phần chứa các thành phần đầu vào của một văn bản HTML. Các thành phần đầu vào như phần tiêu đề , phần định dạng style cho văn bản HTML, phần mã javascript…
Sau đây chúng ta sẽ đi tìm hiểu lần lượt các thẻ thuộc phần head trong HTML trước khi bước đến giai đoạn hoc php.
1. Cặp thẻ <title> </title>
Cặp thẻ title nhằm định nghĩa tiêu đề cho văn bản HTML. Nó được hiển thị trên thanh công cụ và là tiêu đề trang web đó trên kết quả tìm kiếm.
Ví dụ: Tạo một trang web có tiêu đề là “Thế Giới WEB”
2. Thẻ <meta />
Thẻ meta trong HTML thường được dùng để mô tả kiểu văn bản được sử dung, thiết lập ngôn ngữ sử dụng, mô tả website, từ khóa, tác giả… Trên đây là một số công dụng của thẻ meta, ngoài ra thẻ meta còn được thiết lập với nhiều chức năng khác.
Mô tả kiểu văn bản, thiết lập ngôn ngữ cho văn bản.
Mô tả website
Mô tả từ khóa
Mô tả tác giả
3. Cặp thẻ <style></style>
Cặp thẻ style là cặp thẻ khai báo vùng làm việc với CSS (định dạng kiểu cách văn bản) ngay trong văn bản đó.
Ví dụ: Thay đổi màu chữ của nội dung chưa trong cặp thẻ <h1></h1> nằm trong phần <body>
Lưu file với nội dung như trên và chạy trên trình duyệt, chúng ta sẽ thấy chuỗi “Thế Giới WEB” đổi sang màu đỏ.
4. Thẻ <base>
Thẻ base dùng để xác định một địa chỉ hoặc quy định cho tất cả các liên kết trong văn bản HTML.
Xác định một địa:
Xác định một quy định:
Ví dụ: Thiết lập địa chỉ cho tất cả các liên kết về trang “thegioiweb.net.vn” với quy định là các liên kết được mở trong tab mới.
Thẻ link dùng để định nghĩa một mối quan hệ giữa văn bản chứa nó và một văn bản bên ngoài. Thẻ link thường được sử dụng để tạo liên kết với tài liệu CSS.
6. Cặp thẻ <script></script>
Cặp thẻ script dùng để khai báo vùng làm việc của các mã javascript trong văn bản HTML.
Hoặc nó cũng có thể dùng để triệu gọi một file javascript từ bên ngoài vào
Nguồn: the gioi web
Sau đây chúng ta sẽ đi tìm hiểu lần lượt các thẻ thuộc phần head trong HTML trước khi bước đến giai đoạn hoc php.
1. Cặp thẻ <title> </title>
Cặp thẻ title nhằm định nghĩa tiêu đề cho văn bản HTML. Nó được hiển thị trên thanh công cụ và là tiêu đề trang web đó trên kết quả tìm kiếm.
Ví dụ: Tạo một trang web có tiêu đề là “Thế Giới WEB”
<!DOCTYPE HTML>
<html>
<head>
<title>Thế Giới WEB</title>
</head>
</html>
2. Thẻ <meta />
Thẻ meta trong HTML thường được dùng để mô tả kiểu văn bản được sử dung, thiết lập ngôn ngữ sử dụng, mô tả website, từ khóa, tác giả… Trên đây là một số công dụng của thẻ meta, ngoài ra thẻ meta còn được thiết lập với nhiều chức năng khác.
Mô tả kiểu văn bản, thiết lập ngôn ngữ cho văn bản.
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
Mô tả website
<meta name="description" content="HTML căn bản" />
Mô tả từ khóa
<meta name="keywords" content="HTML, CSS" />
Mô tả tác giả
<meta name="author" content="Thế Giới WEB" />
3. Cặp thẻ <style></style>
Cặp thẻ style là cặp thẻ khai báo vùng làm việc với CSS (định dạng kiểu cách văn bản) ngay trong văn bản đó.
Ví dụ: Thay đổi màu chữ của nội dung chưa trong cặp thẻ <h1></h1> nằm trong phần <body>
<!DOCTYPE HTML>
<html>
<head>
<style>
h1{
color:red;
}
</style>
</head>
<body>
<h1>Thế Giới WEB</h1>
</body>
</html>
Lưu file với nội dung như trên và chạy trên trình duyệt, chúng ta sẽ thấy chuỗi “Thế Giới WEB” đổi sang màu đỏ.
4. Thẻ <base>
Thẻ base dùng để xác định một địa chỉ hoặc quy định cho tất cả các liên kết trong văn bản HTML.
Xác định một địa:
<base href="thegioiweb.net.vn" />
Xác định một quy định:
<base target="_blank" />
Ví dụ: Thiết lập địa chỉ cho tất cả các liên kết về trang “thegioiweb.net.vn” với quy định là các liên kết được mở trong tab mới.
<!DOCTYPE HTML>5. Thẻ <link />
<html>
<head>
<base href="http://thegioiweb.net.vn" />
<base target="_blank" />
</head>
<body>
<a href="">Học Thiết Kế Website</a>
<a href="">Học Lập Trình Website</a>
</body>
</html>
Thẻ link dùng để định nghĩa một mối quan hệ giữa văn bản chứa nó và một văn bản bên ngoài. Thẻ link thường được sử dụng để tạo liên kết với tài liệu CSS.
<link rel="stylesheet" type="text/css" href="style.css" />
6. Cặp thẻ <script></script>
Cặp thẻ script dùng để khai báo vùng làm việc của các mã javascript trong văn bản HTML.
<script language="javascript">
// Nội dung mã javascript
</script>
Hoặc nó cũng có thể dùng để triệu gọi một file javascript từ bên ngoài vào
<script language="javascript" type="text/javascript" src="java.js"></script>
Nguồn: the gioi web
0 nhận xét:
Lưu ý: Chỉ thành viên của blog này mới được đăng nhận xét.