Web HTML 8

ĐỊNH DẠNG TRANG WEB HTML
BÀI 39 NGÀY 21.8.2007 UTBINH SOẠN

I.ĐỊNH DẠNG TRANG WEB HTML : X là Đoạn Văn Bản.
• <html>
<head>
<title> Đại Ý </title>
</head>
<body>
• Nếu muốn đặt 1 Tập Tin Đồ Họa:

<img src=“LINK URL”>X<img src=“LINK URL”>
<right><img src=“LINK URL”>X<img src=“LINK URL”></right>:
Tập Tin nằm bến Trái Màn Hình.<center>: Ở Giữa.<letf>: Bên Phải.
• <h1>Tựa Đề</h1> : Tựa đề Size lớn nhất( Nhỏ nhất h6) với Font
Mặc Định.
1
• <p>
<font size=“3”color="993333" face=“tahoma”> : Nhập Giá
Trị và mã màu – Tên Font để thay đổi .
<b>
1.X <br />
2.X <br />
3.X <br />
4.X <br />
5.X <br />
</b>
</font>
</p>
• <p>X1 và <i>1 câu ngắn</i></p> : Câu ngắn chữ nghiêng và

xuống dòng cách khoảng.
• <h2>X2</h2> : Tựa đề Size h2.
• <p>
X3<br />: Nhập 1 Đoạn Văn bản và xuống Dòng không có
cách khoảng.
X4<br />
X5<br />
X6<br />
…
</p> : Xuống dòng có cách khoảng.
• Một Đường kẻ nằm ngang : Mặc định Size 1 pixel.

<hr/>
• Một Đường Kẻ nằm ngang : Qui định Size.
<hr width=“50%” size=“6”>

o hr : Chèn đường kẻ ngang.
o Width= : Thuộc Tính ( Attribute) .Dùng thiết lập chiều dài .
o “50%” : Giá Trị (Value). Dùng thiết lập chiều dài.
o size= : Thuộc Tính. Dùng thiết lập độ dày.
o “6” : Giá Trị. Dùng thiết lập độ dày.
• Một Liên Kết Siêu Văn Bản ( HYPERLINK):

o <a href=“LINK URL”>X7</a>
o <a href="http://360.yahoo.com/designutbinh"> Đây là
Hyperlink , nhấp lên sẽ hiện ra BLOG 360 của utbinh </a><br
/>
2
• </body>
</html>
II.GIẢI THÍCH : ÔN LẠI CÁC TAG THẺ ĐÃ HỌC .
o <p>X</p> : Xuống dòng có cách khoảng với Đoạn Văn bản ở dưới
.
o X<br /> : Xuống dòng không có cách khoảng với đoạn Văn bản
ở dưới.
o <li>X</li> : Có Đánh dấu đầu Văn Bản.
o <b>X</b> : Đoạn văn bản sau đó In đậm.
o <em>X</em> : Nhấn mạnh X.
o <i>X</i> : Đoạn chữ nghiêng.
o <u>X</u> : Gạch dưới , ít dùng sợ nhầm với Đoạn Văn Bản
Hyperlink.
o <tt>X</tt> : Chữ kiểu đánh máy, chữ đều.
o <strike>X</strike> : Gạch bỏ văn Bản , dùng Biểu thị Giàm giá
Giá Trước và sau.
o <sub>X</sub> : Chỉ số trên trong Công Thức Hóa Học H2.
o <sup>X</sup> : Chỉ số dưới trong Công Thức Hóa Học 02.J
o <blocquote>X</blocquote> : Thụt Đầu dòng.
o <h1><pre>HAVE A BEAUTYFUL DAY !!!</pre></h1> :
<pre> Thông Tin định dạng trước.
II.NHẬP NỘI DUNG DƯỚI ĐÂY VÀO NOTEPAD :
<html>
<head>
<title> ÔN TẬP và THUỘC TÍNH trong HTML </title>
</head>
<body>
<center>
<font size=”8” color="tomato" face="verdana">
<img src="http://static.graphics.com/data/167/1animated8-thumb.gif">
<h2>ÔN TẬP và THUỘC TÍNH trong HTML <h2>

