Nhóm chat Zalo
Những nội dung sẽ học trong bài này:
1. Những khái niệm cần biết về HTML
2. Cách tạo và xem kết hiển thị của một tài liệu HTML như thế nào?
3. Khái niệm về thẻ HTML. Cấu trúc của một tài liệu HTML phải như thế nào?
4. Thuộc tính của thẻ HTML là gì? Cách khai báo và sử dụng ra sao?
5. Giới thiệu một số thẻ HTML dùng để định dạng văn bản.
1/5. Khái niệm HTML / HTML5
HTML là tên viết tắt của HyperText Markup Language, tạm dịch là "ngôn ngữ đánh dấu siêu văn bản". Siêu văn bản là loại văn bản có thể trình bày nội dung kỹ thuật số như video, hình ảnh, âm thanh bên cạnh văn bản thông thường.
HTML cung cấp những quy tắc để mô tả cách hiển thị dữ liệu, gọi là thẻ (tag). Mỗi thẻ HTML có một tác dụng được định nghĩa riêng, sử dụng thẻ để mô tả dữ liệu, dựa trên mô tả đó, trình duyệt sẽ hiển thị dữ liệu. Phiên bản chính thức đầu tiên HTML 4.01 (1999) . Đến nay (9/2020) là HTML5
2/5. Tạo tài liệu HTML đầu tiên
Bước 1: Dùng trình soạn thảo văn bản để tạo nội dung. Trình soạn thảo này có thể là một IDE chuyên nghiệp hoặc chỉ cần dùng phần mềm Notepad có trên mọi máy tính Windows cũng được. IDE là tên của các phần mềm soạn thảo code dùng trong lập trình, là viết tắt của chữ Integrated Development Environment (tạm dịch là môi tích hợp và phát triển). Do các bạn mới học, tôi khuyến cáo bạn sử dụng một trong các phần mềm IDE sau đây: Notepad++ , Adobe Dreameware , SublineText (các phần mềm này chỉ cần lên Google gõ tìm là ra)
Bước 2: Nhập nội dung như bên dưới
<!DOCTYPE html>
<html>
<head>
<title>Tiêu đề tài liệu</title>
[các mô tả hoặc liên kết dữ liệu khác]
</head>
<body>
Nội dung chính
</body>
</html>
Bước 3: Lưu thành file có phần mở rộng là .htm hoặc .html ví dụ như baihocdautien.html
Bước 4: Mở file đã lưu đó bằng một trình duyệt bất kì để xem kết quả hiển thị.
3/5. Khái niệm về thẻ HTML. Giải thích cấu trúc của một tài liệu HTML
Thẻ HTML là những cú pháp, từ khóa dùng để mô tả dữ liệu. Cấu trúc của thẻ HTML như sau:
<tên_thẻ> nội dung bị tác động </tên_thẻ>
Ví dụ nội dung code sau nói về thẻ <b> là thẻ có tác dụng in đậm nội dung được mô tả.
<b>đây là văn bản sẽ bị in đậm</b>
4/5. Thuộc tính của thẻ HTML là gì? Cách khai báo và sử dụng ra sao?
Thẻ HTML ngoài tên chính còn có các thuộc tính. Thuộc tính dùng để bổ sung thêm dữ liệu cho thẻ HTML. Cú pháp thẻ HTML có thuộc tính như sau:
<tên_thẻ thuộc_tính1=“giá trị” thuộc_tính2=“giá trị”> Nội dung </tên_thẻ>
<tên_thẻ thuộc_tính1=“giá trị” thuộc_tính2=“giá trị” />
Ngày nay thuộc tính rất ít khi sử dụng, hoặc chỉ sử dụng những thuộc tính mang tính mô tả, đánh dấu dữ liệu mở rộng, thuộc tính tự đặt thêm và những thuộc tính dùng để định danh và xác định đối tượng (id, class, …)
5/5. Giới thiệu một số thẻ HTML dùng để định dạng văn bản.
Thẻ <p> </p>: Xác định một đoạn văn bản
Thẻ <b> </b>: dùng để IN ĐẬM nội dung
Thẻ <i> </i>: dùng để IN NGHIÊNG nội dung
Thẻ <u> </u>: dùng để GẠCH CHÂN nội dung
Thẻ <br />: dùng để ngắt dòng. HTML không hiểu chỗ ENTER. Nhưng hiểu thẻ này
Thẻ <center></center>: dùng để căn giữa nội dung (giống CTRL + E trong word). Thẻ này đã không còn nhiều cần thiết, đã loại khỏi HTML5 trở đi, tuy nhiên các trình duyệt vẫn nhận dạng tác dụng.
HẾT BÀI 01
