Công ty thiết kế website chuẩn SEO Web Mới
Công ty thiết kế website chuẩn SEO Web Mới
Nhấp chuột
Ngôn ngữ html là gì? Giải thích rõ về ngôn ngữ Markup Hypertext, 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
197
Web Bán hàng
247
Web Dịch vụ
36
Web Diễn đàn
50
Mẫu Website Đẹp

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

Lượt xem: 381 Ngày đăng: 13/04/2020

Mục Lục [Ẩn]

 

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></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án hàng
Dịch vụ
THEO MẪU HIỆN TẠI CỦA WEB MỚI
THEO MẪU HIỆN TẠI CỦA WEB MỚI
3.000.000 VNĐ
Free Hosting, Tên miền năm đầu
Phù hợp với
  • Website giới thiệu doanh nghiệp trung bình, nhỏ
  • Website bán hàng phổ thông
  • Giao diện theo mẫu tuyệt đẹp
  • Thời gian triển khai nhanh chóng, sử dụng dễ đàng
Đã bao gồm
  • Chuẩn SEO, tốc độ load trang siêu nhanh
  • Phiên bản di động hoàn hảo
THEO YÊU CẦU GÓI CƠ BẢN
THEO YÊU CẦU GÓI CƠ BẢN
5.500.000 VNĐ
Free Hosting, Tên miền năm đầu
Phù hợp với
  • Website giới thiệu doanh nghiệp, kinh doanh nhỏ.
  • Yêu cầu giao diện độc đáo và độc quyền.
  • Công nghệ hiện đại, smooth loading, tốc độ tải nhanh, hiệu quả trong kinh doanh.
Đã bao gồm
  • Chuẩn SEO, tốc độ load trang siêu nhanh
  • Phiên bản di động hoàn hảo
  • Support mãi mãi
CHUYÊN SÂU
CHUYÊN SÂU
15.000.000 VNĐ
Free Hosting, Tên miền năm đầu
Phù hợp với
  • Các website có lượt truy cấp lớn cần đạt tốc độ tối ưu dữ liệu cao.
  • Webservice, webApi, web tương tác với bên thứ 3
  • Các website tin tức, community với tốc độ load tối ưu
  • Thời gian triển khai nhanh chóng, sử dụng dễ đàng
Đã bao gồm
  • Chuyên gia tiếp cận và phân tích yêu cầu
  • Tư vấn, đệ trình giải pháp giải quyết yêu cầu
  • Tư vấn giải pháp phát triển website hậu xây dựng
ENTERPRISE
ENTERPRISE
LIÊN HỆ
Free Hosting, Tên miền năm đầu
Phù hợp với
  • Các website có công nghệ đặc biệt, mạng xã hội, xử lý ảnh/videos
  • Các startup sáng lập
  • Các website tài chính, đồng coin
  • Website tích hợp công cụ quản kinh doanh
Đã bao gồm
  • Chuyên gia tiếp cận và phân tích yêu cầu
  • Tư vấn, đệ trình giải pháp giải quyết yêu cầu
  • Tư vấn giải pháp phát triển website hậu xây dựng

Báo giá nhanh

  • Cơ bản
  • Nâng cao
  • Chuyên nghiệp
  • Yêu cầu thêm(lẻ)

Nhập thông tin báo giá nhanh

Reload
Khoảng 1000 khách hàng thân thiết tại Web Mới
WEBMOI.vn hân hạnh được đồng hành cùng với sự phát triển lớn mạnh của các doanh nghiệp trong và ngoài nước.

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

Địa chỉ: Số 7A, Đường Thới An 10, Khu phố 3, Phường Thới An, Quận 12, TP. Hồ Chí Minh

Trụ sở chính: E20/22E6 Ấp 5, Đ. Vĩnh Lộc, Bình Chánh, Thành phố Hồ Chí Minh

Văn phòng giao dịch: 2/3 Nguyễn Sỹ Sách, Phường 15, Quận Tân Bình, TP. Hồ Chí Minh

Văn phòng giao dịch: Chung cư 9view Số 1 Đường Số 1, Phước Long B, Thành Phố Thủ Đức

Email: info@webmoi.vn - tanlucit09@gmail.com

Hotline + Zalo: 0398 259 259

Công ty thiết kế website chuẩn SEO Web Mới

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 CODE TAY. Nhằm mang lại sự hiệu quả thực sự cho khách hàng

thoát
thoát