Ngôn ngữ html là gì? Giải thích rõ về ngôn ngữ Markup Hypertext

HTML là gì?

HTML là chữ viết tắt của Hypertext Markup Language. Nó giúp người dùng tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, links, blockquotes, vâng vâng.

HTML không phải là ngôn ngữ lập trình, đồng nghĩa với việc nó không thể tạo ra các chức năng “động” được. Nó chỉ giống như Microsoft Word, dùng để bố cục và định dạng trang web.

Khi làm việc với HTML, chúng ta sẽ sử dụng cấu trúc code đơn giản (tags và attributes) để đánh dấu lên trang web. Ví dụ, chúng ta có thể tạo một đoạn văn bằng cách đặt văn bản vào trong cặp tag mở và đóng văn bản <p> và </p>

<p>Đây là cách bạn thêm đoạn văn trong HTML.</p>
<p>Bạn có thể thêm nhiều đoạn văn!</p>

Tổng quan, HTML là ngôn ngữ markup, nó rất trực tiếp dễ hiểu, dễ học, và tất cả mọi người mới đều có thể bắt đầu học nó để xây dựng website. Sau đây là những gì bạn sẽ được tìm hiểu trong bài viết này:

HTML hoạt động như thế nào?

HTML documents là files kết thúc với đuôi .html hay .htm. Bạn có thể xem chúng bằng cách sử dụng bất kỳ trình duyệt web nào (như Google Chrome, Safari, hay Mozilla Firefox). Trình duyệt đọc các files HTML này và xuất bản nội dung lên internet sao cho người đọc có thể xem được nó.

Thông thường, trung bình một web chứa nhiều trang web HTML, ví dụ như: trang chủ, trang about, trang liên hệ, tất cả đều cần các trang HTML riêng.

Mỗi trang HTML chứa một bộ các tag (cũng được gọi là elements), bạn có thể xem như là việc xây dựng từng khối của một trang web. Nó tạo thành cấu trúc cây thư mục bao gồm section, paragraph, heading, và những khối nội dung khác.

Hầu hết các HTML elements đều có tag mở và tag đóng với cấu trúc như <tag></tag>.

Bên dưới, bạn có thể xem code ví dụ của một trang HTML được cấu trúc như thế nào:

<div>
<h1>The Main Heading</h1>
<h2>A catchy subheading</h2>
<p>Paragraph one</p>
<img src="/" alt="Image">
<p>Paragraph two with a <a href="https://example.com">hyperlink</a></p>
</div>

Element ngoài cùng là bộ tag division (<div></div>), dùng để mark up cho phần nội dung lớn.

Nó bao gồm một tag tiêu đề (<h1></h1>), một tag subheading (<h2></h2>), 2 văn bản (<p></p>), và một bước hình (<img>).

Đoạn văn thứ 2 chứa tag chứa link (<a></a>) với attribute href chứa địa chỉ URL đích.

Tag hình ảnh cũng có 2 attribute: src cho ảnh, và alt cho mô tả của hình.

Tổng quan của các tag thông dụng nhất của HTML

HTML tags có 2 loại chính: block-level và inline tags.

Elements Block-level sẽ sử dụng toàn không gian trang web và luôn bắt đầu dòng mới của trang web. Headings và paragraph là những ví dụ chính của block tags.

Inline elements chỉ chiếm phần nhỏ không gian web và không bắt đầu dòng mới của trang web. Chúng thường dùng để định dạng nội dung bên trong của block level elements. Links và những tag nhấn mạnh là những tag inlines phổ biến.

Block-Level Tags

3 block level tags của mỗi trang HTML cần có những tag như là <html>, <head>, và <body>.

1. Tag <html></html> là element cao nhất dùng để đóng gói mỗi trang HTML.

2. Tag <head></head> chứa các thông tin meta như là tiêu đề trang và charset.

3. Cuối cùng, <body></body> tag dùng để đóng gói tất cả nội dung sẽ hiện trên trang.

<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>

Có tất cả 6 cấp độ trong HMTL, trải dài từ <h1></h1> tới <h6></h6>, h1 là cấp heading cao nhất và h6 là thấp nhất. Văn bản được đặt trong tag <p></p>, nhưng blockquotes thì sử dụng<blockquote></blockquote>.

