Giáo trình html căn bản


Phần I. Kỹ năng cơ bản




1.1 HTML là gì?
HTML (Hyper Text Markup Language - Ngôn ngữ đánh dấu siêu văn bản) là một sự định dạng để báo cho trình duyệt Web (Web browser) biết cách để hiển thị một trang Web.
Các trang Web thực ra không có gì khác ngoài văn bản cùng với các thẻ (tag) HTML được sắp xếp đúng cách hoặc các đoạn mã để trình duyệt Web biết cách để thông dịch và hiển thị chúng lên trên màn hình.
1.2 Cấu trúc của một file HTML
1.2.1. Thẻ (tag) HTML là gì.
Khi trình duyệt Web đọc một file HTML, nó sẽ tìm trong file đó các tag hay những đoạn mã đặc biệt để biết cách hiển thị file HTML đó.
Ví dụ: Khi trong file HTML có đoạn

Cấu trúc của file HTML

thì sẽ hiển thị đoạn "Cấu trúc của file HTML" lên trên màn hình với mức độ tiêu đề thức 3 (sẽ nói kỹ ở phần sau).


Các tag HTML báo cho trình duyệt biết cách khi nào thì in đậm một dòng văn bản, in nghiêng, biến dòng văn bản thành một siêu liên kết tới các trang Web khác, hiển thị ảnh...
Trong ví dụ trên ta thấy sau tag

và đoạn văn bản là tag

. Trong tag ta thấy có dấu / , dấu / nằm trong 1 tag báo hiệu cho trình duyệt biết là hiệu ứng của tag đó đã kết thúc.
Như vậy việc sử dụng một tag HTML như sau:
vùng văn bản chịu tác động .
Chú ý: Trình duyệt không quan tâm tên tag là chữ hoa hay chữ thường nên việc viết

và

là như nhau.
1.2.2. Cấu trúc của một file HTML.
File HTML bao giờ cũng bắt đầu bằng thẻ và kết thúc bằng thẻ . Cặp thẻ này báo cho trình duyệt Web biết rằng nó đang đọc một file có chứa các mã HTML, còn thẻ có tác dụng như kết thúc file HTML.
Bên trong cặp thẻ ... là các cặp thẻ ... và ... là phần thân, tại đây bạn có thể nhập vào các đoạn văn bản cùng các thẻ khác quy định về định dạng của trang.
Ngoài ra để ghi chú thích, tiện cho việc xem tag HTML hoặc cập nhật một trang Web, ta cần đặt chú thích vào giữa .
Tóm lại cấu trúc cơ bản của một file HTML là





.....

.....

.





Bản quyền Công ty Phát triển Phần mềm (VASC) E-mail: [email protected]





2. Tạo file HTML đầu tiên.




Sau khi đã đọc phần trên, bạn đã biết thế nào là thẻ HTML và cấu trúc chung của một file HTML. Sau đây chúng ta sẽ cùng tạo ra file HTML đầu tiên.
1. Mở Notepad của Windows hay bất kỳ một trình soạn thảo văn bản nào có thể tạo ra những văn bản trơn (plain text). Nếu bạn dùng Microsoft Word thì phải lưu trữ ở dạng ASCII.
2. Bạn hãy nhập những dòng văn bản sau





Chào mừng bạn đã tham gia chuyên mục Chân trời tri thức của tạp chí Công nghệ Thông tin Internet Today. Trong phần này bạn sẽ được học những kiến thức cơ bản về HTML, công cụ để tạo ra các trang Web. Sau khi đã học xong về HTML bạn có thể tạo ra những trang Web đầy ấn tượng với  văn bản, hình ảnh, âm thanh...


3. Lưu file với phần mở rộng là htm. Ví dụ Bai1.htm.
Lưu ý: Bạn nên tạo một Folder riêng để chứa các tập tin mà bạn sẽ tạo ra trong suốt thời gian học HTML.
4. Khởi động IE hoặc Nescape. Chọn File / Open. Sử dụng hộp thoại để mở file HTML bạn vừa tạo.
5. Bạn sẽ nhìn thấy trên tranh tiêu đề của trình duyệt là dòng chữ "Chân trời tri thức - Internet today" và trong trang dưới là "Chào mừng bạn đã tham gia chuyên mục Chân trời tri thức của tạp chí Công nghệ Thông tin Internet Today. Trong phần này bạn sẽ được học những kiến thức cơ bản về HTML, công cụ để tạo ra các trang Web.