HTML bài 4 : Các thẻ HTML thông dụng (P.2)

[Hoclaptrinh]

Thẻ div: Thẻ div dùng để đánh dấu một khối hay một bộ phận trong HTML nên thường được dùng để nhóm các yếu tố để định dạng chúng bằng CSS. Theo mặc định thì luôn có ngắt dòng trước và sau phần tử div nhưng chúng ta có thể thay đổi bằng CSS.
Ngoài các thuộc tính cơ bản thì div còn có thuộc tính align với các giá trị:
- left: căn lề trái
- right:căn lề phải
- center: căn lề giữa
- justify: căn hai bên.
Tuy vậy các bạn nên sử dụng css để định dạng sẽ tốt hơn. Thuộc tính này đã được loại bỏ trong HTML 5.

Thẻ fieldset: Thường dùng để nhóm các phần tử trong một form lại. Có thể dùng kèm với thẻ legend để tạo thêm tiêu đề cho form. Ví dụ:

<form action="">
<fieldset>
<legend>Đăng nhập</legend>
Nick:...
Pass:...
</fieldset>
</form>




Thì kết quả bạn thu được sẽ như sau:
|--- Đăng nhập ------------|
| Nick: |
| Pass: |
|---------------------------|

Kết quả nó tương tự thế . Tất nhiên các bạn cũng có thể dùng để nhóm các phần tử khác ví dụ như tạo một menu...

Thẻ form: đánh dấu một form để nhập dữ liệu, có liên quan đến các thẻ input, textarea, button, select, option, optgroup, fieldset, label và các phương thức GET, POST mình đã nói trong bài trước.

Các thuộc tính của thẻ form:
- action: địa chỉ nhận thông tin từ form
- enctype (chỉ dùng với phương thức post): quy định cách dữ liệu mã hóa như thế nào khi gửi lên server, gồm các giá trị sau:
+ application/x-www-form-urlencoded: cái này là mặc định,khoảng trắng bị mã hóa thành dấu +, tất cả ký tự đặc biệt khác đều được mã hoá HEX trước khi gửi lên.
+ multipart/form-data: không mã hóa ký tự nào. Sử dụng đối với form upload.
+ text/plain: chỉ mã hóa khoảng trắng thành dấu +
- method: phương thức gửi dữ liệu: get hoặc post
- name: tên form, dùng để đánh dấu form
- target: tương tự thẻ liên kết a, thẻ form cũng có những cách mở trang kết quả riêng, gồm có _blank, _seft, _parent và _top. Mình nghĩ các bạn nên dùng thử cái _blank

Các thẻ từ h1 đến h6: đánh dấu một tiêu đề cho một phần của trang. Ví dụ (opera mini không thấy thì phải):
Các thẻ HTML (h1)

Thẻ tiêu đề (h2)

Ví dụ (h3)


Tương tự div thì các thẻ h1 - h6 cũng hiển thị như một khối, tức là có xuống dòng ở trước và sau phần tử này. Và nó cũng có thuộc tính align giống div

Thẻ hr: đánh dấu một chỗ xuống dòng có đường kẻ ngang. Các thuộc tính cơ bản:
- size: kích cỡ dòng kẻ (đơn vị px)
- width: chiều dài dòng kẻ (tính theo px hoặc % màn hình)

Thẻ html: Thẻ này chắc ai cũng biết rồi, nó đánh dấu mở đầu cho một tài liệu HTML

Thẻ i: định dạng văn bản nằm trong phần tử này sẽ in nghiêng. Ví dụ: in nghiêng


Thẻ iframe: nói đơn giản là nó sẽ đưa một trang web khác vào một cái khung đặt trong trang web mình tạo ra. Vị dụ:

<iframe src="forums.php?id=menu&sor=new"></iframe>




Đoạn code trên sẽ đưa trang thống kê chủ đề mới đến nơi bạn đặt thẻ iframe.
Các thuộc tính của thẻ iframe:
- src: địa chỉ trang muốn đưa vào
- height: chiều cao của khung iframe (đơn vị pixel)
- width: chiều rộng của khung iframe (đơn vị pixel)
- frameborder: quy định có xuất hiện khung xung quanh frame hay không, có hai giá trị tương ứng là 1 và 0.

 

[khuto]

Nhìn rắc rối quá