Bài 5 – Các Thẻ HTML

0
227

Hôm nay là một ngày cuối tuần . Buổi chiều , bầu trời có vẻ ảm đạm phía dưới dòng người vẫn cứ di chuyển không ngừng tạo nên một quang cảnh trái ngược như hai không gian tách biệt. Còn tôi thì đang đứng giữa hai không gian ấy cảm nhận từng cái se lạnh ở trên và vội vã ở dưới.

html-code

Tôi đóng các task công việc còn dang dở lại. Sau đó kiểm tra e-mail, vài bức thư điện tử lướt qua, không có gì quan trọng 7/10 toàn là thư quảng cáo, tôi lắc đầu ngao ngán :( . Tôi trầm ngâm một lúc để tay sau gáy nhìn lên trần nhà mông lung một tí rồi lại quơ con chuột di chuyển trên màn hình desktop . Chợt ánh mắt tôi tập trung vào một icon trên màn hình mà bấy lâu nay tôi không quan tâm đến .

Tôi bắt đầu kiểm tra nick Yahoo của mình , đã rất lâu từ ngày tôi dùng Facebook . Yahoo đã mờ dần trong tâm trí của tôi .

Đúng như tôi dự đoán . Có khá nhiều tin nhắn dành cho tôi, kể ra cũng hơn 1 năm từ ngày tôi không dùng Yahoo nữa. Hầu hết là những tin nhắn quan tâm, hỏi thăm tôi ra sao. Phần lớn là những người tôi quen qua mạng internet, nên dù gì tôi cũng thầm cảm ơn họ. Tôi kiểm tra từng tin nhắn khi ở gần cuối . Có nhiều tin nhắn khiến tôi chú ý . một nickname vô cùng ngộ nghĩnh *congchuaxxxxxx * gửi cho tôi một tin nhắn nội dung như sau :

– “Xin chào anh. Em biết là anh bận lắm. Nhưng anh có thể cho phép em kết bạn và trao đổi với anh về kiến thức web được không ạ ? “.

Tôi mỉm cười đáp :

– “Được thôi :) . Nhưng lần sau xin vui lòng cho tôi biết tên nhé ! “.

Sau khi trả lời ngắn gọn, tôi kiểm tra tiếp những tin nhắn tiếp theo và định logout . Nhưng ở góc màn hình thông báo đã có một nick mới online và tôi nhận ra ngay đó nick của cô gái ở trên.

Rất nhanh sau đó tôi nhận được ngay một tin nhắn khá dài . Điều này chứng minh rằng cô nàng quả là một cao thủ đánh chữ .

– “Dạ em xin lỗi . Em tên Lily . Em muốn kết bạn với anh vì em đang tìm hiểu về cách làm web . Nhưng hiện tại kiến thức của em còn giới hạn. Nên mong anh chỉ giúp em với . Em xin cảm ơn anh rất nhiều !”

Tôi trầm ngâm một tí . Cô nàng có một cái tên rất đẹp . Tôi đáp.

– “Chúng ta bắt đầu từ đâu đây ? ” – Tôi đi thẳng vào vấn đề.

Lily vẫn rất nhanh :

– “Em muốn hỏi về các thẻ trong HTML và cách hoạt động của chúng ?!”.

May mắn thật khi mà chỉ mới khi chiều Elly có chém gió với tôi hàng giờ về đề tài này . Quả thật tôi khá nễ Elly về khả năng học thuộc bài của cô ấy . Cô ấy có thẻ nhớ đến hàng chục cái thẻ HTML mà tôi không tài nào nhớ được.

Để xem nào, tôi tìm được một tập tài liệu nói về các thẻ trong HTML mà Elly đã gửi cho tôi khi chiều.

– “Xin chào Lily. Cô còn ở đó chứ ? ”

– “Vâng em đây” – Lily đáp.

– “Tôi có một số tài liệu về các thẻ HTML ở đây . Cô có thể xem qua “.

– “Vâng, nó sẽ có ích cho em”.

[box type=”info” ]

Thẻ HTML Là Gì ?

Các thẻ dùng để báo cho trình duyệt cách thức trình bày văn bản trên màn *hình hoặc dùng để chèn một mối liên kết đến các trang khác, *một đoạn chương *trình khác…*

Mỗi thẻ gồm một từ khoá *KEYWORD *– *bao bọc bới hai dấu bé hơn (<) và *lớn hơn (>).

Hầu hết các lệnh thể hiện bằng một cặp hai thẻ: thẻ mở () và thẻ *đóng (). Dấu gạch chéo *(“/”) kí hiệu thẻ đóng. Lệnh sẽ tác động vào *đoạn văn bản nằm giữa hai thẻ.*

Đoạn văn bản chịu tác động của lệnh

Một số thẻ không có cặp, chúng được gọi là các thẻ rỗng* *hay thẻ *đơn*. Chỉ *có thẻ mở *mà thôi.

Nhiều thẻ có  kèm các thuộc tính (attribute), cung cấp thêm các tham số chi *tiết hơn cho việc thực hiện lệnh. Các thuộc tính được chia làm hai loại: thuộc tính *bắt buộc và thuộc tính không bắt buộc hay tuỳ chọn.

Một thuộc tính là bắt buộc nếu như phải có nó thì thẻ lệnh mới thực hiện *được. *Ví dụ, để chèn một hình ảnh vào trang tài liệu ta dùng thẻ (Image). Tuy nhiên, cần chỉ rõ cái ảnh nào sẽ được dán vào đây. Điều này được thiết lập bằng thuộc tính SRC=”địa chỉ của tệp ảnh”. Thuộc tính SRC là bắt buộc phải có đối với thẻ .

[/box]

Để xem chi tiết danh sách các thẻ trong HTML bạn có thể xem ở đây : http://www.w3schools.com/tags/


Tôi chào Lily và logout . Quả là một ngày cuối tuần đầy thú vị !

LEAVE A REPLY

Please enter your comment!
Please enter your name here