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 và kết thúc bằng (trong đó bạn cũng có thể viết nhỏ hoặc viết hoa và ). Nhờ có cặp TAG này mà Browser biắt được đó là HTML- document để trình duyệt. Nhữngchữ đó chỉ để dành riêng cho Browser, người đọc chỉ nhận được những gì viết giữa cặp TAG và . Trong một document html, chú thích được dùng như sau:

Như vậy một trang web viết bằng html sẽ có cấu trúc như sau:
Code:




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:





[Xem ví dụ]
Tất nhiên, một Homepage còn có nội dung (lời viết và hình ảnh):
Code:



Chào bạn, đây là dòng chữ viết bằng font Arial, màu đen, cỡ 2




Còn đây là dòng chữ viết bằng font Verdana, màu xanh nước biển, cỡ 3




Dòng này lại là font Bodoni, màu đỏ, cỡ 4


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
cho phép bạn chuyển sang dòng mới. Bạn có thể dùng nhiều
như bạn muốn. Cứ mỗi lần có
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.
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ếtto. 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 đề.
Code:

Tiêu đề của trang web

Welcome to my Homepage!

Tiêu đề của trang web

Tiêu đề của trang web

Tiêu đề của trang web

Tiêu đề của trang web

là to nhất và

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 : 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àiphần body còn có phần head, được viết bởi cặp tag . 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à Giữa là tên của trang web được browser trình bày phía trêncùng của menubar. Như vậy một trang web với "đầu" sẽ có cấu trúc như sau:
Code:





Phần bạn cần trình bày. Ví dụ mộtbức ảnh hay lời văn.


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
Cách đưa tranh ảnh vào một trang web
Trong trang trước, chúng ta đã đề cập đến cách trình bày chữ trong trang web. Ðể làm cho trang web sinh động hơn, hấp dẫn hơn, bạn có thể đưa thêm tranh ảnh vào. Có những trang web liên quan đến số liệu, đồ thị và đồ thị cũng là một dạng ảnh (images). Sau đây là cách đưa mộtbức ảnh vào trong trang web.
* Ảnh cho vào trang web nên save dưới dạng .GIF hoặc .JPG
* Không nên to quá, đây không nói đến kích thước (cm) mà nói đến kính cỡ file (số KB).
* Khi scan, bạn hãy chọn 72 dpi (dots per inch) bởi vì đa phần các màn hình máy tính làm việc với độ phân giải này.
* Khi upload trang web, nhớ upload cả ảnh.
* Tên của các file nên sử dụng chữ thường, không nên sử dụng chữ hoa. Ví dụ: myphoto.jpg chứ không Myphoto.jpg.


Sau đây là HTML Code để đưa hìnhảnh vào trang web:
Code:






Bạn thấy không, điều đó rất đơn giản. Chỉ riêng đã đủ để đưamột bức ảnh vào trang web. img là image và src là source. Tất cả những cái đi đằng sau chỉ để trình bày bức ảnh đó đẹp hơn thôi. width là chiều rộng của bức ảnh mà bạn muốn, nó không phụthuộc vào kích thước gốc của bứcảnh. height là chiều cao. Tất cả đều đo bằng pixel. border="0" báo cho Browser biết là ảnh này sẽ được trình bày không có khung. alt có ích khi ảnh chưa hoặc không được nạp (nhiều người surf không ảnh để đỡ tốn thời gian) Khi đó người xem biết được mình sẽ được xem cái gì.