Các trang viết bằng ngôn ngữ HTML có cấu trúc như sau: Thẻ rỗng: Trường hợp này không có kết thúc thẻ .2.1 Các thẻ định nghĩa đoạn văn bản, kiểu chữ Thẻ P: Định nghĩa đoạn văn bản... H
Trang 1Các trang viết bằng ngôn ngữ HTML có cấu trúc như sau:
Thẻ rỗng: <Tên thẻ> (Trường hợp này không có kết thúc thẻ)
.2.1 Các thẻ định nghĩa đoạn văn bản, kiểu chữ
Thẻ P: Định nghĩa đoạn văn bản
Trang 2Hiển thị trên trình duyệt
Hình 4.1: Hiển thị đoạn văn bản Thẻ H: Quy định kích cỡ của tiêu đề
<H1> Tieu de co chu lon nhat (H1) </H1><br>
<H2> Tieu de co chu lon thu hai (H2) </H1><br>
Trang 3Hình 4.2: Ví dụ về tiêu đề văn bản Thẻ B: Chữ đậm
Trang 4Hiển thị trên trình duyệt
Hình 4.3: Đoạn văn bản chữ nghiêng
Trang 5Hình 4.4: Đoạn văn bản chữ gạch chân
ONT: Quy định font chữ
LOR=”mã màu hoặc tên màu”
t số tên font thông dụng: VnTime; VnTimeH; VnArial;
<p><font face="Arial" color="#000000" size="2"> Phần text có font Arial
theo chuẩn Unicode, cỡ chữ bằng 2, m
Trang 6Thẻ BR: Xuống dòng <BR>(Thuộc loại thẻ rỗng)
Trang 7Hình 4.7: Chỉ số dưới Thẻ Sup: Chữ nhỏ chỉ số trên
<DT>Danh sá DT>
<DT>Danh sách mức 1</DT>
<DD>Danh sách mức 2</DD>
ch mức 1</
Trang 8<DL><b><i>De muc danh sach</i></b>
<DT>Danh sach muc 1</DT>
<DT>Danh sach muc 1</DT>
DD>Danh sach muc 2</DD>
/body>
/html>
/head>
<
<DD>Danh sach muc 2</DD>
<DT>Danh sach muc 1</DT>
<DD>Danh sach muc 2</DD>
Trang 11Một số tham số của bảng:
Cách s
acing: Quy định khoảng cách của phần tử ngoài cell đến đường
bảng hoặc một cell
height: Quy định độ cao của một bảng hoặc một cell
Quy định tính trôi nổi của bảng hoặc định vị phần tử trong
Quy định độ dày của đường viền trong bảng
Trang 12úc xinh đẹp của Hà Nội.<br><br>Vốn được xây
n nhiên đã ban tặng cho Hà Nội một nét đặc sắc mà
c, đó là những dòng sông nhỏ chảy uốn lượn trong phố, là vô số những hồ lớn nhỏ mà phần lớn đều có đảo và bán đảo
ng của người dân thành phố viên ngọc tô điểm cho bộ mặt đô thành Có
ộ phận hữu cơ tạo nên Hà Nội của chúng ta
i Hà Nội đã phát hiện, nắm bắt được nét đẹp
điểm xuyết thêm cho nó, người Hà sông, nối liền bờ - đảo với những
ác nhau theo từng hoàn cảnh Đặc sắc nhất có lẽ phải nói đến cầu
i cây cầu
ăn Siêu
ủa nước Việt, đây chính là một phần không thể thiếu của cụm công trình văn hóa liên hoàn nổi tiếng "Đền Ngọc Sơn - Cầu Thê Húc - Tháp Bút - Đài Nghiên" đã làm tăng lên sự lung linh huyền diệu của khu "Linh Địa" Hồ Gươm Hà Nội có ca dao rằng:<br><br><i>Rủ nhau xem cảnh Kiếm Hồ<br>Xem cầu Thê Húc, xem chùa Ngọc Sơn<br>Đài Nghiên, Tháp Bút chưa mòn<br>Hỏi ai gây dựng nên non nước này </i>
<p align="right"><font face="Arial" size="2"><i>Mai Lâm</i></font></p>
<p align="justify"><font face="Arial" size="2">Nhắc đế
Nội, hẳn bạn sẽ nghĩ ngay đến những cây cầu lớn như Long Biên, Thăng Long hay Chương Dương Tuy nhiên bài viết này sẽ đưa bạn đến với những
khác của Hà Nội, nhỏ bé hơn nhiều nhưng lại là những nét chấm phá kh
thiếu trong không gian kiến tr
dựng bên bờ sông Cái, thiê
hiếm thành phố nào có đượ
lòng thành
được tạo bởi thiên nhiên hoặc do công sức lao độ
qua các thế hệ, chúng như những
thể nói sông, hồ đã trở thành một b
Với sự thông minh sáng tạo, ngườ
đặc trưng đó của thành phố mình và như để
Nội đã tạo nên những cây cầu nối những bờ
sắc thái kh
Thê Húc, khi nhắc đến thắng cảnh Hồ Gươm không thể không nhắc tớ
này Được dựng từ năm 1865 theo ý tưởng của Phương đình Nguyễn V
- nhà văn hóa lớn c
Hiển thị trên trình duyệt
Trang 13Hình 4.13: Trang web bố trí ảnh và text Thẻ IM
RC=”đường dẫn đến ảnh cần gọi” border=”chiều rộng đường viền”
h=”chiều rộng ảnh” height=”chiều cao ảnh” trí của ảnh”>
Mã nguồn
<html>
<head>
Trang 143.2.3 Tên một đối tượng, hyperlink (thẻ A)
Tên một đối tượng: <
Hyperlink: <A href =”đường dẫn đến file”>Phần t
Trang 15thuật h người nông dân miền Bắc Việt Nam rất yêu thích
href="n
<p ><b Thái</b></font><br>
Làng n hái, còn gọi là làng Bưởi, ở phía Tây Bắc của Thủ đô ây bắt đầu từ thế kỷ XV, được Nguyễn Trãi nói đến khá ư địa chí"</i> của ông (viết năm 1435): Phường Yên Bá
href="n 3110240142" id="l5">Chi tiết</a></i></p>
<p><b><a name ="cungdinh" >Nhạc cung đình Huế</a> - loại hình âm nhạc
g trăm năm nay, nghệ
loại hình nghệ thuật truyền thống độc đáo của Việt Nam Trong đó ng
i ở Thăng Long đương thời chuyên làm giấy; người thợ thủ công ở đây
ra giấy thị (để viết chỉ thị); giấy lệnh (để ghi mệnh lệnh) <i><ghethuat.asp?id=BT1
Trang 16href="nghethuat.asp?id=BT14110236304" id="l5">Chi tiết</a></i></p>
ghề đúc đồng ở Sài Gòn xưa</b></font><br>
Ở đúc đồng là một nghề thủ công dân gian truyền thống Nếu bỏ qua sự tồn tại về một nghề đúc đồng của c n địa thì nghề đúc đồng của
ệt có lẽ đã xuất hiện ngay từ những thế hệ đầu tiên đi mở đất - Với
u cầu về vũ khí, đồ sinh hoạt Và, ngày càng được bổ sung phát triển
Trang 17Hình 4.16 Book mark
Trang 18FORM method=”POST” action=”đường dẫn đến chương trình”>
ch thức trao đổi thông tin qua chương trình
- Mỗi form thường gắn với một chương trình thực hiện gọi là "script",
chương trình này sẽ tiến hành làm một công việc nào đó khi người dùng
nhấn nút chấp nhận (submit) trên form
Trang 19Các thẻ tạo form:
Thẻ INPUT:
Cú pháp: <INPUT type=”loại thẻ” name=”Tên trường” value=”giá trị”>
Có các loại sau:
Text: Hộp text box có một dòng để điền dữ liệu
Checkbox: Hộp lựa chọn logic kiểu giá trị tập hợp
Radio: Hộp lựa chọn logic kiểu giá trị duy nhất
Button: Tạo một nút bấm bất kỳ
Submit: Tạo nút bấm có tính chất gửi thông tin
Reset: Tạo nút bấm có tính xoá toàn bộ thông tin trong các formfield
Thẻ SELECT:(Hộp lựa chọn trượt)
Cú pháp: <SELECT name=”tên trường” size=”giá trị”>
<OPTION value=”giá trị 1”> Tên lựa chọn1</OPTION>
<OPTION value=”giá trị 2”> Tên lựa chọn2</OPTION>
</SELECT>
Trong đó:
iá trị của size là độ rộng của hộp lựa chọn trượt
giá trị1: Là giá trị của lựa chọn 1
giá trị2: Là giá trị của lựa chọn 2
Trang 20<form method=”POST” action=”ct.cgi”>
<table width=”500” border=”1”>
<input type=”button” value=”Button” name=”b1”>
<input type=”submit” value=”Submit” name=”b2”>
<input type=”reset” value=”Reset” name=”b3”>
Trang 21Hình 4.18: Ví dụ về form (thẻ Input)
Trang 22<select name=”dropmenu” size=”1”>
<option value=”” selected>Chon menu</option>
Trang 24meset framespacing="0" border="0" rows="159,*" frameborder="0">
e="header" scrolling="no" noresize target="_top" src="top.html">
your browser doesn't support them.</p>
Trang 25Hiển thị trên trình duyệt
Hình 4.20: Toàn bộ trang Frame
Trang 26Hình 4.21: Frame trên (top.html)
Hình 4.22: Frame dưới (phu_tay_ho.html)
Trang 27Tóm tắt chương
Mã nguồn HTML là một trong những phần trọng yếu trong i Web
ngôn ngữ lập trình là cực kỳ quan trọng quyết định trang ộng đó có đạt được sự linh hoạt hay không
p
ăn
kỳ tạo một trang HTML có nội dung sau:
="Content-Type" content="text/html; charset=utf-8">
ực hành Visual Basic 6</title>
ce="Arial" size=2 color="black" >
Điều khiển label và command button
Bài1: Modul Help
Bài 2: Modul Display
Bài 3: Modul Display1
Bài 4: Modul Display2
Bài 5: Modul About
Bài 6: Modul Display3
Bài 7: Modul Move
Bài 8: Modul Random
Bài 9: Modul Form
tart
n textbox, o và mảng điều khiển
ài 11: Modul Multiply
làm việc vớBạn có thể ch
thảo các tran a các công cụ để tối ưu cho trại mã nguồn và loại bỏ hay thêm vào các theb của bạn.ẻ
g
Bài tậ
Bài tập về Đoạn v bản, kiểu chữ
Bài 1: Sử dụng trình soạn thảo text bất
1.1 Theo bạn trình duyệt sẽ hiển thị trang HTML trên như thế nào?
1.2 Chỉnh sửa nội dung trang HTML trên sao cho hiển thị giống hình 3.23
Trang 28Hình 4.23 Bài tập 1 HTML
Trang 29Bài 2: Hãy soạn các trang web như hình 4.24
Hình 4.24: Bài tập 2
Trang 30Bài tập về bảng
Bài 3: Sử dụng trình soạn thảo text b t kỳ lập trang HTML sao cho khi hiển thị ấnhư hình 4.25
H ình 4.25 Bài tập 3
Trang 31Bài tập về form
Bài 5: Sử dụng trình soạn thảo text bất kỳ lập trang HTML sao cho khi hiển thị như hình 3.27
Hình 4.27: Bài tập tổng hợp
