4.1 thẻ a, href
Chà, chúng tôi vẫn không quên rằng chúng tôi đang chuẩn bị cho bạn một lập trình viên Java, vì vậy bạn chỉ cần học 5 thẻ.
Thứ nhất, đây là thẻ quan trọng nhất biến văn bản thành siêu văn bản - liên kết . Để tạo các liên kết trong HTML, một thẻ <a>(từ neo, neo) được sử dụng.
Liên kết mặc định trông giống như:
<a href="link-address">link text</a>Trong đó màu xanh lam là văn bản mà người dùng nhìn thấy và màu xanh lá cây là địa chỉ (liên kết) mà anh ta sẽ đến nếu nhấp vào văn bản của liên kết.
Một tài liệu HTML điển hình có chứa các liên kết trông giống như sau:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text...
</html>
Không, nó thường trông như thế này:
<html>
plain text <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>
Thế giới không hoàn hảo.
4.2 Thẻ img và thuộc tính src
Để chèn một hình ảnh vào trang HTML, một thẻ <img>(từ hình ảnh từ) được sử dụng. Đây là một thẻ đơn, nó không có thẻ đóng. Chế độ xem chung của thẻ:
<img src="image link">Mọi thứ đều rất đơn giản. Để hiển thị một hình ảnh trong tài liệu HTML của bạn, bạn chỉ cần biết liên kết đến hình ảnh đó và sử dụng phần mở rộng img. Hãy thử nó, bạn sẽ thích nó.
4.3 Phần tử bảng
Ngoài ra, một trang HTML có thể chứa một bảng có dữ liệu. Nhưng ở đây bạn không thể hoàn thành với một thẻ, nếu bạn nghĩ về nó. Rốt cuộc, một bảng có tiêu đề, hàng, cột và ô. Tất cả họ đều đưa ra các thẻ riêng của họ:
<table>- bản thân cái bàn;<tr>( t table r ow ) – bảng hàng;<th>( t table h header) – ô tiêu đề của bảng;<td>( t dữ liệu bảng ) – ô bảng.
Đây là bảng 3 x 3 trông như thế nào html(có thêm hàng tiêu đề)
<table>
<tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
<tr> <td>Ivanov</td> <td>Ivan</td> <td>Ivanovich</td> </tr>
<tr> <td>Petrov</td> <td>Peter</td> <td>Peterovich</td> </tr>
<tr> <td>Sidorov</td> <td>Kolia</td> <td>Sidorenko</td> </tr>
</table>
Mặc dù bây giờ các bảng hiếm khi được sử dụng. Vấn đề là khi xem một trang từ điện thoại, có thể hữu ích khi hiển thị bảng theo một cách khác (đơn giản là nó không vừa với màn hình). Nhưng bạn vẫn cần biết các bảng được sắp xếp như thế nào.
4.4 thuộc tính id và tên
Và hai điểm quan trọng nữa là thuộc tính idvà name. Đây là các thuộc tính, không phải thẻ, nhưng chúng được sử dụng rất thường xuyên.
Thuộc tính idthẻ cho phép bạn đặt cho nó một tên duy nhất trong toàn bộ tài liệu . Điều này hữu ích nếu có một số JavaScript trong tài liệu HTML làm thay đổi giá trị hoặc tham số của thẻ đã cho. Sau đó, với sự trợ giúp của tính năng duy nhất, idbạn có thể tham khảo chính xác thẻ mong muốn.
Một thuộc tính namethực hiện một chức năng tương tự, nhưng giá trị của nó không nhất thiết phải là duy nhất trong trang. Đó là, về mặt lý thuyết, có thể có một số thẻ có cùng tên. Điều này được thực hiện để làm việc với các nhóm phần tử dễ dàng hơn.
Ví dụ: trên một trang có một số danh sách trong mỗi danh sách mà bạn chỉ có thể chọn một mục. Sau đó, khi chọn một phần tử mới trong danh sách, bạn cần thiết lập lại việc chọn các phần tử còn lại của danh sách. Nhưng đừng chạm vào các danh sách khác. Điều này có thể dễ dàng thực hiện nếu tất cả các phần tử của cùng một danh sách có cùng tên.
Bất kỳ thẻ nào cũng có thể có cả thuộc tính idvà name. Ví dụ:
<img id="image123" name="avatar" src="link to picture">
GO TO FULL VERSION