Lý thuyết Tin 12 Chân trời sáng tạo Bài F2: Tạo và định dạng trang web với các thẻ HTML

Với tóm tắt lý thuyết Tin học 12 Bài F2: Tạo và định dạng trang web với các thẻ HTML sách Chân trời sáng tạo hay nhất, ngắn gọn sẽ giúp học sinh lớp 12 nắm vững kiến thức trọng tâm, ôn luyện để học tốt môn Tin 12.

Lý thuyết Tin 12 Chân trời sáng tạo Bài F2: Tạo và định dạng trang web với các thẻ HTML

1. Các thẻ định dạng cơ bản:

a) Định dạng đề mục:

HTML sử dụng các thẻ <h1> đến <h6> để định nghĩa các đề mục của trang web theo từng cấp độ, trong đó <h1> là đề mục cấp cao nhất và <h6> là đề mục cấp thấp nhất. Trình duyệt hiển thị các đề mục này với kích thước chữ khác nhau, đề mục cấp cao hơn sẽ có kích thước chữ lớn hơn.

b) Định dạng phông chữ:

HTML sử dụng thẻ <font>để định dạng kích thước,màu sắc và kiểu chữ.

Lưu ý: Từ phiên bản HTML5, thẻ <font> không còn được hỗ trợ. Vì vậy, để định dạng phông chữ em sẽ sử dụng CSS (Cascading Style Sheets) Nội dung về CSS sẽ được đề cập trong Bài F7.

c) Định dạng văn bản

HTML có nhiều thẻ định dạng văn bản. Bảng 1 dưới đây liệt kê một số thẻ định dạng văn bản thông dụng.

Một số thẻ định dạng văn bản thông dụng:

• Định dạng để mục: <h1>, <h2>, <h3>, <h4>, <h5>, <h6).

• Định dạng phông chữ: <font).

• Định dạng văn bản: <strong>, <em>, <u>, <center>,...

2. Thẻ tạo siêu liên kết

 Siêu liên kết giúp truy cập nhanh đến nguồn tài nguyên bên ngoài như trang web, email, tệp đa phương tiện hoặc truy cập nhanh đến một vị trí khác trong cùng trang web hiện tại. Để tạo siêu liên kết, ta sử dụng thẻ ca) và những thuộc tính liên quan, chẳng hạn thuộc tính href và thuộc tính target. Khi người dùng nhảy chuột vào siêu liên kết, trình duyệt sẽ chuyển hướng đến địa chỉ được chỉ định trong thuộc tỉnh href của thẻ <a>.

Cú pháp của thẻ <a) như sau:

<a href="địa_chi" target="nơi_chuyển_đến">Nội dung hiển thị</a>

Trong đó, thuộc tính href chỉ định địa chỉ sẽ liên kết đến, thuộc tính target chỉ định nơi sẽ mở tài liệu đó, cụ thể:

_self: Tài liệu được mở ngay trên cửa sổ hiện tại.

_blank: Tài liệu được mở trên cửa sổ mới.

3. Thẻ tạo danh sách

Trong HTML, có hai loại danh sách: không có thứ tự và có thứ tự.

a) Danh sách không có thứ tự

Danh sách không có thứ tự dùng để đánh dấu đầu dòng cho nội dung bằng kí hiệu, áp dụng cho những nội dung không theo trình tự cụ thể.

Để tạo danh sách không có thứ tự, ta sử dụng các thẻ <ul> và <li>. Thẻ <ul> dùng để tạo danh sách và thẻ <li> dùng để đánh dấu từng mục trong danh sách đó.

b) Danh sách có thứ tự

Danh sách có thứ tự dùng để đánh dấu đầu dòng cho nội dung bằng số hoặc chữ cái, áp dụng cho những nội dung có trình tự cụ thể.

Để tạo danh sách có thứ tự, em sử dụng các thẻ <ol> và <li>. Thẻ <ol> dùng để tạo danh sách và thẻ <li> dùng để đánh dấu từng mục trong danh sách đó.

Để tạo danh sách không có thứ tự, ta sử dụng thẻ <ul> và thẻ <li>.

Để tạo danh sách có thứ tự, em sử dụng thẻ <ol> và thẻ <li>.

Có thể tạo các danh sách lồng nhau, danh sách con được đặt trong thẻ <li> của danh sách cha.

Xem thêm tóm tắt lý thuyết Tin học lớp 12 Chân trời sáng tạo hay khác:

• Lý thuyết Tin học 12 Bài F3: Tạo bảng và khung trong trang web với HTML

• Lý thuyết Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web

• Lý thuyết Tin học 12 Bài F5: Tạo biểu mẫu trong trang web

• Lý thuyết Tin học 12 Bài F6: Dự án tạo trang web

• Lý thuyết Tin học 12 Bài F7: Giới thiệu CSS

Xem thêm các tài liệu học tốt lớp 12 hay khác:

• Giải sgk Tin học 12 Chân trời sáng tạo
• Giải Chuyên đề Tin học 12 Chân trời sáng tạo
• Giải SBT Tin học 12 Chân trời sáng tạo
• Giải lớp 12 Chân trời sáng tạo (các môn học)
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Cánh diều (các môn học)

---