[back] [index]

C�ch trang tr� chữ, bố cục một trang web

 Trong trang trước, ch�ng ta đ� đề cập đến c�ch định hướng một object trong document bằng cặp TAG: <center></center> Những g� nằm giữa cặp TAG n�y đều được Browser đưa v�o giữa của window. Nếu bạn kh�ng định hướng th� browser sẽ tự động theo thứ tự từ tr�i sang phải. Nhưng đừng vội thử với <left></left> hay <right></right> v� hai cặp TAG n�y kh�ng tồn tại ;-)

Muốn c� một trang m� tranh ở b�n phải c�n chữ ở b�n tr�i bạn phải d�ng đến TABLE. C�i đ� sẽ được nhắc đến trong phần sau. Bạn c� thể d�ng cặp TAG <p></p> để tạo ra từng khổ của b�i viết. Thực ra đ�y chỉ l� một TAG đơn. Phần </p> ở đằng sau c� thể bỏ đi cũng được. Tuy vậy đa phần c�c Webeditor vẫn đặt n� ở cuối một khổ. Bạn c� thể định hướng khổ chữ về ph�a phải, tr�i hay v�o trung t�m. Ai đ� từng sử dụng Word đều biết đến điều đ�, mỗi c�i l� kh�ng phải d�ng đến TAG th�i. Bạn cũng c� thể �p dụng TAG n�y cho bất kỳ một object n�o kh�c như picture, video...

<p align="left"> To�n bộ khổ chữ n�y sẽ hướng về ph�a tr�i </p>
<p align="center"> To�n bộ khổ chữ n�y sẽ hướng v�o trung t�m </p>
<p align="right"> To�n bộ khổ chữ n�y sẽ hướng về b�n phải </p>
<p align="right"><img src="h.clinton.gif" border="0"></p>

Cũng c� thể viết như sau (kh�ng c� </p>):

<p align="left"> To�n bộ khổ chữ n�y sẽ hướng về ph�a tr�i
<p align="center"> To�n bộ khổ chữ n�y sẽ hướng v�o trung t�m
<p align="right"> To�n bộ khổ chữ n�y sẽ hướng về b�n phải
<p align="right"><img src="h.clinton.gif" border="0">


Tốt nhất bạn h�y [xem v� dụ]

V� sau đ�y l� c�c khả năng trang tr� chữ, c� thể sẽ c�n nhiều thủ thuật kh�c nữa nhưng cho một trang b�nh thường như của ch�ng ta th� c� thể gọi l� tạm đủ:
  • <b>D�ng chữ n�y đậm </b>

    •  
  • <strong> D�ng n�y cũng đậm</strong>
     
  • <i>D�ng chữ n�y nghi�ng</i>
     
  • <big>D�ng chữ n�y to hơn</big>
     
  • <b><i><u><big> D�ng n�y vừa to, vừa nghi�ng, vừa đậm, vừa gạch ch�n </big></u></i></b>
     
  • <small>D�ng chữ n�y b� hơn</small>
     
  • <u>D�ng n�y lại gạch ch�n</u>

    •  
  • Nếu cửa h�ng bạn giảm gi� từ <strike> € 20000 </strike> xuống € 15000
     
  • Tổng b�nh phương hai cạnh g�c vu�ng bằng b�nh phương cạnh huyền:
    a    <sup>2</sup>+b<sup>2</sup>=c<sup>2</sup> (a2+b2=c2)
     
  • C�ng thức h�a học của nước l�: H<sub>2</sub>O (H2O)

    •  
  • <em> Nếu bạn muốn nhấn mạnh điều g� </em>

    •  
  • Machine code: <code>100 Basic <br> 150 if....<br>then...<br>go to</code>

    •  
  • T�n ph�m của Keyboard: <kbd>Enter; Del; Contrl...</kbd>

    •  
  • �ưa v� dụ v�o b�i: <samp>Sample</samp>

    •  
  • T�n c�c Variables trong lĩnh vực Programming: <var>window.open("mywindow.html");</var>

    •  
  • C�c tr�ch dẫn từ những c�u n�i của ai đ�: <cite>Học, học nữa học m�i - L� nin</cite>

    •  
  • Chỉ d�nh cho Netscape Browser: Chữ nhấp nh�y <blink>Look at me now, i am blinking</blink>

    •  
  • Chỉ d�nh cho Internet explorer: Chữ chạy
    • <marquee border="0" behavior="slide" width="239" height="17" align="middle" scrolldelay="600" scrollamount="50">
      Look at me now, i am scrolling
      </marquee>
    • <marquee border="0" behavior="alternate" width="239" height="17" align="middle" bgcolor="#ffff00">
      Look at me now, i am scrolling
      </marquee>
    • <marquee border="0" width="239" height="17" align="middle">
      Look at me now, i am scrolling
      </marquee>


Khi cần một d�ng kẻ ngang qua trang web như dưới, bạn c� thể d�ng tag <hr> để "kẻ":
 

<hr> c� thể mang những gi� trị sau: "noshade" (kh�ng c� b�ng), width="x" (trong đ� width l� chiều rộng v� x c� thể l� % v� dụ width="80%" hoặc pixel v� dụ width="600"), color="blue" (m�u của d�ng kẻ), size="1" (độ đậm của d�ng kẻ). D�ng tr�n được viết như sau: <hr noshade color="#0000FF" width="80%" size="1">

Th�i vậy, c� lẽ thế l� đủ rồi, nhiều qu� lại lo�ng mất ;-)