Bài giảng Căn bản về HTML
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (78.34 KB, 3 trang )
Căn bản về HTML
Căn bản về HTML
HTML: HyperText Markup Language. Đây là một ngôn ngữ đơn giản được sử dụng trong
các tài liệu siêu văn bản. Đừng choáng. Nó cũng chỉ là các tài liệu văn bản bình thường
nhưng có chứa các thành phần đặc biệt gọi là các thẻ (hoặc các cặp thẻ) đánh dấu. Dựa
theo các cặp thẻ này mà trình duyệt có thể biết được nó phải thực hiện cái gì. Bản chất của
HTML không phải là một ngôn ngữ lập trình nên các bạn cũng chẳng cần lo lắng đến
những thuật toán lằng nhằng. Nó chỉ là một "ngôn ngữ" để đánh dấu văn bản thôi.
Ví dụ đơn giản:
Hãy lấy một ví dụ đơn giản như sau:
HTML Code:
<B>Xin chào, tôi là LGVT</B>
Các bạn chú ý: dòng chữ Xin chào, tôi là LGVT được đặt trong cặp chữ "<B>" và "</B>"
Cặp chữ này chính là ký hiệu của một cặp thẻ trong ngôn ngữ HTML, mà khi biên dịch ra,
trình duyệt sẽ hiểu là: Khi gặp thẻ "<B>", nó phải có trách nhiệm in tất cả các chữ sau đó
thành chữ đậm cho đến khi gặp thẻ "</B>".
Các bạn có thể hiểu các thẻ trong HTML như là các từ khoá trong Pascal vậy. Cũng đừng
nên lo lắng quá, vì bản thân HTML chỉ có khoảng hơn 20 thẻ thông dụng thôi.
Trong HTML, các thẻ có thể tồn tại đơn lẻ, hoặc tồn tại dưới dạng một cặp thẻ. Nếu tồn tại
dưới dạng 1 cặp thì thẻ bắt đầu gọi là thẻ mở và thẻ kết thúc gọi là thẻ đóng. Các bạn có
thể hình dung thẻ mở như từ khoá Begin và thẻ đóng như từ khoá End trong khối câu lệnh
của Pascal vậy.
VD: Thẻ <img> là 1 thẻ đơn (không có thẻ đóng), có nhiệm vụ thông báo cho trình duyệt
hiển thị một hình ảnh nào đó.
Cặp thẻ <font></font> là 1 cặp thẻ, bắt đầu bằng thẻ <font> và kết thúc bằng thẻ </font>.
Cặp thẻ này quy định font chữ, màu chữ, kích cỡ chữ của đoạn văn bản nằm giữa.
Để soạn thảo một file HTML, các bạn có thể sử dụng bất kỳ trình soạn thảo nào, chẳng hạn
như NotePad hay thậm chí Turbo Pascal cũng được. miễn là sau đó các bạn Save As dưới
dạng đuôi *.htm. Còn để mở file này thì cứ việc kích đúp chuột vào đó, trình duyệt sẽ tự
động mở ra cho bạn. Tất nhiên cũng có nhiều chương trình soạn thảo cho phép sinh tự
động mã HTML, nhưng để cho các bạn nắm vững ngôn ngữ này, tôi yêu cầu các bạn phải
tự soạn bằng tay trên NotePad. Các ví dụ dưới đây mang tính chất tham khảo, các bạn có
thể copy và lưu chúng dưới dạng file .htm.
Cấu trúc của 1 thẻ trong HTML bao gồm:
- Dấu "<". Nếu là thẻ đóng thì sẽ bắt đầu bằng "</"
- Tên thẻ
- Các tham số khác nếu có. Nếu là thẻ đóng thì không cần tham số.
- Dấu ">".
Cấu trúc của một file HTML có dạng:
HTML Code:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
phần thân tài liệu
</BODY>
</HTML>
Toàn bộ nội dung chính của trang HTML được đặt trong cặp thẻ <BODY></BODY>
-
---> BỔ SUNG BÀI VIẾT<----
Các thẻ xử lý đoạn văn bản Bây giờ chúng ta lần lượt đi qua các cặp thẻ hay sử dụng nhất.
Xin nói thêm: thẻ có cấu trúc: . Tất nhiên các bạn có thể bỏ một số thuộc tính đi (lúc đó,
các thuộc tính bị bỏ đi sẽ được đặt ngầm định bởi trình duyệt, rất khó chịu) 1. Các thẻ xử
lý đoạn a). Thẻ phân chia đoạn Trong HTML, các đoạn tài liệu, văn bản, hình ảnh… được
phân chia bằng cặp thẻ văn bản
Thẻ
có 1 số thuộc tính sau: Align: Thuộc tính này sẽ chứa 1 trong 3 giá trị: - center: Đoạn tài
liệu sẽ được canh chỉnh vào giữa - left: Đoạn tài liệu sẽ được canh chỉnh theo lề trái - right:
Đoạn tài liệu sẽ được canh chỉnh theo lề phải - justify: Đoạn tài liệu sẽ được canh chỉnh
theo hai bên Ví dụ: HTML Code: Thử một tí
Style: Thuộc tính này sẽ quy định khoảng cách lề của đoạn. Trong thuộc tính này lại có các
thuộc tính con, tuy nhiên các thuộc tính con này được đặt cách nhau bằng dấu chấm phẩy.
Tất nhiên các bạn cũng có thể loại bỏ thuộc tính con: - margin-left : x (x là số nguyên chỉ
định chiều rộng của lề trái) - margin-right : y (y là số nguyên chỉ định chiều rộng của lề
phải) - margin-top: z (z là số nguyên chỉ định chiều rộng của lề trên) - margin-bottom: t(t là
số nguyên chỉ định chiều rộng của lề dưới) - line-height: u% (u: khoảng cách giữa các
dòng tính theo đơn vị 100 %) Ví dụ: HTML Code: Thử hai tí. Tí thứ 2 này xác định đoạn
văn bản căn giữa, có lề trái = 10, lề phải bằng 5, lề trên = 6, lề dưới = 6. Hết tí thứ 2.
Thử ba tí. Tí thứ 3 này xác định đoạn văn bản căn trái, các lề đặt theo mặc định của trình
duyệt
Thử ba tí. Tí thứ 3 này xác định đoạn văn bản căn trái, các lề đặt theo mặc định của trình
duyệt
b. Thẻ xuống dòng Trong HTML, các ký tự xuống dòng không được sử dụng. Để ngắt một
dòng nào đó, ta dùng thẻ
. Đây là 1 thẻ đơn: HTML Code:
Trung thu là tết thiếu nhi
Tại sao người lớn lại đi chơi nhiều
Chơi nhiều thì sẽ làm liều
Làm liều lại đẻ ra nhiều thiếu nhi
Chú ý: Một cặp thẻ khác cũng được sử dụng để canh chỉnh đoạn tài liệu hay bảng biểu: -
…: Xác định canh chỉnh một đoạn tài liệu hoặc bảng biểu vào giữa trang.
