1
BÀI 3
THIẾT KẾ TRANG WEB
Khoa CNTT – ĐH KHTN
Nội dung
1. Giới thiệu về HTML
2. HTML – Cơ bản
3. Frame
1.Giới thiệu về HTML
l HTML (Hyper Text Markup Language -Ngôn ngữ
đánh dấu siêu văn bản)
l Làmột ngôn ngữ dùng để xây dựng một trang Web.
l Chứa các thành phần định dạng để báo cho trình
duyệt Web biết cách để hiển thị một trang Web.
l Một trang web thông thường gồm có2 thành phần
chính:
– Dữ liệu của trang web (văn bản, âm thanh, hình ảnh...)
– Các thẻ (tag) HTML dùng để định dạng mô tả cách thức các
dữ liệu trên hiển thị trên trình duyệt.
2
1.Giới thiệu về HTML
Vídụ1
<HTML>
<HEAD>
<TITLE>Welcome to
HTML</TITLE>
<BODY>
<H3>My first HTML
document</H3>
</BODY>
</HTML>
Mã HTML Hiển thị
<Font FACE=’Arial’ Size=3>
Hello
</Font>
Hello
-Không phân biệt chữ HOA và thường
-Bỏqua các khoảng trắng thừa vàcác dấu ngắt dòng
2.HTML – Cơ bản
Cấu trúc một tài liệu HTML
l The HTML section
l The Header section.
l The BODY section.
<HTML>
<HEAD>
<TITLE>Welcome to the world of HTML</TITLE>
</HEAD>
<BODY>
<P>This is going to be real fun</P>
</BODY>
</HTML>
4
2.HTML – Cơ bản
Cấu trúc một tài liệu HTML
l <html> </html> : định nghĩa phạm vi của
văn bản HTML
l <head> </head> : Định nghĩa các mô tả về
trang HTML. Các thông tin trong tag này
không được hiển thị trên trang web
</HTML>
5
2.HTML – Cơ bản
Các tag HTML cơ bản -<P>
l PARAGRAPH -<P>
<HTML>
<HEAD>
<TITLE>Welcome to
HTML</TITLE>
<BODY BGCOLOR = lavender>
<H3>My first HTML document</H3>
<P>This is going to be real fun
<H2>Using another heading</H2>
<P ALIGN=center> Another
paragraph element
</BODY>
</HTML>
2.HTML – Cơ bản
Các tag HTML cơ bản -<HR>
l HORIZONTAL RULES
l <HR ….>
– Attributes
l align
l Width
l Size
l Noshade
Ø<HRnoshadesize = 5 align = center width = 50%</HR>
Ø<HR size = 15 align = left width = 80%</HR>
2.HTML – Cơ bản
Các tag HTML cơ bản -<BR>
l <KBD> 5 </KBD>
l <VAR> 6 </VAR>
l <CITE> 7 </CITE>
l <BLINK> 8 </BLINK>
l <DEL> 9 </DEL>
l <INS> 0 </INS>
2.HTML – Cơ bản
Các tag HTML cơ bản–<PRE>
l Hiển thị đúng dạng văn bản đã
soạn thảo (khoảng trắng, xuống
dòng, tag,…)
<FONT SIZE=4>
<pre>
Ban co the xuong dong
va cach khoang trang thoai
mai
</pre>
</FONT>
Copyright: Tài liệu đại học ©