Bài 3: Các thẻ HTML cơ bản – phần 2

Chúng ta sẽ tiếp tục tìm hiểu các thẻ cơ bản của HTML trong bài này. Thẻ hình ảnh img, thẻ link a, thẻ khối div, thẻ đoạn văn bản p

Video – Các thẻ HTML cơ bản – phần 2

Hướng dẫn chi tiết

"Người ta tắt AdsBlock không phải vì người ta dại, mà người ta quý mình nên coi quảng cáo"

Hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé.
Link đăng ký: NHẬN NGAY ƯU ĐÃI
Nếu các bạn mua hosting từ link trên, mình sẽ có một ít tiền để duy trì. Cảm ơn

Thẻ meta

+ Cung cấp thông tin cho trang html, thông tin dữ liệu …

+ Thêm vào <meta charset=”utf-8″> để hiển thị Tiếng Việt chuẩn hơn, không bị lỗi.

Thẻ img

Cấu trúc: <img scr=”đường dẫn nguồn hình ảnh” >

"Người ta tắt AdsBlock không phải vì người ta dại, mà người ta quý mình nên coi quảng cáo"

Hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé.
Link đăng ký: NHẬN NGAY ƯU ĐÃI
Nếu các bạn mua hosting từ link trên, mình sẽ có một ít tiền để duy trì. Cảm ơn

Lưu ý thẻ <img src=”url”> là thẻ đơn, không có thẻ đóng.

Có 2 cách dẫn nguồn

• Đường dẫn tuyệt đối (dẫn trực tiếp): là một chuỗi đầy đủ bao gổm http://, tên miền của trang web, đường dẫn đến tập tin
• Đường dẫn tương đối: là một phần nhỏ của đường dẫn tuyệt đối, thông thường đường dẫn tương đối là phần đường dẫn đến tập tin trong thư mục chứa mã nguồn. Để đi ra ngoài một thự mục hiện tại, dùng ../

Thẻ a

+ Thẻ liên kết: <a href=”đường dẫn”> Nội dung <a/>

+ Có 2 cách dẫn link như thẻ img là tuyệt đối và tương đối.

+ Thuộc tính quan trọng target

• _blank: mở trong tab mới
• _self: mở trong tab hiện tại

Thẻ div

+ Thẻ khối <div> </div>

+ Dùng để chia khối, chia layout.

Thẻ section

+ Thẻ chia phần <section> </section>

+ Dùng để chia khối, chia layout gần giống như div

Thẻ p

+ Cấu trúc <p> nội dung văn bản</p>

+ Đoạn văn bản.

Code trong bài học: tải về

Nếu có thắc mắc, đặt câu hỏi bằng cách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Đừng quên Like, Share nếu thấy bài viết thú vị.

Liên hệ