Divisions là những khu vực lớn, chứa nhiều paragraph, images, blockquotes, và các yếu tố khác. Chúng ta có thể đánh dấu chúng bằng cách sử dụng <div></div>. Div element cũng có thể chứa div tag khác bên trong nó.

Bạn cũng có thể dùng tag <ol></ol> cho danh sách theo thứ tự và <ul></ul> cho danh sách không theo thứ tự. Danh sách cần được được đặt trong tag <li></li>. Ví dụ, đây là cách hiển thị của một danh sách không theo thứ tự trong HTML:

<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

Inline Tags

Có nhiều inline tags được dùng để định dạng văn bản. Ví dụ như, tag <strong></strong> sẽ định dạng chữ in đậm, trong khi đó tag <em></em> sẽ định dạng chữ in nghiên.

Hyperlinks cũng là yếu tố element mà cần tag <a></a> và attributes href để xác định link cụ thể:

<a href="https://example.com/">Click me!</a>

Ảnh cũng là element inline. Bạn có thể thêm ảnh bằng cách sử dụng tag <img> mà không cần tag đóng. Nhưng bạn cũng cần sử dụng attribute src để xác định nguồn ảnh, ví dụ như:

<img src="/images/example.jpg" alt="Example image">

Bình luận

Thiết kế website Áo dài 1

Thiết kế website Audio 3

Thiết kế website Ba lô - Túi xách 1

Thiết kế website Bán chè 1

Thiết kế website Băng keo 1

Thiết kế website Bao bì 3

Thiết kế website Bảo hiểm 1

Thiết kế website Bảo vệ 2

Thiết kế website Bất động sản 10

Thiết kế website Bê tông 1

Thiết kế website Bệnh viện - Phòng khám 1

Thiết kế website Bồn nước 1

Thiết kế website Bột đá 1

Thiết kế website Cà Phê 1

Thiết kế website Camera 2

Thiết kế website Cho thuê nhà xưởng kho bãi 1

Thiết kế website Cho thuê văn phòng 1

Thiết kế website Cơ Khí 2

Thiết kế website Cổng Tự Động 1

Thiết kế website Cửa cuốn 1

Thiết kế website Dầu nhớt 1

Thiết kế website Dịch vụ chuyển nhà 1

Thiết kế website Dịch vụ giặt ủi 1

Thiết kế website Dịch vụ kế toán 1

Thiết kế website Dịch vụ vệ sinh 1

Thiết kế website Du lịch 1

Thiết kế website Ép cọc bê tông 2

Thiết kế website Gas 1

Thiết kế website Gia phả 1

Thiết kế website Gia sư 1

Thiết kế website Giàn phơi quần áo 1

Thiết kế website Giày 1

Thiết kế website Giới thiệu công ty 1

Thiết kế website Golf 1

Thiết kế website Hải sản 1

Thiết kế website Hàng xách tay 1

Thiết kế website Homestay 1

Thiết kế website Huấn luyện đại bàng 1

Thiết kế website In ấn 1

Thiết kế website Inox 1

Thiết kế website Kệ sắt 1

Thiết kế website Kẽm 1

Thiết kế website Khắc Laser - Quảng cáo CNC 1

Thiết kế website Khách sạn 1

Thiết kế website Khẩu trang 1

Thiết kế website Kiến trúc xây dựng 2

Thiết kế website Lông Mi 1

Thiết kế website Luật sư 1

Thiết kế website Luyện thi chứng chỉ 1

Thiết kế website Luyện thi đại học 1

Thiết kế website Mái hiên 1

Thiết kế website Mạng viễn thông 2

Thiết kế website Massage 1

Thiết kế website Mắt kính 2

Thiết kế website Máy ảnh 1

Thiết kế website Máy công cụ 1

Thiết kế website Máy lọc nước 1

Thiết kế website Máy nghiền đá 1

Thiết kế website Máy tính 1

Thiết kế website Môi trường 1

Thiết kế website Mỹ nghệ 1

Thiết kế website Mỹ phẩm 3

Thiết kế website Nghệ thuật nhiếp ảnh 1

Thiết kế website Nhà hàng 1

Thiết kế website Nhà hàng tiệc cưới 1

Thiết kế website Nha khoa 1

Thiết kế website Nhân sâm 1

Thiết kế website Nhôm kính 4

