font-style.

font-size.

font-type.

font-family.

format.

style.

design.

set.

RBG.

CMYK.

RGB.

RYB.

Dấu ",".

Dấu ";".

Dấu ".".

Dấu cách.

< em >.

< u >.

< strong >.

< del >.

< downsize >.

< small >.

< sup >.

< figure >.

< p >H< sup >2< /sup >SO< sup >4< /sup >< /p >

< p >H< small >2< /small  >SO< small >4< /small >< /p >

< p >H< sub >2< /sub >SO< sub >4< /sub >< /p >.

< p >H< down >2< /down >SO< down >4< /down >< /p >

< p >< u >Note< /u >< /p >.

< p style="font-decoration:underline" >Note< /p >.

< p style="text-decoration:underline" >Note< /p >.

< p style="font-style:underline" >Note< /p >.

< h1 style="color:red" >< em >Lịch sử phát triển của HTML< /em >< /h1 >.

< h1 style="color:rgb(205, 0, 0)" >< b >Lịch sử phát triển của HTML< /b >< /h1 >.

< p style="color:red" >< strong >Lịch sử phát triển của HTML< /strong >< /p >.

< h1 style="color:red" >< strong >Lịch sử phát triển của HTML< /strong >< /h1 >.

< h1 style="text-align:center" >Lịch sử phát triển của HTML< /h1 >.

< h1 style="vertical-align:center" >Lịch sử phát triển của HTML< /h1 >.

< h1 style="text-position:center" >Lịch sử phát triển của HTML< /h1 >.

< h1 style="text-decoration" >Lịch sử phát triển của HTML< /h1 >.

< em >

< strong >

< b >

< i >

< ins >

< u >

< underline >

< mark >

< em >

< strong >

< b >

< i >

< cite >

< q >

< blockquote >

< quote >

< highlight >

< mark >

< strong >

< em >

< sup >

< sub >

< upper >

< highlight >

< figcaption >

< caption >

< summary >

< footer >

Xác định kiểu danh sách.

Xác định giá trị bắt đầu đánh số, nhận giá trị là các số nguyên.

Xác định kiểu kí tự đầu dòng.

Xác định kiểu đánh số, các kiểu đánh số là "1", "A", "a", "I" và "i".

Để thêm tiêu đề cho bảng, ta sử dụng thẻ < caption >, ngay trước thẻ < table >.

Các dạng danh sách trong HTML cơ bản gồm danh sách có thứ tự và danh sách khống có thứ tự.

Để chọn kí tự đầu dòng, ta thiết lập giá trị của đặc tính list-style-type trong thuộc tính style bằng một trong 4 giá trị disc, circle, square và none.

Sử dụng thuộc tính con length và height của thuộc tính style để điều chỉnh kích thước của bảng.

< th >.

< td >.

< table >.

< tr >.

px.

%.

mm.

pt.

None.

Dotted.

Shadow.

Solid.

< ul >< /ul >.

< il >< /il >.

< ol >< /ol >.

< al >< /al >.

rowspan.

colframe.

rowsize.

colspan.

background.

color.

bgcolor.

tablecolor.

Đường dẫn tương đối không yêu cầu giao thức hay tên miền mà chỉ cần tên đường dẫn.

Có hai loại URL chính là đường dẫn tuyệt đối và đường dẫn tương đối.

Các tệp có phần mở rộng .txt là các siêu văn bản.

Siêu văn bản là loại văn bản mà nội dung của nó không chỉ chứa văn bản mà còn có thể chứa nhiều dạng dữ liệu khác như âm thanh, hình ảnh,… và đặc biệt là chứa các siêu liên kết tới siêu văn bản khác.

Liên kết ngoài sử dụng đường dẫn tương đối.

Thuộc tính id được gọi là mã định danh đoạn.

Khi sử dụng liên kết trên mạng Internet (mà tài liệu không nằm trên máy chủ của mình), em cần phải sử dụng đường dẫn tương đối.

Liên kết trong sử dụng đường dẫn tuyệt đối.

< i >.

< b >.

< a >.

< l >.

Liên kết từ một trang web tới một trang web khác trên Internet.

Liên kết tới trang web thuộc thư mục khác, dưới hai (hay nhiều) cấp.

Liên kết tới vị trí khác trong cùng trang web.

Liên kết tới trang web cùng thư mục.

"..".

