Lấy ví dụ:
<img src="hinhanh.jpg" alt="Mô tả ảnh" width="500" height="600" />
src
Đây là thuộc tính (attribute) bắt buộc của thẻ <img>. Nó chỉ định đường dẫn đến tệp hình ảnh mà bạn muốn hiển thị trên trang web. Trong ví dụ này, đường dẫn là "hinhanh.jpg", cho biết tệp hình ảnh có tên là "hinhanh.jpg"
alt
Đây cũng là một thuộc tính quan trọng của thẻ <img>. Nó cung cấp một đoạn văn bản mô tả ngắn gọn về hình ảnh. Văn bản này sẽ được hiển thị trong trường hợp hình ảnh không thể tải được (ví dụ: do lỗi đường dẫn, kết nối internet chậm, hoặc người dùng sử dụng trình duyệt không hỗ trợ hiển thị hình ảnh)."
width
Đây là thuộc tính dùng để chỉ định chiều rộng của hình ảnh, tính bằng pixel. Trong ví dụ này, chiều rộng của hình ảnh là 500 pixel.
height
Đây là thuộc tính dùng để chỉ định chiều cao của hình ảnh, tính bằng pixel. Trong ví dụ này, chiều cao của hình ảnh là 600 pixel.
Tóm lại:
src là đường dẫn đến tệp hình ảnh.
alt là văn bản mô tả hình ảnh.
width là chiều rộng của hình ảnh.
height là chiều cao của hình ảnh.
Lấy ví dụ:
<p style="color: red; font-size: 4em;">Cảm ơn bạn</p>
p Đây là thẻ HTML để tạo một đoạn văn bản (paragraph).
style là thuộc tính style được sử dụng để định dạng văn bản bên trong thẻ <p>.
Nó bao gồm hai thuộc tính CSS:
color: red;: Đặt màu chữ thành màu đỏ.
font-size: 4em;: Đặt kích thước chữ lớn gấp 4 lần kích thước mặc định của phần tử. Đơn vị em là một đơn vị tương đối, dựa trên kích thước phông chữ của phần tử cha.
Lấy ví dụ:
<a href="https://iif.vn" target="_blank">Tôi là TRẠI HUẤN LUYỆN CODER iif</a>
Thuộc tính href (hypertext reference):
Cho biết địa chỉ (URL) mà liên kết sẽ trỏ tới.
Trong ví dụ này, href="https://iif.vn" có nghĩa là liên kết này sẽ trỏ tới một địa chỉ có đường dẫn là "https://iif.vn". Lưu ý rằng "https://iif.vn" ở đây chỉ là một giá trị ví dụ, bạn cần thay thế nó bằng đường dẫn URL cụ thể.
Thuộc tính target:
Chỉ định cách thức mở liên kết.
target="_blank" có nghĩa là liên kết sẽ được mở trong một tab hoặc cửa sổ mới của trình duyệt.
Nội dung liên kết:
Nằm giữa thẻ mở <a> và thẻ đóng </a>.
Trong ví dụ này, nội dung là "Tôi là TRẠI HUẤN LUYỆN CODER iif", đây là văn bản sẽ được hiển thị trên trang web và người dùng có thể nhấp vào để truy cập liên kết.
Tìm kiếm:
Các bài phân tích đoạn html giúp bạn làm quen với thiết kế app web cũng như lập trình web