Scribd
Upload
55 views22 pages

Các Thẻ Cơ Bản Chương 2

The document discusses basic HTML tags such as headings, paragraphs, lists, images, and formatting tags. It provides examples of how to use tags like <H1> for main headings, <P> for paragraphs, <UL> for unordered lists, and <IMG> to embed images. It also covers list attributes, horizontal rules, fonts, and how to set document backgrounds. The goal is to introduce common HTML tags and elements for building web pages.

Uploaded by

yuchi_1k91
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
55 views22 pages

Các Thẻ Cơ Bản Chương 2

The document discusses basic HTML tags such as headings, paragraphs, lists, images, and formatting tags. It provides examples of how to use tags like <H1> for main headings, <P> for paragraphs, <UL> for unordered lists, and <IMG> to embed images. It also covers list attributes, horizontal rules, fonts, and how to set document backgrounds. The goal is to introduce common HTML tags and elements for building web pages.

Uploaded by

yuchi_1k91
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 22

Các thẻ cơ bản

Chương 2
Mục tiêu
 Dùng các thẻ cơ bản
 Chèn hình ảnh vào tài liệu HTML

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 2 of 22


Các phần tử HTML cơ bản
 Thẻ tiêu đề (H1 đến H6)
 Thẻ mức đoạn
 Thẻ khối
 Thẻ định dạng ký tự
 Danh sách
 Đường kẻ ngang – Thẻ <HR>
 Thẻ Font
 Thẻ IMG

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 3 of 22


Tiêu đề
<HTML>
<HEAD>
<TITLE>Introduction to HTML</TITLE>
</HEAD>
<H1>Introduction to HTML</H1>
<H2>Introduction to HTML</H2>
<H3>Introduction to HTML</H3>
<H4>Introduction to HTML</H4>
<H5>Introduction to HTML</H5>
<H6>Introduction to HTML</H6>
</HTML>

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 4 of 22


Sử dụng tiêu đề

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 5 of 22


Thẻ <Address>
Nó có thể chứa một hoặc một số phần sau:

 Liên kết đến trang chủ

 Đặc tính chuỗi tìm kiếm

 Thông tin bản quyền

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 6 of 22


Thẻ <Address> [Ví dụ]
<HTML>
<HEAD>
<TITLE>Welcome to HTML</TITLE>
</HEAD>
<BODY BGCOLOR = lavender>
<H3>My first HTML document</H3>
<P>This is going to be real fun
<H2>Using another heading</H2>
<P> Another paragraph element
<ADDRESS>
<P><A href=”some address”>Click here to register
for a free newsletter</A>
</ADDRESS>
</BODY>
</HTML>

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 7 of 22


Cấu trúc văn bản
 Sử dụng trích dẫn
 <BLOCKQUOTE >

 Văn bản được định dạng trước.


 <PRE>

 Phần tử nhóm


 <DIV>…</DIV>

 <SPAN>…</SPAN>

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 8 of 22


Định dạng
 Thẻ định dạng mức vật lý
 Thẻ định dạng mức logic

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 9 of 22


Thẻ định dạng mức vật lý
 <B> . . . </B>
 <TT> . . . </TT>
 <SUP> . . . </SUP>
 <SUB> . . . </SUB>

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 10 of 22


Thẻ định dạng mức logic
 <EM> . . </EM>
 <CODE>. . . </CODE>
 <VAR>. . . </VAR>
 <CITE>. . . </CITE>

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 11 of 22


Danh sách
 Danh sách không thứ tự
 Danh sách có thứ tự
 Danh sách định nghĩa

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 12 of 22


Danh sách không thứ tự
<HTML>
<HEAD>
<TITLE>Learning HTML</TITLE>
</HEAD>
<BODY>
<UL>
<LI>Monday
<LI>Tuesday
<LI>Wednesday
<LI>Thursday
<LI>Friday
</UL>
</BODY>
</HTML>
Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 13 of 22
Chọn kiểu Bullet
 <LI TYPE = SQUARE> bullets hình vuông

 <LI TYPE = DISC> bullets hình đĩa


 
 <LI TYPE = CIRCLE> bullets hình tròn

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 14 of 22


Danh sách có thứ tự
<HTML>
<HEAD>
<TITLE>Learning HTML</TITLE>
</HEAD>
<BODY>
<OL>
<LI>Monday
<LI>Tuesday
<LI>Wednesday
<LI>Thursday
<LI>Friday
</OL>
</BODY>
</HTML>
Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 15 of 22
Chọn kiểu đánh số
 Upper Roman
 <LI TYPE = I>
 Lower Roman
 <LI TYPE = i>
 Uppercase
 <LI TYPE = A>
 Lowercase
 <LI TYPE = a>
 Bắt đầu với một số khác 1
 <OL START = n> [ Mặc định ]

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 16 of 22


Danh sách định nghĩa
<HTML>
<HEAD>
<TITLE>Learning HTML</TITLE>
</HEAD>
<BODY>
<DL>
<DT>Sunday
<DD>The first day of the week
<DT>HTML
<DD>HyperText Markup Language
<DT>Internet
<DD>A network of networks
</DL>
</BODY>
</HTML>

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 17 of 22


Đường kẻ ngang
 Thuộc tính của <HR>
 align

 width

 size

 noshade

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 18 of 22


Sử dụng thẻ Font
 <FONT> … </FONT>
 Color

 Size

 Face

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 19 of 22


Thêm màu
<HTML>
<HEAD>
<TITLE>Learning HTML</TITLE>
</HEAD>
<BODY BGCOLOR=lavender>
<H2><FONT COLOR =
LIMEGREEN>Welcome to HTML</FONT></H2>
<P><FONT COLOR = RED>This is good
fun</FONT></P>
</BODY>
</HTML>

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 20 of 22


Ảnh trong tài liệu HTML
 Ảnh GIF (Graphics Interchange Format) (.GIF)
 Định dạng GIF xen kẽ

 Ảnh GIF trong suốt

 Ảnh JPEG (Joint Photographic Expert Group)


(.JPEG)
 PNG (Portable Network Graphics)

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 21 of 22


Chèn ảnh
 <IMG SRC=”URL”>
 <IMG ALIGN=position SRC=”PICTURE.GIF”>
 <IMG SRC=Flowers.jpg ALT=”Beautiful
Flowers”>
 <BODY BACKGROUND=bgimage.gif>
 <BODY BACKGROUND=bgimage.gif
BGPROPERTIES=FIXED>

Web Page Programming with HTML,DHTML & JavaScript/Session 2/ 22 of 22

You might also like