Từ điển máy tính định nghĩa HTML (Ngôn ngữ đánh dấu siêu văn bản) có nghĩa là bao gồm các liên kết, thông tin và thuật ngữ có liên quan.

Bạn đang xem : mã html là gì

HTML

Được phát triển lần đầu tiên bởi Tim Berners-Lee vào 1990 , HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản < / b>. HTML được sử dụng để tạo tài liệu điện tử (được gọi là trang) được hiển thị trên World Wide Web . Mỗi trang chứa một số kết nối đến các trang khác được gọi là siêu liên kết . Mỗi trang web bạn thấy đều được viết bằng một phiên bản HTML.

Mã HTML đảm bảo định dạng văn bản và hình ảnh phù hợp cho trình duyệt Internet của bạn. Nếu không có HTML, trình duyệt sẽ không biết cách hiển thị văn bản dưới dạng phần tử hoặc tải hình ảnh hoặc các phần tử khác. HTML cũng cung cấp cấu trúc cơ bản của trang, trên đó Trang tính kiểu xếp tầng được phủ lên để thay đổi giao diện của trang. Người ta có thể nghĩ HTML là phần xương (cấu trúc) của một trang web và CSS là phần da (diện mạo) của nó.

Thẻ HTML trông như thế nào?

Như được hiển thị trong ví dụ về thẻ HTML ở trên, không có nhiều thành phần. Hầu hết các thẻ HTML đều có thẻ mở chứa tên thẻ, thẻ thuộc tính , thẻ đóng chứa dấu gạch chéo lên và tên thẻ đang được đóng. Đối với các thẻ không có thẻ đóng như & lt; img & gt; , cách tốt nhất là kết thúc thẻ bằng dấu gạch chéo lên.

Hầu hết các thẻ đều nằm trong dấu ngoặc nhọn nhỏ hơn lớn hơn và mọi thứ giữa thẻ mở và thẻ đóng đều được hiển thị hoặc bị ảnh hưởng bởi nhãn. Trong ví dụ trên, thẻ & lt; a & gt; đang tạo một liên kết có tên “Computer Hope” trỏ đến tệp hope.html.

Mẹo

Xem trang HTML và trợ giúp Thiết kế web của chúng tôi để biết danh sách đầy đủ các thẻ HTML.

HTML trông như thế nào?

Dưới đây là ví dụ về trang web cơ bản được viết bằng HTML với mô tả về từng phần và chức năng của nó.

 & lt;! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Chuyển tiếp // EN" "https://www.w3.org/TR/html4/loose.dtd"> ;
& lt; html & gt;
 & lt; đầu & gt;
  & lt; title & gt; Trang mẫu & lt; / title & gt;
  & lt; meta http-equiv = "Content-Type" content = "text / html; charset = windows-1252" & gt;
 & lt; / head & gt;
 & lt; body & gt;
  & lt; h1 & gt; Đây là tiêu đề & lt; / h1 & gt;
  & lt; p & gt; Đây là & lt; b & gt; ví dụ & lt; / b & gt; của một trang HTML cơ bản. & lt; / p & gt;
 & lt; / body & gt; 
& lt; / html & gt;

Hộp bên trên chứa các thành phần chính của một trang web cơ bản. Dưới đây là giải thích chi tiết hơn về từng dòng.

  1. Dòng DOCTYPE mô tả phiên bản HTML mà trang được viết để trình duyệt Internet có thể diễn giải văn bản sau đó.
  2. Thẻ mở & lt; html & gt; cho phép trình duyệt biết rằng trình duyệt đang đọc mã HTML.
  3. Phần & lt; head & gt; chứa thông tin về trang, chẳng hạn như tiêu đề , thẻ meta và vị trí đặt < tệp span> CSS .
  4. Phần & lt; body & gt; chứa mọi thứ có thể xem được trên trình duyệt. Ví dụ: tất cả văn bản nhìn thấy ở đây đều được chứa trong các thẻ body.
  5. Thẻ & lt; h1 & gt; là tiêu đề hiển thị của trang.
  6. Thẻ & lt; p & gt; là một đoạn văn bản. Hầu hết các trang web (như trang này) đều có một số thẻ đoạn văn.
  7. Có trong đoạn văn là thẻ & lt; b & gt; in đậm từ ví dụ trong đoạn văn.
  8. Cuối cùng, các thẻ đóng bao bọc từng thẻ ở trên.
  • Xem HTML và trợ giúp Thiết kế web của chúng tôi để biết danh sách đầy đủ các thẻ HTML.
Xem Thêm  Đưa đầu vào từ biểu mẫu HTML sang Javascript? - dạng html sang javascript