</font>
</center>
<h1> CHÂM NGÔN SỐNG </h1>
3
<p>
<font size=”4” color="darkslateblue" face="arial">
<b>
1. Có những ước mơ sẽ vẫn chỉ là ước mơ dù cho ta có nỗ lực đến đâu nhưng
nhờ có nó ta mạnh mẽ hơn, yêu cuộc sống hơn và biết cố gắng từng ngày<br />
2. Có những lời hứa cũng vẫn chỉ là lời hứa dù ta có mãi chờ đợi bởi nguời
hứa đã không còn nhớ, nhưng nhờ có nó ta biết hi vọng và mong chờ. <br/>
3. Có những ước hẹn cũng sẽ chỉ là ước hẹn nếu một mai một người đã bỏ đi,
nhưng nhờ có nó đã có những giây phút thật sự tuyệt vời. <br />
4. Có những nỗi đau vẫn mãi là nỗi đau một khi ta không thể thoát khỏi
chúng, nhưng nhờ có nó ta đã trưởng thành hơn.<br />
5. Có những sai lầm sẽ mãi là sai lầm và ta đau khổ khi nhận ra mình sai lầm
nhưng nhờ có nó bỗng giật mình: điều sai lầm duy nhất của ta là phủ nhận
những gì trái tim ta thật sự cảm nhận. <br />
</b>
</font>
</p>
<p><b>Có những lần tình cờ gặp nhau đơn giản chỉ biết mặt nhau hay thậm chí
chẳng để ý tới, nhưng nhờ có nó ta chợt
nhận ra :
<i> vô tình gặp nhau ba lần đó là nhân duyên.</i>
</b>
</p>
<h2>THỰC HÀNH ÔN TẬP ĐỊNH DẠNG HTML</h2>
<hr width="80%" size="8">

<p>
<li>Có những người bạn đơn giản chỉ là người quen, nhưng nhờ có họ ta nhận
rằng tên bạn thân của ta tuyệt vời lắm. </li><br />
<li>Có một nguời sẽ luôn chỉ là một của thế giới nhưng mãi mãi là cả thế
giới của một người và nhờ có người ấy ta đã có một
tình yêu. </li><br />
<li>Có những cuộc tìm kiếm đơn giản chỉ là tìm kiếm nhưng nhờ có nó ta hiểu
rằng tình yêu là giữa một biển người vẫn tìm
thấynhau. </li><br />
<li>Và sẽ có những người làm nên tất cả vì họ có ước mơ; họ tin vào lời hứa;
họ có những lời ước hẹn; họ đã trưởng thành
từ nỗi đau; họ nhận ra sai lầm; họ có một người bạn thật sự và vì bên họ còn
có một tình yêu. </li><br />
</p>
<hr/>
<h3>Sau đây là một Đoạn Văn Bản chứa Siêu Liên Kết đến
Trang Web khác</h3>
<a href="http://utbinhdesign.blogspot.com/">Nhấp lên đây để Liên Kết đến 1
Trang Web BLOG của utbinh</a><br />
4
<a href="http://360.yahoo.com/designutbinh">Nhấp lên đây để Liên Kết đến 1
Trang Web BLOG 360 của utbinh</a><br />
<a href="http://www2.thanhnien.com.vn/news/default.aspx">Nhấp lên đây để
Liên Kết đến 1 Trang Web Báo Thanh Niên</a><br />
<a href="http://quantrimang.com/">Nhấp lên đây để Liên Kết đến 1 Trang Web
QUẢN TRỊ MẠNG</a><br />
</font>
</body>
</html>
III.KẾT QUẢ THỰC TẬP :
Nhấp Link sau đây : http://utbinh.0moola.com/webHTML8.html

Web HTML 8

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web HTML 8

Uploaded by

Copyright:

Available Formats

ĐỊNH DẠNG TRANG WEB HTML

BÀI 39 NGÀY 21.8.2007 UTBINH SOẠN

• Nếu muốn đặt 1 Tập Tin Đồ Họa:

• <p>X1 và <i>1 câu ngắn</i></p> : Câu ngắn chữ nghiêng và

• <h2>X2</h2> : Tựa đề Size h2.

• Một Đường kẻ nằm ngang : Mặc định Size 1 pixel.

<hr width=“50%” size=“6”>

• Một Liên Kết Siêu Văn Bản ( HYPERLINK):

II.GIẢI THÍCH : ÔN LẠI CÁC TAG THẺ ĐÃ HỌC .

II.NHẬP NỘI DUNG DƯỚI ĐÂY VÀO NOTEPAD :

<h2>ÔN TẬP và THUỘC TÍNH trong HTML <h2>

<h2>THỰC HÀNH ÔN TẬP ĐỊNH DẠNG HTML</h2>

<hr width="80%" size="8">

III.KẾT QUẢ THỰC TẬP :

Nhấp Link sau đây : http://utbinh.0moola.com/webHTML8.html

You might also like