"../".

"./".

"/..".

< pic >.

< image >.

< img >.

< photo >.

< a href="https://www.google.com/" >Google< /a >.

< a url="https://www.google.com/" >Google< /a >.

< a link="https://www.google.com/" >Google< /a >.

< a domain="https://www.google.com/" >Google< /a >.

< a href="project/homepage.html" >Product List< /a >.

< a url="project/product" >Product List< /a >.

< a link="project/product.html" >Product List< /a >.

< a href="project/product.html" >Product List< /a >.

Thuộc tính src.

Thuộc tính target.

Thuộc tính class.

Thuộc tính id.

< a href="info.html" src="images/eiffel.jpg" >< /a >.

< img src="images/eiffel.jpg" >< a href="info.html" >< /a >.

< a href="info.html" >< img src="images/eiffel.jpg" >< /a >.

< a src="info.html" >< img href="images/eiffel.jpg" >< /a >.

Chèn nội dung lên hình ảnh.

Cung cấp văn bản thay thế khi việc hiển thị ảnh bị lỗi.

Chỉ đường dẫn tới tệp ảnh. 

Thiết lập kích thước cho ảnh.

Khi chèn ảnh, nên dùng đường dẫn tuyệt đối để tránh trường hợp tệp ảnh lưu trong máy tính bị lỗi.

Thẻ < img > là thẻ đôi, dùng để thêm ảnh vào trang web.

Khi chèn hình ảnh vào trang web, ta cần quan tâm tới dung lượng của tệp hình ảnh.

PNG là định dạng tệp ảnh đồ hoạ vectơ.

GIF.

TIFF.

EPS.

JPEG.

url.

sizes.

src.

alt.

mm.

rem.

in.

px.

webm.

wav.

ogg.

flac.

width.

preload.

muted.

autoplay.

< music >.

< sound >.

< audio >.

< video >.

source.

type.

control.

form.

< frame >.

< oframe >.

< aframe >.

< iframe >.

controls.

autoplay.

poster.

active.

800 x 750 pixel.

800 x 590 pixel.

800 x 625 pixel.

800 x 675 pixel.

Dữ liệu người dùng nhập vào biểu mẫu được xử lí tại chỗ hoặc gửi về máy chủ.

Thẻ < label > là thẻ đôi.

Biểu mẫu hiển thị trên web và script xử lí dữ liệu đều thuộc phạm vi ngôn ngữ HTML.

Ta thường xuyên gặp các biểu mẫu khi đăng kí tài khoản, mua hàng, tìm kiếm thông tin,…

Nhóm các phần tử có liên quan trong biểu mẫu.

Nhập dữ liệu.

Chỉ định cho trình duyệt tự động lấy dữ liệu người dùng đã nhập trước đây.

Kiểm tra tính hợp lệ của dữ liệu người dùng nhập vào

2.

3.

4.

5.

radio.

password.

text.

file.

< table >< /table >.

< form >< /form >.

< iframe >< /iframe >.

< model >< /model >.

value.

id.

name.

type.

choice.

option.

div.

datalist.

request.

check.

required.

placeholder.

CSS là viết tắt của Cascading Sheets Style.

Mỗi mẫu định dạng CSS chỉ dùng được một lần.

CSS được dùng để thiết lập các mẫu định dạng dùng trong trang web.

CSS sử dụng ngôn ngữ mô tả chung với HTML.

Các mẫu định dạng của CSS có thể được viết trong phần body của trang HTML.

Các mẫu định dạng có thể viết trong tệp CSS ngoài và kết nối vào bất kì trang web nào.

CSS sẽ giúp tách việc nhập nội dung trang web bằng thẻ HTML và việc định dạng thành hai công việc độc lập với nhau.

Cấu trúc tổng quát của CSS bao gồm các mẫu định dạng dùng để tạo khuôn cho các phần tử HTML của trang web.

< title >< /title >.

< body >< /body >.

< meta >< /meta >.

< style >< /style >.

2,46/95.

2,54/96.

2,45/96.

2,49/65.

2.

3.

4.

5.

CSS ngoại tuyến.

CSS ngoài.

CSS trong.

CSS nội tuyến.

{thuộc tính=giá trị;}.

{thuộc tính: giá trị,}.

{thuộc tính: giá trị;}.

{thuộc tính-giá trị,}.

h1 {text-index: center;}.

h1 {text-position: center;}.

h1 {text-indent: center;}.

h1 {text-align: center;}.

p {font-color: brown; font-size: 12px;}.

p {color: brown; text-size: 12px;}.

p {color: brown; font-size: 12px;}.

p {text-color: brown; font-size: 12px;}.

q {font-size: italic;}.

q {font-weight: italic;}.

q {font-family: italic;}.

q {font-style: italic;}.

h1, h2, h3 {font- style: bold;}.

h1, h2, h3 {font- family: bold;}.

h1, h2, h3 {font-type: bold;}.

h1, h2, h3 {font-weight: bold;}.

800.

normal.

bold.

1000.

Các mẫu định dạng văn bản cơ bản bao gồm các thuộc tính liên quan đến phông chữ, màu chữ và định dạng dòng văn bản.

CSS mặc định coi chiều cao dòng văn bản = 2px.

Thuộc tính text-decoration thay thế và mở rộng cho thẻ u của HTML.

Đường cơ sở là đường ngang mà các chữ cái đứng thẳng trên nó.

Đưa đoạn văn bản ra giữa trang.

Thiết lập khoảng cách đều nhau giữa các dòng văn bản.

Căn lề đều hai bên cho đoạn văn bản.

Thiết lập tính chất trang trí dòng văn bản.

Nếu có nhiều mẫu định dạng được viết cho cùng một bộ chọn thì mẫu viết sau cùng sẽ được áp dụng.

Thuộc tính text-decoration không có tính kế thừa.

Nếu một mẫu CSS áp dụng cho một phần tử HTML bất kì thì nó sẽ được tự động áp dụng cho tất cả các phần tử là con, cháu của phần tử đó trong mô hình cây HTML (trừ các trường hợp ngoại lệ, ví dụ các phần tử với mẫu định dạng riêng).

Mức độ ưu tiên của * là cao nhất.

Monospace.

Fantasy.

Sans-serif.

Cursive.

pt.

in.

ex.

px.

*.

important!.

!important.

important.

font-size.

font-weight.

font- style.

font-family.

p {font-size: 2rem;}.

p {font-size: 2em;}.

p {font-size: 2ex;}.

p {font-size: 2cm;}.

p {line-height: 1.5rem;}.

p {line-height: 1.5em;}.

p {line-height: 1.5;}.

p {line-height: 1.5in;}.

p {text-align: 3ex;}.

p {text-align: 3em;}.

p {text-indent: 3em;}.

p {text-indent: 3pt;}.

p {text-decoration: line-center;}.

p {text-decoration: overline;}.

p {text-decoration: underline;}.

p {text-decoration: line-through;}.

all {font-style: Courier;}.

* {font-family: Courier;}.

body {font-family: Courier;}.

* {font-weight: Courier;}.

letter-form.

text-transform.

word-transform.

text-shadow.

Các thuộc tính định dạng màu chữ, màu nền và màu khung viền của CSS đều có tính kế thừa.

Trong hệ màu HSL, màu sẽ biến mất chỉ còn xám khi độ bão hoà bằng 0%.

Mỗi màu trong hệ màu RGB là một tổ hợp gồm 3 giá trị, trong đó mỗi giá trị này là số nguyên nằm trong khoảng từ 0 đến 256, tức là một số 8 bit.

Trong hệ màu RGB có 255 màu thuộc màu xám.

Quan hệ anh em liền kề. Áp dụng cho các phần tử F là phần tử liền kề ngay sau E, E và F phải có cùng phần tử cha.

Quan hệ anh em. Áp dụng cho các phần tử F là phần tử đứng sau, không cần liên tục với E, E và F phải có cùng phần tử cha.

Quan hệ cha con trực tiếp. Áp dụng cho các phần tử F với điều kiện F là phần tử con/cháu của E, tức là E phải ở phía trên F trong cây HTML.

Quan hệ con cháu. Áp dụng cho các phần tử F với điều kiện F là phần tử con của E.

E ~F.

E F.

E + F.

E > F.

RYB.

HSB.

HSL.

CMYK.

E ~F.

E F.

E > F.

E + F.

background-color.

bgcolor.

color.

border.

808000.808000.

#800080.800080.

#808080.808080.

#808000.808000.

div p {background-color: lightblue;}

p + em {color: red;}.

p > strong {color: green;}.

strong  em {color: gray;}.