Tìm hiểu về HTML và CSS cơ bản
- Báo cáo
1. Định nghĩa về HTML và CSS
HTML [HyperText Markup Language] : là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web, nghĩa là các mẩu thông tin được trình bày trên World Wide Web.
CSS [Cascading Style Sheets] : định nghĩa về cách hiển thị của một tài liệu HTML. CSS đặc biệt hữu ích trong việc thiết kế Web. Nó giúp cho người thiết kế dễ dàng áp đặt các phong cách đã được thiết kế lên bất kì page nào của website một cách nhanh chóng, đồng bộ.
2.Cấu trúc cơ bản của HTML
Có thể dùng notepad hoặc text editor để soạn thảo 1 tài liệu HTML. Ta cùng làm 1 ví dụ nhỏ về HTML nhé:
B1: Mở notepad hoặc text editor
B2: Nhập đoạn HTML sau:
Page Title
My First Heading
My first paragraph
B3: Save file với định dạng .html hoặc .htm
B4: Thử xem kết quả ra là gì nhé. Bằng cách mở file bằng 1 trình duyệt bất kỳ. Ví dụ: Chrome, IE, Firefox, Safari.
Page sẽ hiển thị như sau:
Go to google pageVà kết quả là : trang google được mở ra trên 1 cửa sổ mới
D. Xuống dòng [HTML Line Breaks]:
- Ta dùng thẻ
để xuống dòng trong một đoạn văn bản
Ví dụ: nhập đoạn lệnh bên dưới vào trong cặp thẻ
Break line
in
paragraph
Và kết quả là:
E. HTML Lines []:
- Ta dùng thẻ
để tạo một đường kẻ ngang trong trang HTML
Ví dụ: nhập lệnh bên dưới vào trong cặp thẻ
Và kết quả là:
F. HTML images [Hình ảnh]:
- Ta dùng thẻ
Và kết quả là:
G. Các thẻ định dạng text [HTML Text Formatting]:
[bold]: Chữ In đậm
[Underline]: Chữ gạch chân
[italic]: Chữ in nghiêng
[Big]: Chữ lớn hơn
[Subscrip] Chỉ số dưới, ví dụ: H2O
[Superscript]: Chỉ số trên, ví dụ: x2y
In đậm [nhấn mạnh
]
[emphasized]: Chữ in nghiêng, Nhấn mạnh hơn
Ví dụ:
This text is bold
This text is underline
This text is italic
This text is big text
H
2
O
x
2
y
This text is strong
This text is emphasized
Và kết quả là: