Giáo Trình
HTML (XHTML)
CSS
Biên soạn : Nguyễn Minh Thành
Tp.HCM, 2010
Mục Lục
Bài 1
TỔNG QUAN VỀ THIẾT KẾ WEB .................................................................7
1.1. Các khái niệm cơ bản: ........................................................................................7
1.1.1.
Web Tĩnh .................................................................................................7
1.1.2.
Web Động ................................................................................................7
1.1.3.
Mạng Internet ...........................................................................................8
1.1.4.
Các dịch vụ cơ bản trên Internet ..............................................................8
1.1.5.
HTTP – Hyper Text Transfer Protocol ....................................................8
1.1.6.
HTML – Hyper Text Markup Language .................................................8
1.1.7.
Webpage – trang web ..............................................................................8
1.1.8.
Website ....................................................................................................9
1.1.9.
Homepage ................................................................................................9
1.1.10.
Web Server ..............................................................................................9
1.1.11.
Tên miền – Domain Name – Web Server Name .....................................9
1.1.12.
Hosting .....................................................................................................9
1.1.13.
URL – Uniform Resource Location ......................................................10
1.1.14.
Browser ..................................................................................................10
1.2. Soạn Thảo Trang Web .....................................................................................10
1.2.1.
Chương trình soạn thảo ..........................................................................10
1.2.2.
Đặt tên, lưu & mở tập tin .......................................................................10
1.2.3.
Xem trang web sau khi soạn thảo ..........................................................11
Bài 2
GIỚI THIỆU VỀ HTML - XHML ..................................................................12
2.1. Định nghĩa về HTML.......................................................................................12
2.2. Cấu trúc cơ bản của một trang Web .................................................................12
2.2.1.
Doctype ..................................................................................................12
2.2.2.
Cây văn bản HTML ...............................................................................15
2.2.3.
Thiết lập thuộc tính cho phần tử ............................................................16
2.2.4.
Sự khác nhau giữa HTML và XHTML .................................................17
2.3. Các kí tự đặc biệt .............................................................................................18
Bài 3
HEAD ELEMENTS - CÁC PHẦN TỬ ĐẦU TRANG WEB ........................19
3.1. head ..................................................................................................................19
3.2. base...................................................................................................................19
3.3. link ...................................................................................................................20
3.4. meta ..................................................................................................................21
3.5. script .................................................................................................................22
3.6. style ..................................................................................................................23
3.7. title ...................................................................................................................24
Bài 4
CÁC PHẦN TỬ CẤU TRÚC ..........................................................................25
4.1. html ..................................................................................................................25
4.2. body..................................................................................................................25
4.3. h1, h2, h3, h4, h5, h6........................................................................................26
4.4. p ........................................................................................................................26
4.5. blockquote ........................................................................................................27
4.6. br ......................................................................................................................28
4.7. hr ......................................................................................................................29
4.8. div.....................................................................................................................30
Bài 5
CÁC PHẦN TỬ ĐỊNH DẠNG KÍ TỰ - VĂN BẢN ......................................31
5.1. b ........................................................................................................................31
5.2. i.........................................................................................................................31
5.3. u ........................................................................................................................31
5.4. font ...................................................................................................................31
5.5. big.....................................................................................................................32
5.6. strong ................................................................................................................32
5.7. small .................................................................................................................32
5.8. em .....................................................................................................................32
5.9. tt .......................................................................................................................33
5.10.
abbr ...............................................................................................................33
5.11.
acronym ........................................................................................................33
5.12.
basefont .........................................................................................................33
5.13.
bdo ................................................................................................................33
5.14.
blink ..............................................................................................................34
5.15.
center ............................................................................................................34
5.16.
address ..........................................................................................................34
5.17.
cite.................................................................................................................34
5.18.
code ...............................................................................................................34
5.19.
var .................................................................................................................34
5.20.
plaintext ........................................................................................................34
5.21.
comment .......................................................................................................34
5.22.
nobr ...............................................................................................................35
5.23.
strike .............................................................................................................35
5.24.
sup .................................................................................................................35
5.25.
sub .................................................................................................................35
5.26.
dfn .................................................................................................................35
5.27.
kbd ................................................................................................................35
5.28.
pre .................................................................................................................36
5.29.
marquee ........................................................................................................36
5.30.
span ...............................................................................................................37
Bài 6
TẠO DANH SÁCH .........................................................................................38
6.1. ul, li ..................................................................................................................38
6.2. ol, li ..................................................................................................................38
6.3. dl, dt, dd ...........................................................................................................39
6.4. Danh sách lồng .................................................................................................40
Bài 7
CHÈN HÌNH ẢNH, MEDIA VÀ LIÊN KẾT .................................................41
7.1. img ...................................................................................................................41
7.2. embed ...............................................................................................................41
7.3. object ................................................................................................................41
7.4. bgsound ............................................................................................................42
7.5. applet ................................................................................................................42
7.6. area ...................................................................................................................43
7.7. a ........................................................................................................................43
Bài 8
CHÈN BẢNG ..................................................................................................44
8.1. table, caption, th, tr, td .....................................................................................44
Bài 9
TẠO BIỂU MẪU - FORM ..............................................................................46
9.1. Giới thiệu .........................................................................................................46
9.2. Định nghĩa Form ..............................................................................................46
9.3. Các thành phàn trên Form ................................................................................46
9.3.1.
Textbox – hộp văn bản ..........................................................................46
9.3.2.
Hidden – thông tin ẩn ............................................................................47
9.3.3.
Password – hộp mật khẩu ......................................................................47
9.3.4.
Checkbox – hộp kiểm ............................................................................47
9.3.5.
Radio Button – nút chọn ........................................................................47
9.3.6.
File Upload – hộp tải file .......................................................................47
9.3.7.
Button - Nút lệnh ...................................................................................47
9.3.8.
Combobox - hộp danh sách 1 ................................................................48
9.3.9.
Listbox – hộp danh sách nhiều ..............................................................48
9.3.10.
Textarea – khung văn bản ......................................................................48
9.3.11.
Submit Button – nút gửi dữ liệu ............................................................48
9.3.12.
Reset Button – nút phục hồi dữ liệu ......................................................48
9.3.13.
Một vài ví dụ ..........................................................................................49
Bài 10
TẠO KHUNG - FRAME .............................................................................53
10.1.
Thiết kế Frame ..............................................................................................53
10.2.
frameset ........................................................................................................53
10.3.
frame .............................................................................................................53
10.4.
noframe .........................................................................................................54
10.5.
Ví dụ .............................................................................................................54
Bài 11
11.1.
CHỌN BỐ CỤC & TỔ CHỨC WEBSITE ..................................................56
Tổ chức website ............................................................................................56
11.1.1.
Các tập tin HTML của 1 Website ..........................................................56
11.1.2.
Trang chủ của 1 Website .......................................................................56
11.1.3.
Tổ chức lưu trữ 1 Website .....................................................................56
11.1.4.
Địa chỉ tương đối & Địa chỉ tuyệt đối. ..................................................57
11.2.
Chọn bố cục cho trang web ..........................................................................57
11.2.1.
Độ phân giải màn hình ...........................................................................57
11.2.2.
Chế độ màu ............................................................................................58
11.3.
Bài 12
Bố cục cho trang web ...................................................................................58
GIỚI THIỆU VỀ CSS (Cascading Style Sheet) ...........................................60
12.1.
Giới thiệu ......................................................................................................60
12.2.
Các cách thiết kế CSS ...................................................................................60
12.2.1.
Thiết kế chung trong phần tử .................................................................60
12.2.2.
Nhúng Style ...........................................................................................60
12.2.3.
Liên kết đến file CSS .............................................................................61
12.3.
Các định nghĩa CSS ......................................................................................61
12.4.
Các thuộc tính ...............................................................................................64
12.4.1.
Thuộc tính kích thước ............................................................................64
12.4.2.
Thuộc tính lề ..........................................................................................64
12.4.3.
Thuộc tính khung viền ...........................................................................64
12.4.4.
Thuộc tính bố cục ..................................................................................65
12.4.5.
Thuộc tính danh sách .............................................................................65
12.4.6.
Thuộc tính bảng .....................................................................................66
12.4.7.
Thuộc tính về màu sắc và nền................................................................66
12.4.8.
Thuộc tính định dạng kí tự - văn bản .....................................................66
12.4.9.
Thuộc tính về giao diện người dùng ......................................................67
12.4.10.
Thuộc tính phân trang.........................................................................67
12.4.11.
Thuộc tính giàng riêng cho FireFox ...................................................67
12.4.12.
Thuộc tính giàng riêng cho IE ............................................................67
12.5.
Mô hình định dạng phần tử trong CSS .........................................................67
12.5.1.
Mô hình hộp (box) .................................................................................67
12.5.2.
Margin Collapsing (thu hẹp lề) ..............................................................68
12.5.3.
Thiết lập vị trí ........................................................................................69
12.5.4.
Thiết lập hộp nổi (float box) ..................................................................70
12.6.
Sử dụng hình ảnh nền ...................................................................................71
12.6.1.
Sử dụng ảnh nền cơ bản .........................................................................71
12.6.2.
Box viền bo tròn góc cố định kích thước...............................................72
12.6.3.
Box viền bo tròn góc có chiều cao thay đổi...........................................72
12.6.4.
Box viền bo tròn góc có chiều rộng và cao thay đổi .............................73
12.6.5.
Tạo bóng cho khung ảnh........................................................................74
12.6.6.
Tạo liên kết với kĩ thuật rollover ...........................................................75
12.6.7.
Tạo liên kết với kĩ thuật pixy .................................................................75
12.6.8.
Tạo thanh menu dọc với kĩ thuật pixy ...................................................76
12.6.9.
Tạo thanh menu ngang ...........................................................................77
12.6.10.
Layout 2 cột ........................................................................................78
12.6.11.
Layout 3 cột ........................................................................................80
12.6.12.
Layout 3 cột với kĩ thuật Faux ...........................................................81
Giáo trình HTML
TỔNG QUAN VỀ THIẾT KẾ WEB
Bài 1
Các khái niệm cơ bản:
1.1.
1.1.1.
Web Tĩnh
Thường được xây dựng bằng các ngôn ngữ HTML, DHTML dùng để thiết kế các
trang web có nội dung ít cần thay đổi và cập nhật. Thích hợp với cá nhân, tổ chức,
doanh nghiệp vừa và nhỏ mới làm quen với môi trường Internet.
o
o
Ưu điểm:
Thiết kế đồ hoạ đẹp: Trình bày ấn tượng vì về phần mỹ thuật chúng ta có
thể hoàn toàn tự do trình bày các ý tưởng trên toàn diện tích trang.
Tốc độ truy cập nhanh vì không mất thời gian trong việc truy vấn cơ sở
dữ liệu như các trang web động.
Chi phí đầu tư thấp: Chi phí xây dựng website tĩnh thấp hơn nhiều so với
website động vì không phải xây dựng các cơ sở dữ liệu, lập trình và chi
phí cho việc thuê Hosting. . .
Nhược điểm cơ bản:
Khó khăn trong việc thay đổi và cập nhật thông tin: Muốn thay đổi và
cập nhật nội dung thông tin phải biết về ngôn ngữ html, sử dụng được
các chương trình thiết kế đồ hoạ, thiết kế web, cập nhật file lên server.
Thông tin không có tính linh hoạt: Do nội dung trên trang web tĩnh được
thiết kế cố định nên khi nhu cầu về thông tin của người truy cập tăng cao
thì thông tin trên website tĩnh sẽ không đáp ứng được.
Khó tích hợp, nâng cấp, mở rộng: Khi muốn mở rộng, nâng cấp một
website tĩnh hầu như là phải làm mới lại website.
1.1.2.
Web Động
Web động là thuật ngữ được dùng để chỉ những website có cơ sở dữ liệu và được
hỗ trợ bởi các phần mềm phát triển web.
o
Với web động, thông tin hiển thị được gọi ra từ 1 cơ sở dữ liệu khi người
dùng truy vấn tới một trang web. Chẳng hạn ứng dụng thương mại điện tử
(một cửa hàng trực tuyến) trưng bày catalogue sản phẩm trên website hay
theo dõi kho hàng, khi một mặt hàng được giao, ngay lập tức những trang có
liên quan đến sản phẩm đó phản ánh sự thay đổi này.
o
Web động thường được phát triển bằng các ngôn ngữ lập trình tiên tiến như
PHP, ASP, ASP.NET, Java, CGI, Perl, và sử dụng các cơ sở dữ liệu quan hệ
mạnh như Access, My SQL, MS SQL, Oracle…
Biên soạn Nguyễn Minh Thành
7
Giáo trình HTML
o
Thông tin trên web động luôn luôn mới vì nó dễ dàng được thường xuyên
cập nhật thông qua việc sử dụng các công cụ cập nhật của các phần mềm
quản trị web . Thông tin luôn được cập nhật trong một cơ sở dữ liệu và người
dùng Internet có thể xem những chỉnh sửa đó ngay lập tức. Vì vậy website
được hỗ trợ bởi cơ sở dữ liệu là phương tiện trao đổi thông tin nhanh nhất
với người dùng Internet. Điều dễ nhận thấy là những website thường xuyên
được cập nhật sẽ thu hút nhiều khách hàng tới thăm hơn.
o
Tất cả các website Thương mại điện tử, các mạng thông tin lớn, các website
của các tổ chức, doanh nghiệp hoạt động chuyên nghiệp trên Net đều sử dụng
công nghệ web động. Có thể nói web động là website của giới chuyên nghiệp
hoạt động trên môi trường Internet.
1.1.3.
Mạng Internet
Mạng máy tính toàn cầu – Hệ thống mạng của các mạng. Tiền thân ban đầu là
mạng ARPANET(Tổ chức Advanced Research Projects Agency) của Mỹ sáng lập
1969. Phục vụ trao đổi dữ liệu giữa các trường đại học & Bộ quốc phòng.
1.1.4.
Các dịch vụ cơ bản trên Internet
WWW-Wold Wide Web: Dịch vụ trao đổi,tìm kiếm truy cập thông tin trên
mạng theo giao thức HTTP. Được sử dụng thông qua trình duyệt Web
Email – Eletronic Mail-Thư điện tử: Dịch vụ trao đổi các thông điệp cho
nhau SMTP(Smple mail tranfer protocol) Pop3 (Post office protocol 3) được
quản
lý
bởi
các
Mail
server
như:
[email protected]
,
[email protected] , [email protected]
FTP – File transferprotocol – Truyền tải tập tin : Dịch vụ trao đổi tập tin
giữa các máy trên Internet thường được dùng để Download & Upload các trang
web từ người thiết kế đến các máy chủ thông qua các chương trình FTP như
FTP Explorer, FlashFXP.
Chat –Tán : Dịch vụ cho phép người dùng trao đổi trực tuyến với nhau qua
mạng internet bằng văn bản, âm thanh, hìinh ảnh.Như : AOL, Yahoo
messenger
1.1.5.
HTTP – Hyper Text Transfer Protocol
Giao thức dùng để giao tiếp với các trang Web.
1.1.6.
HTML – Hyper Text Markup Language
Ngôn ngữ đánh dấu siêu văn bản dùng để thiết kế trang Web.
1.1.7.
Webpage – trang web
Là một tập tin văn bản soạn thảo theo ngôn ngữ HTML có phần mở rộng là
HTML hoặc HTM.
Biên soạn Nguyễn Minh Thành
8
Giáo trình HTML
1.1.8.
Website
Chuyên khu Web tập hợp các trang web thuộc 1 chủ đề.
1.1.9.
Homepage
Trang đầu tiên-Trang chủ của 1 Website(Index.html, Index.htm, Default.htm . . .)
1.1.10. Web Server
Máy chủ web-Máy tính cấu hình mạnh, lưu trữ các trang Web kết nối thường
xuyên với mạng cho phép các máy khác truy cập thông tin.Tên miền – Domain Name
– Web Server Name
Để phân biệt mỗi Web Server có một địa chỉ IP và được ánh xạ bởi 1 tên
(VD:www.vietnamnet.vn). Được xem như tên giao dịch của công ty, tổ chức trên
Internet.
Tên miền cấp 1: Bao gồm mã quốc gia như :Việt Nam: .VN, Anh: .UK, Mỹ:
.US, Nhật:.JP...) và 1 số lĩnh vực.
.com : Thương mại
.edu : Tổ chức giáo dục
.net : Các mạng thông tin
.info : Các mạng thông tin
.int : Tổ chức quốc tế
.org : Các tổ chức khác
.gov : Tổ chức chính phủ
.mil : Tổ chức quân sự
Tên miền cấp 2: Có thể kết hợp lĩnh vực với mã quốc gia để hình thành tên
miền cấp 2 như www.tuoitre.com.vn .Để sở hữu 1 tên miền phải trả chi phí hàng
năm thông qua các công ty ủy quyền bán tên miền.
1.1.12. Hosting
Khi hoàn tất website phải được ghi lưu vào 1 webserver nào đó thì mới truy cập
được thông thường là các server cùa ISP (Nhà cung cấp dịch vụ Internet hay đơn vị
chuyên dụng) . Tùy theo dung lượng, băng thông và một số hỗ trợ mà chi phí khác
nhau.
Biên soạn Nguyễn Minh Thành
9
Giáo trình HTML
1.1.13. URL – Uniform Resource Location
Địa chỉ truy cập của trang Web, 1 tập tin trong Website
http://Webservername/……/File.html
Trang chủ mặc định không cần khai báo
VD: http://www.tuoitre.com.vn
Tức là: http://www.tuoitre.com.vn/Index.htm
1.1.14. Browser
Trình duyệt Web dùng để đọc và hiển thị các trang Web. Phổ biến:
InternetExplorer,Netscape,FireFox.
1.2.
Soạn Thảo Trang Web
1.2.1.
Chương trình soạn thảo
Trang web là 1 tập tin văn bản không định dạng, chứa các thẻ (Tag). Viết bằng
mã nguồn HTML trên chương trình soạn thảo văn bản không định dạng như:
NotePad. Ngoài ra, ngày nay có rất nhiều phần mềm hỗ trợ thiết kế web, cho phép
người thiết kế vừa thiết kế bằng mã HTML, vừa thiết kế với giao diện đồ họa như :
Microsoft Word, MS FrontPage, Dreamwaver, Visual Studio…
Khởi động : Start/Program/Accessories/NotePad
Ghi chú: Nếu sử dụng chữ có dấu, thì phải
Thiết lập bảng mã Unicode cho trình gõ VietKey, Unikey,
Chọn Font Unicode trong trình soạn thảo (Format / Font Arial ,
Tahoma, . . .)
1.2.2.
Đặt tên, lưu & mở tập tin
Tập tin lưu trữ có phần mở rộng là: .htm hoặc .html
Biên soạn Nguyễn Minh Thành
10
Giáo trình HTML
Lưu tập tin: Tại cửa sổ soạn thảo: File/SaveFilename: Tên.html (VD:
VD01.html)
Save as type: AllFilesEncoding: UTF-8 (Nếu nội dung có dấu) Save
Lưu lại với tên khác: Tại cửa sổ soạn thảo File/Save As
Mở tập tin đã soạn thảo: Tại cửa sổ soạn thảo: File/Open
Chọn tập tin cần mở
Open
1.2.3.
Xem trang web sau khi soạn thảo
Cách 1: Mở thư mục đã lưu trữ Double Click tập tin .htm
Cách 2: Khởi động trình duyệt (IE) File/Open
Chọn Browser để tìm tập tin cần mở Ok
Kết quả hiện thị
Biên soạn Nguyễn Minh Thành
11
Giáo trình HTML
Bài 2
2.1.
GIỚI THIỆU VỀ HTML - XHML
Định nghĩa về HTML
HTML là một bộ các mã lệnh logic (mã lệnh đánh dấu) được đặt trong các đấu
ngoặc(< >), các mã lệnh này cấu tạo nên sự trình bày một văn bản web và các thông
tin chứa trong nó.
Vb :
văn bản này sẽ được in đậm trong trình duyệt web
Những mã HTML này luôn được đặt trong cặp dấu nhỏ hơn (<) và lớn hơn(>) và
không phân biệt hoa thường. Tuy nhiên, các mã sẽ dễ được nhận ra trong trình duyệt
nếu các mã được viết ở dạng chữ thường.
Các phần tử HTML luôn có một thẻ (tag) mở và một thẻ đóng, phân biệt nhau
bởi dấu “/” bên trong dấu ngoặc “<”.
Từ đầu tiên sau dấu ngoặc “<” của thẻ mở được gọi là tên phần tử (Element)
HTML. Một phần tử HTML là một lệnh, để cho trình duyệt web biết phải làm điều gì.
Vd : - phần tử trình bày font chữ.
Các từ theo sau tên phần tử và được chứa bên trong dấu ngoặc “>” của thẻ mở
được gọi là các thuộc tính (attribute). Các thuộc tính không được lặp lại hay chứa
trong thẻ đóng. Các thuộc tính là một cách khác để miêu tả các tính chất của một phần
tử. ví dụ, một cái áo có các thuộc tính hay tính chất cơ bản như : màu sắc, kích thước,
chất liệu…, tất cả chúng gọi là các thuộc tính.
Các thuộc tính được xuất hiện bên phải tên phần tử và được phân cách bởi các
khoảng trắng, và theo sau là dấu “=”. Giá trị của thuộc tính ở phía sau dấu “=” và được
chứa trong dấu ngoặc kép “value” . Ví dụ, thẻ font với thuộc tính màu sắc có giá trị là
màu xanh được thể hiện như sau :
Vd : văn bản sẽ có màu xanh
2.2.
Cấu trúc cơ bản của một trang Web
Một trang web được cấu trúc bởi các yếu tố sau :
2.2.1.
Doctype
Doctype là phần tử đầu tiên xuất hiện trong mã nguồn của một trang web.
Phần tử này cung cấp cho trình duyệt web biết thông tin về loại (hay phiên bản)
ngôn ngữ đánh dấu được viết trong trong web đó, điều này có thể có hoặc không có
ảnh hưởng gì đến việc thể hiện nội dung của trang web. Nếu bạn sử dụng trình biên
soạn web của hãng WYSIWYG, thì các trình biên soạn của hãng này sẽ tự động tạo
Biên soạn Nguyễn Minh Thành
12
Giáo trình HTML
ra phần tử doctype và cho phép bạn chọn trong một cửa sổ dialog loại văn bản mà
bạn muốn tạo. Tuy nhiên, nếu bạn không sử dụng trình biên soạn của hãng
WYSIWYG, bạn có thể tham khảo danh sách các loại doctype được trình bày bại
…….. .
Phần tử doctype được trình bày trong trang web theo mẫu sau:
Page title
Trong ví dụ trên, doctype chỉ định loại văn bản được trình bày dựa theo quy
tắc của mã lệnh HTML 4.01. Tuy nhiên, bạn cũng có thể thấy loại XHTML 1.0 và 1.1
được chỉ định tương tự như mẫu trên. Có một chút khác biệt về cú pháp giữ hai chuẩn
HTML và XHTML, các bạn có thể xem xét chúng ở …… .
Doctype
Miêu tả
XHTML 1.1 được định dạng lại
trên chuẩn XHTML 1.0 Strict,
như vậy các luật cũng theo
XHTML 1.0 Strict, tuy nhiên cho
phép module hóa, tức là có thể
thêm các module (ví dụ, cung cấp
Ruby hỗ trợ ngôn ngữ Chinese,
Japan, Korea)
HTML 3.2 là một doctype cổ,
khong còn được khuyến cáo sử
dụng.
HTML 3.0 là một doctype cổ,
khong còn được khuyến cáo sử
dụng.
HTML 3.0 là một doctype cổ,
khong còn được khuyến cáo sử
dụng.
Biên soạn Nguyễn Minh Thành
14
Giáo trình HTML
2.2.2.
Cây văn bản HTML
Một trang web có thể được xem như là một cây văn bản có thể chứa nhiều
nhánh trong đó. Sau khi khai báo loại tài liệu (DOCTYPE), thì nội dung một văn bản
web được thể hiện dưới dạng một cây văn bản như ví dụ sau :
Nhìn vào ví dụ trên ta thấy, html là thẻ chính chứa hai thẻ con là head và
body. Thẻ head có hai nhánh con là meta và title. Thẻ body là thẻ chứa các thẻ con
thể hiện nội dung cho trang web như các đầu đề (heading), các đoạn văn (paragraph)
và các khối văn bản(blockquote).
Cấu trúc & ý nghĩa của các thành tố trong cây văn bản HTML :
phần đầu của trang web, định nghĩa các nội dung sau :
Tiêu đề cho văn bản web. Tiêu đề này được xuất hiện phía
trên thanh tiêu đề của trình duyệt web, hay tiêu đề sẽ được hiển thị
nếu trang web được lưu lại trong mục Favorite hoặc danh sách
Bookmark. thiết lập địa chỉ gốc cho văn bản web. Địa chỉ này có thể
được sử dụng để giải quyết các địa chỉ khác có liên quan trong văn
bản.
chỉ định mối quan hệ giữa văn bản này với các đối tượng
khác trong trang web.
cung cấp các thông tin như từ khóa và miêu tả của trang
web, dùng để cho các bộ máy tìm kiếm ra trang web
Biên soạn Nguyễn Minh Thành
15
Giáo trình HTML
Chứa các phần tử HTML để miêu tả nội dung cho trang web.
2.2.3.
Thiết lập thuộc tính cho phần tử
Mỗi phần tử HTML đều có các thuộc tính để thay đổi cách thể hiện của nó trên
trang web, để thiết lập thuộc tính cho một phần tử (như đã trình bày trong phần giới
thiệu), phía sau tên của phần tử trong thẻ mở, ta gõ tên thuộc tính, dấu bằng và giá trị
của thuộc tính theo sau.
Ví dụ : để thiết lập màu nền cho trang web, ta sẽ thiết lập màu cho thuộc tính
bgclolor trong thẻ body (thẻ body thể hiện nội dung trình bày cho trang web) như sau:
Mã màu trong trang web sử dụng mã RGB và thể hiện dưới dạng số hexa (thập
luc phân). Dưới đây là bảng một số mã màu thường dùng :
Màu
Trắng
Đen
Đỏ
Xanh lá
Xanh dương
Đỏ tía
Lục lam
Vàng
Xanh biển
Sô cô la
Tím
Đồng thau
Đồng đỏ
Hồng
Cam
Biên soạn Nguyễn Minh Thành
Mã hexa
#FFFFFF
#000000
#FF0000
#00FF00
#0000FF
#FF00FF
#00FFFF
#FFFF00
#70DB93
#5C3317
#9F5F9F
#B5A642
#B87333
#FF6EC7
#FF7F00
16
Giáo trình HTML
2.2.4.
Sự khác nhau giữa HTML và XHTML
XHTML là sự bổ sung đầy đủ hơn cho HTML với nhiều tùy chọn tốt hơn cho
việc thể hiện. Tuy nhiên, vẫn có nhiều ngưởi sử dụng ngôn ngữ HTML (mới nhất là
HTML 5) và vẫn cho rằng HTML là dễ sử dụng hơn XHTML. Vì vậy, ta cần xác định
những điểm khác nhau chính giữa 2 chuẩn ngôn ngữ này để thuận tiện cho việc chọn
lựa khi thiết kế :
XHTML khó hơn HTML, trong XHTML có nhiều phần tử hơn trong ngôn
ngữ HTML (nếu sử dụng HTML 4 trở xuống). Và trong XHTML, các
phần tử bắt buộc phải có một thẻ mở và một thẻ đóng. Ví dụ :
văn
bản trong XHTML
, nhưng trong HTML có thể chỉ cần
văn bản
trong HTML (ko cần thẻ đóng).
Trong XHTML, đối với những thẻ trống (những thẻ không có nội dung
hay để tham chiếu đến một nguồn tài nguyên nào đó), như : img, link,
meta, thì trong thẻ phải có đấu gạch đóng “/”. Ví dụ : .
XHTML cho phép chúng ta sử dụng một số như những phần tử trống, ví
dụ như ta có thể sử dụng một paragraph trống
.PDF 
81 
240 
110 
