VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

HTML Tuts

HTML là gì? Các thẻ HTML Định dạng trong HTML Tiêu đề trong HTML Đoạn văn trong HTML Liên kết trong HTML Ảnh trong HTML Table trong HTML Danh sách trong HTML Danh sách có thứ tự Danh sách không có thứ tự Danh sách mô tả Form trong HTML Thuộc tính Style Comment trong HTML Bảng màu trong HTML Thuộc tính chung trong HTML

Các thẻ HTML

Thẻ HTML Marquee Thẻ HTML Textarea HTML DOCTYPE Thẻ HTML Title Thẻ HTML meta Thẻ HTML Div Thẻ HTML Pre Thẻ HTML Code Thẻ HTML Label Thẻ HTML Input Thẻ HTML Button Thẻ HTML HR Thẻ HTML BR Thẻ HTML Script Thẻ HTML NoScript Thẻ HTML b Thẻ HTML Quotes

Bài học HTML

Text Link trong HTML Image Link trong HTML Email Link trong HTML Frame trong HTML Iframe trong HTML Block trong HTML Thiết lập màu nền (background) trong HTML Màu trong HTML Font trong HTML Thẻ embed - Đa phương tiện trong HTML Tạo chữ chạy (Marquee) trong HTML Style Sheet trong HTML Sử dụng Javascript trong HTML Layout trong HTML Tổng hợp thuộc tính trong HTML Sự kiện (Event) trong HTML Các Font tham khảo trong HTML Mã hóa ASCII trong HTML Bảng ASCII trong HTML Các thực thể HTML Mã hóa URL trong HTML Mã hóa các ngôn ngữ chuẩn ISO trong HTML Mã hóa ký tự trong HTML

Câu hỏi phỏng vấn

Phỏng vấn HTML
1 / 3
❮ ❯

HTML là gì?


HTML là gì?
Định dạng HTML

Nội dung chính

  • HTML là gì?
  • Các đặc điểm của HTML
  • Trình soạn thảo HTML
  • Hiển thị tiếng Việt trong HTML
  • Các trình duyệt web được sử phổ biến

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>
soan-thao-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.

soan-thao-html-luu-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ả:

trang-web-dau-tien

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 browser Chrome
  • chrome browser IE
  • chrome browser Firefox
  • chrome browser Opera
  • chrome browser Safari

Ở Việt Nam có Cốc Cốc

  • chrome browser Cốc Cốc

HTML là gì?
Định dạng HTML

Recent Updates

Liên kết css với htmlMã hóa ký tự trong HTMLMã hóa các ngôn ngữ chuẩn ISO trong HTMLMã hóa URL trong HTMLCác thực thể HTMLBảng ASCII trong HTMLMã hóa ASCII trong HTMLCác Font tham khảo trong HTMLSự kiện (Event) trong HTMLTổng hợp thuộc tính trong HTMLLayout trong HTMLSử dụng Javascript trong HTMLSắp Tết 2026 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2026?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml