[back] [index]

Mở đầu - HTML l� g�, cấu tạo một trang web dưới dạng HTML, m�u chữ, m�u nền...

�ể viết HTML cho trang Web, bạn h�y start chương tr�nh NotePad của Microsoft c� đi k�m theo với Windows. �� l� một ASCII Editor. Viết xong, bạn h�y save n� v�o một folder n�o đ� dễ nhớ. T�n của file n�y bắt buộc phải c� tận c�ng l� .htm hoặc .html V� dụ: start.htm. �ể thưởng thức th�nh quả của m�nh, bạn h�y open file đ� bằng một Browser.

Cấu tr�c cơ bản

Một document HTML lu�n bắt đầu bằng <html> v� kết th�c bằng </html> (trong đ� bạn cũng c� thể viết nhỏ hoặc viết hoa <html> v� </html>). Nhờ c� cặp TAG n�y m� Browser biắt được đ� l� HTML - document để tr�nh duyệt. Những chữ đ� chỉ để d�nh ri�ng cho Browser, người đọc chỉ nhận được những g� viết giữa cặp TAG <body> v� </body>. Trong một document html, ch� th�ch được d�ng như sau:

<!-- ��y l� d�ng ch� th�ch, chỉ d�nh ri�ng cho bạn, browser bỏ qua d�ng n�y -->

Như vậy một trang web viết bằng html sẽ c� cấu tr�c như sau:
<html> 
<body> 
         <!-- Phần bạn cần tr�nh b�y. V� dụ một bức ảnh hay lời văn. -->
</body> 
</html>

Một trang trống, kh�ng c� nội dung với nền m�u da cam sẽ được viết như sau:

<html> 
<body bgcolor="orange">
          <!-- Phần bạn cần tr�nh b�y. V� dụ một bức ảnh hay lời văn. -->
 </body> 
</html>

[Xem v� dụ]

Tất nhi�n, một Homepage c�n c� nội dung (lời viết v� h�nh ảnh):
<html>
<body bgcolor="beige">
<font face="Arial" size="2" color="black"> 
 Ch�o b&#7841;n, &#273;�y l� d�ng ch&#7919; vi&#7871;t b&#7857;ng font Arial, m�u          &#273;en, c&#7905; 2
</font><br><br>
<font face="Verdana" size="3" color="navy"> 
C�n &#273;�y l� d�ng ch&#7919; vi&#7871;t b&#7857;ng font Verdana, m�u xanh n&#432;&#7899;c bi&#7875;n, c&#7905; 3
</font><br><br>
<font face="Bodoni" size="4" color="red"> 
D�ng n�y l&#7841;i l� font Bodoni, m�u &#273;&#7887;, c&#7905; 4 </font><br>
</body>
</html> 

face thể hiện cho mẫu chữ, size thể hiện cho cỡ chữ (số c�ng lớn th� chữ c�ng to) v� color thể hiện cho m�u sắc của chữ, #000000 l� m�u đen, #FF0000 l� m�u đỏ, #FFFF00 l� m�u v�ng.

TAG <br> cho ph�p bạn chuyển sang d�ng mới. Bạn c� thể d�ng nhiều <br> như bạn muốn. Cứ mỗi lần c� <br> l� một lần xuống d�ng. Bạn c� thạ d�ng mouse phải g� v�o nền của một trang web n�o đ� rồi chọn source code để tham khảo xem n� được viết như thế n�o. �ấy l� c�ch tốt nhất để kh�m ph� ra những điều "b� mật" của c�c website đẹp.
[Xem v� dụ]

Như vậy l� bạn đ� c� thể viết được một trang web đơn giản rồi đ�. Một trang web bao giờ cũng c� hai phần cơ bản l� ti�u đề v� phần th�n. Ti�u đề lu�n được viết to. Bạn c� thể d�ng size lớn hơn v� cũng c� thể d�ng những TAG đ� được định sẵn cho ti�u đề.
<html>
<body bgcolor="#000080">
<center>
<font face="Verdana, Tahoma, Arial" color="#ffffff">
<h1>Ti�u đề của trang web</h1><br>
<h2>Welcome to my Homepage!</h2><br>
<h3>Ti�u đề của trang web</h3><br>
<h4>Ti�u đề của trang web</h4><br>
<h5>Ti�u đề của trang web</h5><br>
<h6>Ti�u đề của trang web</h6><br>
</font>
</center>
</body>
</html>  


<h1></h1> l� to nhất v� <h6></h6> l� nhỏ nhất. Ti�u đề lu�n nằm ở trung t�m của trang, v� vậy ta phải d�ng th�m một cặp TAG nữa : <center></center> Tất cả những g� nằm giữa cặp TAG n�y đều được định hướng v�o ph�a giữa của trang. 

Trong v� dụ n�y, nền của trang l� xanh nước biển (#000080) chữ m�u trắng. 

Bổ sung:

Trong một HTML Document, ngo�i phần body c�n c� phần head, được viết bởi cặp tag <head></head>. Nếu bạn sử dụng cặp tag n�y, bạn bắt buộc phải viết th�m một cặp tag nữa, đ� l� <title></title> Giữa <title> v� </title> l� t�n của trang web được browser tr�nh b�y ph�a tr�n c�ng của menubar. Như vậy một trang web với "đầu" sẽ c� cấu tr�c như sau:
<html>
<head>
<title>Trang web dau tien cua toi</title>
</head>
<body>
           Phần bạn cần tr�nh b�y. V� dụ một bức ảnh hay lời văn.
 </body>
</html> 


Trong "head" ta c�n c� thể đưa rất nhiều th�ng tin v�o cho browser, search engine... C�i đ� sẽ được đề cập đến trong một mục ri�ng