I. HTML là gì
- HTML là viết tắt của HyperText Markup Language, nghĩa là "Ngôn ngữ Đánh dấu Siêu văn bản". HTML giúp chuyển những kí tự dạng text hiển thị ra hình ảnh, liên kết, đoạn văn....
- HTML là ngôn ngữ dùng để tạo nên các trang web, tất cả các trang web hiện nay đều được viết bằng ngôn ngữ HTML
- HTML tạo nên khung xương cho trang web.
II. Cấu trúc cơ bản
- Một document HTML đều được bắt đầu bằng <html> và kết thúc bằng </html>
- Như vậy cấu trúc của một trang web được viết bằng HTML như sau:
<html>III. Các thẻ trong HTML
<body>
<!-- Phần bạn cần trình bày. Ví dụ một bức ảnh hay lời văn. -->
</body>
</html>
- Thẻ <head>: là nơi chứa tất cả các phần tử đầu vào của văn bản HTML. Trong thẻ <head> có thể bao gồm các thẻ:
+ Thẻ <title> : là thẻ định nghĩa tiêu đề cho trang web.
+ Thẻ <meta> : cung cấp các dữ liệu cho văn bản HTML.<!DOCTYPE html> <html> <head> <title>Trang HTML đầu tiên</title> </head> </html>
+ Thẻ <style> : dùng để định nghĩa kiểu cách cho một văn bản HTML.
+ Thẻ <link> : định nghĩa mối quan hệ giữa một văn bản và một tài nguyên bên ngoài. Ví dụ, thẻ <link> dùng để liên kết đến một file css:
- Thẻ <body>: định nghĩa nội dung chính của trang web, bao gồm tất cả các thành phần của trang HTML, như text, liên kết, hình ảnh, bảng, danh sách,...Trong thẻ <body> có thể bao gồm các thẻ:<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="/styles.css"> </head> </html>
+ Thẻ <a> : Xác định một liên kết.
+ Thẻ <p> : Xác định một đoạn văn
+ Thẻ <b> : In đậm đoạn văn
+ Thẻ <i>: In nghiêng đoạn văn
+ Thẻ <u>: gạch chân đoạn văn
+ Thẻ <em> : Xác định text nhấn mạnh.
+ Thẻ <strong> : Hiển thị text đậm (mục đích nhấn mạnh)
+ Thẻ <br /> : xuống dòng
+ Thẻ <h1> đến <h6> : Xác định tiêu đề html
+ Thẻ <img> : Chèn một hình ảnh
+ Thẻ <ol> : Xác định danh sách có thứ tự
+ Thẻ <ul> : Xác định danh sách không thứ tự
+ Thẻ <li> : Xác định danh sách item
Bài tập HTML Basics:
0 nhận xét:
Đăng nhận xét