HTML5 là gì?

HTML5 là bản cập nhật được tạo cho HTML từ HTML4 ( XHTML tuân theo sơ đồ đánh số phiên bản khác). Nó sử dụng các quy tắc cơ bản tương tự như HTML4, nhưng thêm một số thẻ và thuộc tính mới cho phép ngữ nghĩa tốt hơn và cho các phần tử động được kích hoạt bằng cách sử dụng JavaScript . Các yếu tố mới bao gồm: & lt; article & gt; , & lt; sang một bên & gt; , & lt; audio & gt; , & lt; bdi & gt; , & lt; canvas & gt; , & lt; datalist & gt; , & lt; chi tiết & gt; , & lt; nhúng & gt; , & lt; figure & gt; , & lt; figcaption & gt; , & lt; footer & gt; , & lt; header & gt; , & lt; keygen & gt; , & lt; mark & ​​gt; , & lt; mét & gt; , & lt; nav & gt; , & lt; đầu ra & gt; , & lt; tiến trình & gt; , & lt; rp & gt; , & lt; rt & gt; , & lt; ruby ​​& gt; , & lt; time & gt; , & lt ; theo dõi & gt; , & lt; video & gt; & lt; wbr & gt; . Ngoài ra còn có các loại đầu vào mới cho biểu mẫu , bao gồm điện thoại, tìm kiếm, url, e-mail, datetime, ngày, tháng, tuần, thời gian, datetime-local, số, phạm vi và màu sắc. < / p>

Với phong trào ngày càng tăng để giữ cấu trúc và kiểu riêng biệt, một số yếu tố tạo kiểu đã bị loại bỏ. Ngoài ra, các thẻ có vấn đề về khả năng tiếp cận hoặc ít được sử dụng cũng đã bị xóa. Các phần tử sau sẽ không còn được sử dụng trong mã HTML: & lt; từ viết tắt & gt; , & lt; applet & gt; , & lt; basefont & gt; , & lt; lớn & gt; , & lt; center & gt; , & lt; dir & gt; , & lt; font & gt; , & lt ; khung & gt; , & lt; khung & gt; , & lt; noframes & gt; , & lt; đình công & gt; , và & lt; tt & gt; . HTML5 cũng đơn giản hóa việc khai báo loại tài liệu cho thẻ trong hộp sau.

 & lt;! doctype html & gt; 

HTML5 trông như thế nào?

Như được hiển thị bên dưới, mã HTML5 rất giống với ví dụ HTML4 trước đó, nhưng rõ ràng hơn và có thẻ doctype đã được sửa đổi.

 & lt;! doctype html & gt;
& lt; html & gt;
 & lt; đầu & gt;
  & lt; meta charset = "utf-8" & gt;
  & lt; title & gt; Trang mẫu & lt; / title & gt;
 & lt; / head & gt;
 & lt; body & gt;
  & lt; h1 & gt; Đây là tiêu đề & lt; / h1 & gt;
  & lt; p & gt; Đây là ví dụ về trang HTML cơ bản. & lt; / p & gt;
 & lt; / body & gt;
& lt; / html & gt; 

Cách tạo và xem HTML

Vì HTML là ngôn ngữ đánh dấu, nó có thể được tạo và xem trong bất kỳ trình soạn thảo văn bản nào nếu được lưu bằng đuôi hoặc tệp . Tuy nhiên, hầu hết đều thấy việc thiết kế và tạo trang web bằng HTML dễ dàng hơn bằng cách sử dụng HTML editor .

Xem Thêm  Ngôn ngữ lập trình C, C++ VÀ C# KHÁC NHAU NHƯ THẾ NÀO? - ngôn ngữ c++

Khi tệp HTML được tạo, nó có thể được xem cục bộ hoặc được tải lên máy chủ web để xem trực tuyến bằng trình duyệt .

Phần mở rộng tệp nào được sử dụng với HTML?

Tệp HTML sử dụng phần mở rộng tệp .htm hoặc .html . Các phiên bản Windows cũ hơn (Windows 3.x) chỉ cho phép phần mở rộng tệp gồm ba ký tự, vì vậy họ đã sử dụng .htm thay vì .html. Tuy nhiên, cả hai phần mở rộng tệp đều có cùng ý nghĩa và có thể được sử dụng ngày nay. Như đã nói, chúng tôi khuyên bạn nên tuân theo một quy ước đặt tên vì một số máy chủ web nhất định có thể thích một tiện ích mở rộng hơn tiện ích mở rộng kia.

Lưu ý

