Hướng dẫn notepad html - notepad html

Phần 1: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ữ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 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:

    
 

 
 

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):

 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  

 
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.

[Xem ví dụ]

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

 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  


 

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





 

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ế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 đề.

 Tiêu đề của trang webWelcome to my Homepage!Tiêu đề của trang webTiêu đề của trang webTiêu đề của trang webTiê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. 
 
Học thiết kế website

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

 

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