Bài 2 : các thẻ hay dung trong html

1/ H1-h6 (heading)
H1: ghi nội phần đầu mục ( hiển thi lên là chữ to )
H2-h6 : cũng là đầu mục nhưng chữ sẽ dần nhỏ lai j
Vd: <h1> giới thiệu về giày <h1>
<h2> các đôi giày đang được ưu chuộng <h2>
….
2/ P (paragraph)
Hiển thị chữ ( nội dung chúng ta muốn mọi người đọc-
bên dưới đầu mục )
Vd <p> giày được chia làm nhiều loại khác nhau ….<p>
-khi viết mà muốn xuống dòng thì ta có thể dung thẻ
<br>
-cách dòng thì dung 2 lần <p>
Vd <p> trong đầm gì đẹp bằng sen <br>
Lá xanh bông trắng lại chen nhị vàng
<p>
<p> nhị vàng bông trắng lá xanh
 Gần bùn mà chẳng hôi tanh mùi bùn <p>
Ketqua : trong đầm gi đẹp bằng sen
Lá xanh bông trắng lại chen nhị vàng

Nhị vàng bông trắng lá xanh gần bùn mà chẳng

hôi tanh mùi bùn

3/ Img<image>
-Đưa ảnh lên web của mình. Sẽ đi sao chép image
address rồi gán vào
-Trong đó có 2 phần là source và alt
+source là phần để mình nhập địa chỉ ảnh dán dán vào
+alt là phần để mình viết là ảnh gì ( trong trường hợp
người dung bị lỗi mạng hoặc sai ảnh thì sẽ hiện len )
Vd : <img src= “https://i.vietgiaitri.com/2021/2/19/5-doi-
giay-air-jordan-1-co-phoi-mau-dep-gia-duoi-6-trieu-dong-679-
5586173.jpg” alt” ảnh mang”>
4/ a (anchor)
Dung để liên kết với 1 trang nào đó mà mình muốn
người dung khi ấn vào 1 dòng chữ là t tạo ra trong thẻ a
sẽ đưa người dung đến trang web hay 1 cái gì ta gán
trong đó.
Vd <a href =
“https://www.facebook.com/hoangquoc.thinh.35>toi
trang fb cua toi <a>
// phần href là gán trang mình muốn người dung truy cập
đến . giữa thẻ <a><a> ta đặt dòng chữ “tới fb của tôi “ để
khi người dung ấn vào sẽ đưa người dung đến trang fb
của mình ( đường link kia )

5/ li,ul (li = list item, ul=unordered list )- không thứ tự

Li,ol thì có thứ tự( them stt đầu mỗi iteam)
-ul để tạo ra danh sách
+trong danh sách đó sẽ là các li
Vd
<ul> //tạo thẻ ul
<li> giay la gi <li> //các danh sách trong ul là
những gạch đầu dòng
 <li> tai sao nen di giay </li>
<ul>//dóng thẻ ul
Kqua : ~ giay la gi
~tai sao nen di giay
Vd2 : tương tự vd trên ( thay mỗi ul thành ol)
Kqua : 1.giay la gi
2.tại sao ên đi giày
Khác mỗi ở stt đầu

6/ table ( bảng )
-Dung để tạo bảng , trong bảng gồm phần đầu và
phần than
+phần đầu :(thead) để viết đề mục (theo chiều
ngang )
- - gom <th> dung để tạo các mục
+phần thân: (tbody) dung đẻ truyền nội dung
vào bảng
- - gồm <tr>(table row) dung để nhập dữ
liệu vào (tính thoe chiều ngang) . mỗi
 <th> nằm trong <tr> sẽ là 1 dòng ứng với
số đề mục ở <thead>
- Có n đối tượng thì sẽ có n <tr> và có m
<th>
Vd
<table>
<thead>
<th> stt </th>
<th> ho ten </th>
<th> lop </th>
<thead>
<tbody>
<tr>
<th> 1 <th>
<th> HOANG QUOC thinh <th>
<th> 62thva <th>
<tr>
<tr>
<th> 2 <th>
 <th> HOANG QUOC thinh2 <th>
<th> 62thva 2<th>
<tr>
</tbody>
7// input
*Đc tạo ra để người dung có thể nhập 1 thứ gì đó vào
trang web của bạn
- có 3 loại của input đó là
+ text hoặc radio(ô tròn) hoặc submit(gửi)
+ name( để có thể bt các phần text,radio có cùng 1
cái không hay khác)
+ value (dung để định nghĩa cái dòng input đó tên là
gì ) -- khi dungf value thì đẻ bt input đó tên gì thì dung
cả <br> sau khi định gnhiax tên ( đó là trong tuồng gợp
dung text, còn radio thì ko cần value

Vd
//tạo ra 3 cái radio nhưng chỉ đc chọn 1 trong 3 cái đó(vì
thuộc tính radio là v )
<input type = “radio” name”1” , value”son”>nam<br>
<input type = “radio” name “1”>
<input type = “radio” name”1”>
//tạo ra 3 cái checkbox nhưng có thể chọn cả 3 ( vì thuocj
tính checkbox là v)
<input type = “checkbox “name “2”>
<input type = “checkbox “name “2”>
<input type = “checkbox” name “2”>

//tạo submit
<input type = “submit” ,name=”submit”

8// button(nut)
-dung de tao ra 1 ô để người dung ấn vào
Vd như đăngkí, đăng xuất …

9// div
-tao khối riêng cho từng phần (để khi viết nó ko hiện lên
trên cùng 1 dòng khi mình muốn sang phần khác)
Vd <div>
<Button> đăng kí <button>
<div>
10// <b>, <u>, <i>
-<b>: in đậm
- <u> : gạch chân
- <i> : in nghiêng
Vd : <b> đây là cái gì > // hiện lên dòng chữ đậm
11// dl,dt,dd
- Dl : định nghĩa những phần tử trong nó
để tạo nên 1 danh sách
- Dt: định nghĩa 1 phần tử con trong nó
- Dd: là 1 iteam thuộc dt( nó là con của dt)
Vd
<dl> // là cha của dt và là ông của dd
<dt> //tạo 1 đề mục có chứa dd
Giày là gì
<dd> giày là dụng cụ đi ở chân <dd>
 <dt>
<dl>
// có thể hiểu sơ khai là dd sẽ giải thích cho người dungf
biết được dt là gì ( và dt cho người biết được nó là 1 đề
mục lớn bên trong chứa những gì liên quan đến nó. Dl sẽ
tạo ra 1 danh sách gồm dt và dt ) .
Bai2 : css co ban
Có 3 dạng để định nghĩa css trong html:
-internal ( dung trực tiếp ko trong html mà ko cần tạo file
css)
Vd :
<style>
<h1> color : ….</h1>
<style>

-external (tạo ra file css rồi liên kết với html )

trong file html phải dung thẻ <link> để liên kết với
css, trong file css ko cần thẻ style nữa, mà viết luoon h1{

vd : html
<link =…. , main.css>
Css
H1{
}
-inline ( viết luôn vào dòng đó trong html )
Vd <h1 style=”color : red” > đay là shop giay