Các trang web được tạo bằng ngôn ngữ tập lệnh như Perl , PHP hoặc Python có ngôn ngữ khác mặc dù chúng chỉ hiển thị HTML trong mã nguồn.

HTML có phải là ngôn ngữ lập trình không?

Không. HTML không phải là một ngôn ngữ lập trình; đó là một ngôn ngữ đánh dấu. Xem trang ngôn ngữ đánh dấu của chúng tôi để so sánh giữa ngôn ngữ lập trình và ngôn ngữ đánh dấu.

Cách phát âm HTML

HTML được phát âm là ().

Mẹo

Do có nguyên âm khi phát âm HTML, bạn sẽ sử dụng “an” thay vì “a” trước chữ viết tắt trong bài viết của mình.

ASP , cHTML , Từ viết tắt của máy tính , & lt; html & gt; , Trình xác thực HTML , điều khoản Internet , Đánh dấu , Ngôn ngữ đánh dấu , Điều khoản lập trình , Public_html , điều khoản SEO , Nguồn , thiết kế web , Điều khoản thiết kế web , XML


Xem thêm những thông tin liên quan đến chủ đề mã html là gì

Code Dạo Dễ Òm – Tuốt tuồn tuột về front-end (HTML, CSS, JS, framework)

  • Tác giả: Phạm Huy Hoàng
  • Ngày đăng: 2019-03-26
  • Đánh giá: 4 ⭐ ( 1635 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Khóa học front-end bên Cybersoft: https://bit.ly/codedao-front

    Kì này, mình sẽ chía sẻ tuốt tuồn tuột những thứ bạn nên biết về web front-end nha:
    1. Ôn lại kiến thức cũ
    2. HTML hiển thị ra sao
    3. Ví dụ về CSS
    4. Giới thiệu sơ về JavaScript và AJAX
    5. Phân biệt Server Side Rendering và Client Side Rendering
    6. Ngành front-end, mức lương và các công nghệ trong ngành

    Bài viết liên quan:
    – Lược sử ngành web: https://toidicodedao.com/2018/07/17/lap-trinh-web-front-end-da-thay-doi-nhu-the-nao-sau-10-nam-phan-1/
    – SSR vs CSR: https://toidicodedao.com/2018/09/11/su-khac-biet-giua-server-side-rendering-va-client-side-rendering/

    Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer – lập trình viên thứ thiệt.
    Nhớ ghé thăm và subscrible channel để xem clip mới vào 8H TỐI T3 VÀ T6 hàng tuần nha!

    Ghé thăm mình tại:
    Blog: https://toidicodedao.com/
    Fanpage: https://www.facebook.com/toidicodedao/

HTML là gì ? Cấu trúc của đoạn mã HTML

  • Tác giả: theanhgroup.com
  • Đánh giá: 5 ⭐ ( 5661 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Khi bạn mới làm quen đến lập trình website thì ngôn ngữ đầu tiên bạn phải quan tâm đó chính là HTML, và sau đó thì bạn mới học thêm CSS để tạo ra những giao diện website…

HTML là gì ? Tìm hiểu về HTML

  • Tác giả: lamweb.vn
  • Đánh giá: 3 ⭐ ( 3899 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: HTML là gì ? Đây là một dạng mã code được các lập trình sử dụng để xây dựng và cấu trúc lại các thành phần có trong website. Mỗi website …

HTML là gì? Các kiến thức cơ bản nhất về HTML phải biết

  • Tác giả: nq.com.vn
  • Đánh giá: 5 ⭐ ( 6829 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

HTML Là Gì? HTML CSS Và Kiến Thức Tổng Quan Bạn Cần Nắm Rõ

  • Tác giả: hostingviet.vn
  • Đánh giá: 4 ⭐ ( 8443 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Html Là Gì ? Cấu Trúc Của Đoạn Mã Html Là Gì ? Bổ Cục Html Của Một Trang Web

  • Tác giả: christmasloaded.com
  • Đánh giá: 5 ⭐ ( 5874 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Với lập trình viên hoặc ai làm việc thường xuyên với trình duyệt web thì HTML là từ ngữ không hề xa lạ, Vậy, HTML có phải là ngôn ngữ lập trình không? Chúng thực chất được định nghĩa như thế nào? Cùng Got It tìm hiểu câu trả lời ngay sau đây

HTML là gì? Nền tảng lập trình web cho người mới bắt đầu

  • Tác giả: wiki.matbao.net
  • Đánh giá: 4 ⭐ ( 2385 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: HTML là gì? HTML viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng để xây dựng và cấu trúc lại các thành phần có trong website

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Các hàm trong Python - Giải thích với các ví dụ về mã - ví dụ về hàm trong python

By ads_php