Lập trình

Tổng quan về HTML và các cú pháp cơ bản

avatar
Huy Erick
00:27 14/01/2024

HTML (Hyper Text Markup Language) là ngôn ngữ dùng để tạo ra các trang web. Kết hợp với CSS và JavaScript, HTML tạo nên cơ sở cho World Wide Web. Giới thiệu về HTML HTML...

HTML (Hyper Text Markup Language) là ngôn ngữ dùng để tạo ra các trang web. Kết hợp với CSS và JavaScript, HTML tạo nên cơ sở cho World Wide Web.

Giới thiệu về HTML

HTML được cấu tạo bởi các thẻ đóng mở như cặp thẻ <div></div>, thẻ <h1></h1>, và những thẻ không cần thẻ đóng như <img> và <input>. Việc code HTML được thực hiện thông qua nhiều công cụ, trong đó Visual Studio Code là một trong những công cụ phổ biến hiện nay.

Cài đặt và sử dụng phần mềm Visual Studio Code

Để sử dụng Visual Studio Code, bạn cần tải và cài đặt phiên bản phù hợp với hệ điều hành của mình từ trang chủ của Visual Studio Code. Sau khi cài đặt xong, bạn có thể mở giao diện Visual Studio Code và tạo file index.html để bắt đầu code.

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 gồm:

<!DOCTYPE html> <html> <head> <title>Tiêu đề trang web</title> </head> <body> Nội dung trang web </body> </html>
  • Thẻ <!DOCTYPE html> xác định rằng code bạn đang sử dụng là HTML.
  • Cặp thẻ <html></html> chứa toàn bộ code HTML bên trong.
  • Cặp thẻ <head></head> chứa thông tin của trang web, bao gồm thẻ <title></title> để đặt tiêu đề của trang web (mặc định không hiển thị trên trang web).
  • Thẻ <body></body> chứa toàn bộ nội dung của trang web.

Các thẻ thường gặp trong HTML

Trong HTML, chúng ta cũng sử dụng nhiều thẻ khác nhau để tạo hiệu ứng với chữ và định dạng đoạn văn bản. Dưới đây là một số thẻ thường gặp:

  • Thẻ tiêu đề: <h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>, <h5></h5>, <h6></h6>.
  • Thẻ định dạng đoạn văn bản: <p></p>.
  • Thẻ tạo hiệu ứng với chữ: <strong></strong>, <em></em>, <b></b>, <u></u>, <strike></strike>.
  • Thẻ tạo khoảng cách và kẻ đường ngăn cách: <br>, <hr>.
  • Thẻ hình ảnh: <img src="đường dẫn ảnh" alt="nội dung thay thế">.
  • Thẻ liên kết: <a href="đường dẫn/ liên kết">nội dung gắn đường dẫn</a>.
  • Thẻ tạo mẫu điền thông tin: <form></form>.
  • Thẻ nhập thông tin: <input type="text" placeholder="nhập tên các bạn vào đây">.
  • Thẻ nhập văn bản: <textarea cols="100" rows="10" placeholder="nội dung"></textarea>.

Kết luận

Qua bài viết này, chúng ta đã có cái nhìn tổng quan về HTML và các cú pháp cơ bản. Trên cơ sở này, chúng ta sẽ tiếp tục tìm hiểu về CSS và các cú pháp cơ bản của nó. Nếu bạn có bất kỳ thắc mắc hay góp ý nào, hãy để lại bình luận để chúng ta có thể phát triển bài viết tốt hơn.

1