Thiết kế website Nối mi 1

Thiết kế website Nội thất 4

Thiết kế website Nông sản 2

Thiết kế website Ô dù 1

Thiết kế website Ống hút 1

Thiết kế website Phân bón 1

Thiết kế website Phụ kiện sinh nhật 1

Thiết kế website Phụ kiện điện thoại 1

Thiết kế website Phụ tùng ô tô 1

Thiết kế website Quảng Cáo trên xe 1

Thiết kế website Quay phim - Chụp hình 1

Thiết kế website Rượu - Bia 1

Thiết kế website Sách điện tử trực tuyến 1

Thiết kế website Shop Hoa Tươi 1

Thiết kế website Siêu thị Mini 2

Thiết kế website Sofa 2

Thiết kế website Sơn 1

Thiết kế website Spa 1

Thiết kế website Studio - Chụp ảnh cưới 1

Thiết kế website Tàu thuyền 1

Thiết kế website Thang máy 1

Thiết kế website Thanh lý tài sản 1

Thiết kế website Thiết bị công nghệ 1

Thiết kế website Thiết bị phòng cháy 2

Thiết kế website Thiết bị văn phòng 1

Thiết kế website Thiết bị vệ sinh phòng tắm 1

Thiết kế website Thiết kế nội thất 2

Thiết kế website Thời trang May mặc 3

Thiết kế website Thú ý 1

Thiết kế website Thực phẩm chức năng 1

Thiết kế website Tin tức 1

Thiết kế website Tôm giống 5

Thiết kế website Tôn 1

Thiết kế website Trà sữa 1

Thiết kế website Trang trí nội thất 1

Thiết kế website Trường học 4

Thiết kế website Van công nghiệp 1

Thiết kế website Văn phòng phẩm 1

Thiết kế website Vận tải 3

Thiết kế website Vật liệu đóng gói 1

Thiết kế website Xây dựng 1

Thiết kế website Xe 3

Thiết kế website Xe nâng 1

Thiết kế website Yến sào 1

Thiết kế website Đại lý thuế 1

Thiết kế website Đấu giá 1

Thiết kế website Đèn chiếu sáng 3

Thiết kế website Đèn led 1

Thiết kế website Điện cơ 1

Thiết kế website Điện thoại 3

Thiết kế website Điện tử - Điện lạnh 1

Thiết kế website Đồ ăn - Thức uống 1

Thiết kế website Đồ Đồng 1

Thiết kế website Đọc truyện online 1

Thiết kế website Đồng hồ 1

Thiết kế website Đồng Hương 1

Thiết kế website Đông Trùng Hạ Thảo 1

Bài viết liên quan

Fanpage Facebook

Thiết kế website tại các quận

Thiết kế website tại các tỉnh/thành

Thiết kế website tại các nước

Thiết kế website tại Việt Nam

WEB MỚI

CÔNG TY TNHH THƯƠNG MẠI DỊCH VỤ WEB MỚI

Email: info@webmoi.vn

Hotline + Zalo: 0398 259 259

Website: https://webmoi.vn/

Văn phòng giao dịch: E20/22E6 Đường Vĩnh Lộc, Ấp 5, Xã Vĩnh Lộc B, Huyện Bình Chánh, TP. Hồ Chí Minh

Địa chỉ: Số 7A, Thới An 10, Phường Thới An, Quận 12, TP.HCM

Thông tin

Dịch vụ

Thiết kế web chuyên nghiệp

CÔNG TY THIẾT KẾ WEBSITE CHUYÊN NGHIỆP, ẤN TƯỢNG, SÁNG TẠO, CHUẨN SEO

WEBMOI là công ty thiết kế web chuyên nghiệp uy tín có trụ sở chính tại Tp HCM. Chúng tôi thiết kế web theo chuẩn SEO, chuẩn di động. Áp dụng những công nghệ tiên tiến nhất hiện nay để thiết kế website như HTML5, CSS3, PHP. Nhằm mang lại sự hiệu quả thực sự cho khách hàng

Công ty TNHH THƯƠNG MẠI DỊCH VỤ WEB MỚI – Giấy phép kinh doanh số: 0315653348 cấp ngày 07/05/2019 bởi Sở Kế Hoạch và Đầu Tư Tp. Hồ Chí Minh