Nội dung chính
HTML là gì?
HTML là viết tắt của từ Hyper Text Markup Language, có nghĩa là ngôn ngữ đánh dấu siêu văn bản. HTML được sử dụng để định dạng và hiển thị văn bản trên trình duyệt tới người sử dụng. Nó là xương sống của một trang web.
Vậy thì Hyper Text và Markup Language là gì?
Hyper Text: siêu văn bản có nghĩa là "văn bản trong văn bản". Một văn bản có chứa một liên kết (link) là một siêu văn bản. Mỗi lần bản click vào một từ từ đó đưa bạn tới một trang web mới, đó là siêu văn bản.
Markup Language: ngôn ngữ đánh dấu là một ngôn ngữ lập trình được sử dụng để giúp văn bản dễ tương tác và linh động hơn. Nó có thể đặt văn bản vào trong các ảnh, bảng, liên kết...
Một tài liệu HTML chưa nhiều thẻ HTML và mỗi thẻ HTML chứa các nội dung khác nhau.
Ví dụ, một trang web chuẩn thì có chứa các thẻ HTML như sau:
<!DOCTYPE>
<html>
<head>
<!--
Thông tin cơ bản của trang web
và các liên kết đến css, javascript
-->
</head>
<body>
<!-- Nội dung trang web -->
</body>
</html>
Trong đó, thẻ <head> chứa thông tin được ẩn (không hiển thị lên trình duyệt) bao gồm thông tin cơ bản và các liên kết đến file css, javascript, ... Còn thẻ <body> chưa thông tin bạn muốn hiển thị lên trình duyệt.
Các đặc điểm của HTML
1. Đây là một ngôn ngữ rất dễ dàng và đơn giản.
2. Rất dễ dàng để trình bày hiệu quả với HTML vì nó có nhiều thẻ định dạng.
3. Đây là một ngôn ngữ đánh dấu vì vậy có thể sử dụng nó một cách linh hoạt để thiết kế trang web cùng với văn bản.
4. Có thể liên kết đến các trang web khác.
5. Là một nền tảng độc lập vì nó có thể hiển thị trên bất kỳ nền tảng nào khác như Windows, Linux và Max.
6. Có thể thêm các hình ảnh, video, âm thanh vào các trang web khiến nó hấp dẫn và dễ tương tác hơn.
Trình soạn thảo HTML
Trang web có thể được tạo ra và chỉnh sửa bởi trình soạn thảo HTML chuyên nghiệp. Tuy nhiên để học HTML bạn nên sử dụng trình soạn thảo văn bản đơn giản ví dụ như Notepad (Window), TextEdit (Mac), hoặc pro hơn chút như notepad++.
Sau đây là các bước để sử dụng Notepad (trên Window)
Bước 1. Open Notepad
Ở thư mục hiện tại click chuột phải --> New --> Text Document --> file New Text Document.txt được tạo ra.
Mở file New Text Document.txt: chọn file New Text Document.txt --> click chuột phải --> Open With --> Notepad
Bước 2. Viết HTML
<!DOCTYPE html>
<html>
<body>
<h1>Tiêu đề đầu tiên</h1>
<p>Đoạn văn đầu tiên.</p>
</body>
</html>
Bước 3: Lưu trang web
Chọn File --> Save As
Nhập file name: index.html
Chọn Save as type: All files (*.*)
Chọn Encoding: UTF-8
Click Save để lưu file.
Bước 4: Hiển thị trang HTML vừa tạo ở trên
Để mở file HTML vừa lưu ở trên, bạn double click vào file đó hoặc click chuột phải --> Open with --> Chọn browser (trình duyệt web) bạn muốn mở.
Kết quả:
Hiển thị tiếng Việt trong HTML
Để hiển thị tiếng Việt trong HTML, bạn cần phải cài đặt encoding là UTF-8 với cú pháp như sau:
<head>
<meta charset="UTF-8">
</head>
Các trình duyệt web được sử phổ biến
Phổ biến trên thế giới
-
Chrome -
IE -
Firefox -
Opera -
Safari
Ở Việt Nam có Cốc Cốc
-
Cốc Cốc
