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ài 1: Một số thuật ngữ SEO quan trọng
- Bài 2: Tìm hiểu về tên miền, hosting
- Bài 3: SEO là gì
- Bài 4: Tìm hiểu cách thức Google hoạt động
- Bài 5: Ngôn ngữ html là gì?
- Bài 6: Sử dụng công cụ Keywordtool.io
- Bài 7: Sử dụng công cụ Google Keyword Planner
- Bài 8: Cách xác định từ khóa chính, từ khóa ngách
- Bài 9: Nghiên cứu từ khóa sử dụng 5W + 1H
- Bài 10: Nghiên cứu từ khóa sử dụng tính từ
- Bài 11: Kiến trúc Website tốt cho SEO
- Bài 12: Cách phân bổ từ khóa vào Website
- Bài 13: Các thành phần nên có trên website
- Bài 14: Tối ưu tiêu đề của trang web
- Bài 15: Tối ưu thẻ Meta Description
- Bài 16: Tối ưu Heading
- Bài 17: Tối ưu các yếu tốt nhấn mạnh B, I, U Màu sắc
- Bài 18: Tối ưu hình ảnh
- Bài 19: Tối ưu liên kết nội bộ
- Bài 20: Tối ưu đường dẫn URL
- Bài 21: Tối ưu một số yếu tố Onpage khác
- Bài 22: Cài đặt và sử dụng SEO Quake
- Bài 23: Cài đặt các Addon tiện ích và cách sử dụng
- Bài 30: Kỹ thuật SEO Copywriting
- Bài 25: Công thức viết bài chuẩn SEO bá đạo
- Bài 26: Chỉ số Google Pagerank
- Bài 27: Tạo backlink từ diễn đàn
- Bài 28: Phương pháp trao đổi liên kết
- Bài 29: Tạo Blog miễn phí
- Bài 30. Các thao tác cấu hình Blogger
- Bài 31: Tạo blog với wordpress.com - Các thao tác cấu hình Wordpress
- Thành Phố Hồ Chí Minh
- Bình Dương
- Đồng Nai
- Vũng Tàu
- Long An
- Hà Nội
- Đà Nẳng
- Quảng Nam
- Hải phòng
- Quảng Ngãi
- Bình Định
- Phú Yên
- Nha Trang - Khánh Hòa
- Bình Thuận
- Ninh Thuận
- Bình Phước
- Đắk Lắk
- Đắk Nông
- Gia Lai
- Kon Tum
- Đà Lạt - Lâm đồng
- Tiền Giang
- Bến Tre
- Đồng Tháp
- Trà Vinh
- Sóc Trăng
- Vĩnh Long
- Bạc Liêu
- An Giang
- Kiên Giang
- Cần Thơ
- Cà Mau
- Hậu Giang
- Tây Ninh
- Huế
- Quảng Trị
- Quảng Bình
- Thanh Hóa
- Nghệ An
- Ninh Bình
- Thái Bình
- Lào Cai
- Quảng Ninh
- Bắc Ninh
- Bắc Kạn
- Lai Châu
- Hà Giang
- Cao Bằng
- Điện Biên
- Yên Bái
- Tuyên Quang
- Thái Nguyên
- Lạng Sơn
- Sơn La
- Phú Thọ
- Hải Dương
- Hưng Yên
- Hòa Bình
- Hà Nam
- Nam Định
- Bắc Giang
- Hà Tĩnh
- Vĩnh Phúc
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
