Giới thiệu
HTML (Hyper Text Markup Language) là ngôn ngữ được thiết kế để tạo ra các trang web. Cùng với CSS và JavaScript, HTML là một trong ba nền tảng tạo nên World Wide Web. Trong bài viết này, chúng ta sẽ khám phá tổng quan về HTML và những cú pháp cơ bản của nó.
HTML là gì?
HTML (Hyper Text Markup Language) là ngôn ngữ được thiết kế để tạo nên các trang web. HTML sử dụng các thẻ để đánh dấu và tổ chức nội dung trên trang web. Ví dụ, các thẻ như <div></div>, <h1></h1> được sử dụng để định nghĩa các phần tử trên trang. HTML cũng có thẻ không cần đóng như <img> và <input>. Việc code HTML thường được thực hiện bằng các công cụ như Sublime Text, Bracket, Notepad++ và trong bài viết này, chúng tôi sẽ hướng dẫn sử dụng Visual Studio Code, một trình chỉnh sửa mã mạnh mẽ và tiện dụng.
Cài đặt và sử dụng Visual Studio Code
Để bắt đầu sử dụng Visual Studio Code, bạn hãy truy cập trang chủ Visual Studio Code và tải phiên bản phù hợp với hệ điều hành của bạn. Sau đó, tiến hành cài đặt như bình thường. Mở giao diện Visual Studio Code và tạo file index.html để bắt đầu viết mã.
Cách tạo và cấu trúc cơ bản của một file HTML
Một file HTML cơ bản có cấu trúc như sau:
<!DOCTYPE html> <html> <head> <title>Tên trang web</title> </head> <body> </body> </html>- Thẻ
<DOCTYPE html>xác định rằng code bạn đang sử dụng là HTML. - Thẻ
<html>...</html>chứa toàn bộ nội dung HTML. - Hai thẻ
<head>...</head>chứa thông tin về trang web và thẻ<title>...</title>xác định tiêu đề của trang web, mặc định sẽ không hiển thị trên trang web. - Thẻ
<body>...</body>chứa toàn bộ nội dung HTML sẽ hiển thị trên trang web.
Những thẻ phổ biến trong HTML
Thẻ tiêu đề
HTML có các thẻ tiêu đề từ <h1> đến <h6>, với cấp độ tiêu đề giảm dần. Ví dụ:
<h1>Nội dung tiêu đề</h1> <h2>Nội dung tiêu đề</h2> <h3>Nội dung tiêu đề</h3> <h4>Nội dung tiêu đề</h4> <h5>Nội dung tiêu đề</h5> <h6>Nội dung tiêu đề</h6>Thẻ định dạng đoạn văn bản
Sử dụng thẻ <p>...</p> để định dạng đoạn văn bản trong HTML.
<p>Nội dung đoạn văn bản chứa bên trong</p>Thẻ tạo hiệu ứng với chữ
HTML cung cấp các thẻ để tạo hiệu ứng với chữ như <strong>, <em>, <b>, <u>, <strike>,...
Thẻ hình ảnh và liên kết
Thẻ <img> được sử dụng để hiển thị hình ảnh trên trang web. Có hai thuộc tính quan trọng của thẻ này là src (đường dẫn của ảnh) và alt (văn bản thay thế khi ảnh không tải được).
<img src="đường dẫn hình ảnh" alt="nội dung thay thế"> Thẻ <a> được sử dụng để tạo liên kết tới các trang web khác.
<a href="đường dẫn/liên kết">nội dung gắn đường dẫn</a>Kết luận
Trong bài viết này, chúng ta đã có cái nhìn tổng quan về HTML, cách tạo file HTML và những cú pháp cơ bản của HTML. Trong bài học tiếp theo, chúng ta sẽ tìm hiểu về CSS và các cú pháp cơ bản của CSS. Nếu bạn có bất kỳ khó khăn hoặc thắc mắc nào, hãy để lại bình luận để nhận được sự hỗ trợ từ cộng đồng.
Thảo luận
Nếu bạn gặp khó khăn hoặc có bất kỳ thắc mắc nào về khóa học này, hãy đặt câu hỏi trong phần bình luận bên dưới hoặc trong mục Hỏi & Đáp trên trang web Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.