HTML: Một số thẻ HTML cơ bản

Người đăng: share-nhungdieuhay on Thứ Sáu, 15 tháng 3, 2013


1. Thẻ <FONT>:
- Dùng định dạng font chữ
- Định dạng Font chữ cho cả tài liệu thì đặt tag <Font> trong phần <Body>
- Định dạng từng phần hoặc từng từ thì đặt tại vị trí muốn định dạng
Cú pháp:
<FONT Face=”fontName1, fontName2, fontName3” size=”value” Color=”rrggbb”>                                  Nội dung hiển thị
</FONT>
Ví dụ:

<HTML>

<HEAD>

<TITLE>Welcome to HTML</TITLE>

</HEAD>

<BODY>

<FONT SIZE = 3 COLOR = HOTPINK FACE = Arial>

My first HTML document
</FONT>

<P> This is <FONT COLOR=BLUE SIZE = 6>going

</FONT> to be real fun

</BODY>

</HTML>
2. Thẻ <BODY>:
- Chứa nội dung của trang web
Cú pháp:
<BODY>
Nội dung chính của trang web
</BODY>      
Các thuộc tính của <Body>
  • BgColor: thiết lập màu nền của trang
  • Text: thiết lập màu chữ
  • Link: màu của siêu liên kết
  • Vlink: màu của siêu liên kết đã xem qua
  • Background: dùng load một hình làm nền cho trang
  • LeftMargin: Canh lề trái
  • TopMargin: Canh lề trên của trang
Ví dụ:

<HTML>

<HEAD><TITLE> Learning HTML</TITLE></HEAD>

<BODY BGCOLOR=”#0000FF”text=”yellow”>

                       <FONT COLOR = LIMEGRREN>Hello World !</FONT>

</BODY>

</HTML>
3. Thẻ <IMG>:
- Dùng để chèn một hình ảnh vào trang Web
Cú pháp:
<Img src=”URL” alt=”Text” width=value height=value border=value>
·         Src: xác định đường dẫn tập tin cần load, sử dụng  đường dẫn tương đối
<Img src=”../images/h1.gif”>.
·         Alt:  chứa nội dung văn bản thay thế cho hình ảnh khi hình không load về được, nếu load về được thì sẽ xuất hiện nội dung trong textbox mỗi khi người dùng đưa chuột tới hình.
·         Width, Height: dùng để xác định chế độ phóng to thu nhỏ hình ảnh.
·         Align =” left/ right/top/bottom”: so hàng giữa hình ảnh và text
4. Thẻ <BgSound>:
- Dùng để chèn một âm thanh vào trangWeb. Âm thanh này sẽ được phát mỗi khi người sử dụng mở trang Web.
Cú pháp:
            <BgSound src=”filenhac” Loop=value>
·         Src chứa địa chỉ file nhạc, file này có phần mở rộng .mp3 , .mdi, …
·         Loop xác định chế độ lặp đi lặp lại của bài hát, nếu value< 0 thì lặp vô hạn, value=n thì lặp lại n lần rồi tự động tắt.

5. Thẻ <EMBED>:
- Cho phép đưa âm thanh trực tiếp vào trang WEB.
Cú pháp:
 <EMBED SRC="URL" >
Ví dụ:
             <EMBED SRC="clouds.mid" WIDTH="145" HEIGHT="61">
6. Thẻ <Marquee>:
- Dùng để điểu khiển đối tượng chạy một cách tự động trên trang Web
Cú pháp:       
<Marquee >Object</Marquee>
Các thuộc tính của Marquee :
·         Direction=up/ down / left / right dùng để điều khiển hướng chạy.
·         Behavior=alternate:  đối tượng chạy từ lề này sang lề kia và ngược lại.
Ví dụ:
<Marquee direction=up>Đối tượng chạy lên </Marquee>
7. <!--Ghi chú -->: Nội dung trong cặp thẻ này không hiển thị trong trang
Cú pháp:
<! -- Nội dung lời chú thích -->
8. <DIV>, <SPAN>:
- Chia văn bản thành các khối, có chung một định dạng
·         <DIV> chia văn bản thành một khối bắt đầu từ một dòng mới.
·         <SPAN> tách khối nhưng không bắt đầu từ một dòng mới
Cú pháp:
<DIV>Nội dung của khối bắt đầu từ một dòng mới </DIV>
<SPAN>Nội dung của khối trong 1 dòng </SPAN>
Ví dụ:
<HTML>
<HEAD><TITLE> Learning HTML</TITLE></HEAD>
<BODY>
<DIV>Division 1
<P> The DIV element is used to group elements.
<P>Typically, DIV is used for block level elements
</DIV>
<DIV align = right>
<FONT size = 4 color = hotpink face = Arial>Division 2
<P>This is  a second division<Br>
<H2>Are you having fun?</H2>
</FONT>
</DIV>
<P> The second division is right aligned.
<SPAN STYLE = “FONT-SIZE:25; Color:BLUE”>Common formatting
</SPAN> is applied to all the elements in the division
</BODY>
</HTML>

{ 0 nhận xét... read them below or add one }

Đăng nhận xét