Những điều cần biết về HTML
Những điều cần biết về HTML
HTML là gì?
HTML là ngôn ngữ đánh dấu chuẩn cho việc tạo các trang Web.
HTML là viết tắt của Hyper Text Markup Language
HTML mô tả cấu trúc của trang Web sử dụng đánh dấu
các phần tử HTML là các khối xây dựng của các trang HTML
các phần tử HTML được đại diện bởi các thẻ
thẻ HTML nhãn mẩu nội dung như “tiêu đề”, “đoạn”, “bảng”,…
Trình duyệt sẽ không hiển thị các thẻ HTML, nhưng sử dụng chúng để
làm cho nội dung của trang
Dưới đây là một ví dụ đơn giản về HTML
<!DOCTYPE html>
<html>
<head>
<title>Tiêu đề trang</title>
</head>
<body>
<h1>Đoạn văn to thẻ H1</h1>
<p>Đoạn văn bản đầu tiên.</p>
</body>
</html>
Giải thích các thuộc tính trong ví dụ trên
<!DOCTYPE html> – được trình duyệt hiểu là đây là tài liệu HTML5
<html> – Đây là phần từ gốc của một trang HTML
<head> Đầu trang chứa thông tin về tài liệu
<title>Tiêu đề của một trang HTML.
<body>Hiển thị các thông tin nhìn thấy qua thẻ body này
<h1>Thẻ H1 là một thẻ tiêu đề lớn nhất trong HTML tương đương với
kích cỡ ~ khoảng 48-60px của Word.
<p> Thẻ xác định là một đoạn văn.
Thẻ HTML
thẻ HTML là tên nguyên tố bao quanh bởi dấu ngoặc nhọn bắt đầu bởi <> và
kết thúc bởi </>
Ví dụ: <Tên thẻ> nội dung của thẻ … </ Tên thẻ>
Thẻ HTML thông thường đi theo cặp như <p> và </ p>
Thẻ đầu tiên trong một cặp là bắt đầu từ khóa, thẻ thứ hai là thẻ kết
thúc
Thẻ cuối được viết như thẻ bắt đầu, nhưng với một dấu gạch
chéo chèn vào trước tên thẻ
Trình duyệt web
Mục đích của một trình duyệt web (Chrome, IE, Firefox, Safari) là để đọc các
tài liệu HTML và hiển thị chúng.
Trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để xác định
làm thế nào để hiển thị các tài liệu:
Cấu trúc của một trang HTML
Các phiên bản HTML
Kể từ những ngày đầu của web, đã có nhiều phiên bản của HTML được ra đời:
Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
Viết HTML bằng Notepad hoặc TextEdit
Các trang Web có thể được tạo và sửa đổi bằng cách sử dụng các trình soạn
thảo HTML chuyên nghiệp.
Để làm quen với HTML, khuyến nghị bạn nên dùng trình soạn thảo văn bản
đơn giản như Notepad (đối với HĐH Windows) hoặc TextEdit (đối với HĐH
Mac).
Sử dụng trình soạn thảo văn bản đơn giản là một phương pháp hữu hiệu để
học HTML.
Dưới đây là 4 bước để tạo trang web đầu tiên của bạn bằng Notepad hoặc
TextEdit.
Bước 1:
– Đối với dòng máy Windows: Mở Notepad.
Phiên bản Windows 8 trở lên: mở Start Screen (ký tự cửa sổ Windows ở góc
dưới bên trái màn hình). Tìm Notepad.
Phiên bản Windows 7 trở xuống: mở Start > Programs > Accessories >
Notepad.
– Đối với máy Mac: mở TextEdit.
Mở Finder > Applications > TextEdit.
Bạn có thể thay đổi một số tùy chỉnh để lưu thư mục một cách chính xác.
Trong Preferences > Format > chọn “Plain Text”. Sau đó bên dưới “Open and
Save”, chọn “Ignore rich text commands in HTML files”. Cuối cùng mở một
trình soạn thảo mới để đặt mã.
Bước 2: Viết mã HTML.
Viết hoặc sao chép đoạn HTML vào Notepad/TextEdit.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Bước 3: Lưu trang HTML
Lưu tệp tin vào máy tính của bạn. Chọn File > Save as trong thanh menu của
Notepad. Đặt tên file là “index.htm” và để định dạng UTF-8 (định dạng mã
hóa cho HTML).
Bạn có thể đặt phần mở rộng của tệp tin là .html hoặc .htm. Tùy thuộc vào
cách đặt của bạn, không có sự khác nhau giữa hai tệp tin này.
Bước 4: Xem trang HTML trên trình duyệt web
Mở tệp tin HTML bằng trình duyệt web mà bạn thường hay sử dụng(bằng
cách click đúp vào tệp tin hoặc chuột phải rồi chọn “open with”). Kết quả
như hình dưới:
Tài liệu HTML
có thể bạn quan tâm
Những điều cần biết về vốn điều lệ cho kế toán
3
695
301
Kế toán, kiểm toán
3
(New)
Tiểu luận: Tạo các phần tử HTML, định dạng các phần tử HTML bằng CSS,...
47
750
279
Kỹ thuật
47
(New)
Những điều cần biết về XML
59
763
549
Cơ sở dữ liệu
59
(New)
Những điều cần biết về GPU rời
9
2.313
276
Cơ sở dữ liệu
9
(New)
API và những điều cần biết
7
1.232
276
Cơ sở dữ liệu
7
(New)
NHỮNG ĐIỀU TRẺ NÊN BIẾT
4
1.116
357
Mẹ và bé
4
(New)
Những điều cần biết về card đồ họa
6
1.022
224
Tài liệu CNTT khác
6
(New)
Những điều cần biết về BIOS
5
956
259
Tài liệu CNTT khác
5
(New)
thông tin tài liệu
Trong bài viết này các bạn sẽ hiểu rõ hơn về ngôn ngữ HTML
Mở rộng để xem thêm
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
×
