Series: Giới thiệu về HTML và CSS
Độ khó: Người mới bắt đầu
Tạo file HTML đầu tiên.
B1: Mở trình soạn thảo mã Adobe Dreamweaver lên và chọn File->New
B3: Một file HTML với tên Untitled-1 được tạo với các mã HTML được tạo sẵn bên trong Dreamweaver.
B4: Vì đây là bài khởi đầu nên chúng ta sẽ xóa trắng toàn bộ các mã HTML mặc định do Adobe Dreamweaver tạo sẵn và thay bằng đoạn mã sau
1
2
3
4
5
6
7
8
9
10
11
| <html><head><title>Đây là tiêu đề trang web</title></head><body>Đây là nội dung trang Web.</body></html> |
– Giải thích:
+ Dòng thứ nhất DOCTYPE định nghĩa kiểu văn bản. Ở đây là html.
+ Mỗi trang Web trình bày dữ liệu có cấu trúc HTML. Cấu trúc này được bắt đầu bằng thẻ <html>và kết thúc bằng thẻ <html>.
+ Cặp thẻ <head></head> chứa các thành phần cho phần “head” của trang web, bao gồm:
1
2
3
4
5
6
7
8
9
10
11
| <title></title> : định nghĩa phần tiêu đề của trang web hiện thị trên tab trình duyệt.<style></style> : định nghĩa phần thông tin style cho trang web(bao gồm các mã CSS).<base /> : chỉ định một đường liên kết(URL) cở bản/mục tiêu cho tất cả các liên kết trong một tài liệu.<link /> : định nghĩa một liên kết ngoài giữa tài liệu hiện tại với một nguồn mở bên ngoài(thông thường là một file CSS bên ngoài).<meta />: cung cấp các siêu dữ liệu(metadata) về tài liệu HTML hiện tại.<script></script>: định nghĩa một đoạn mã phía người dùng(thông thường là JavaScript). |
B5: Nhấn Ctrl + S để lưu file. Bạn có thể tùy chỉnh tên file theo ý. Tôi chọn lưu file ở màn hình Desktop với tên là bai1.html. Một file HTML có thể có các tên mở rộng là .html,.html,.jhtml,.phtml, nhưng tên mở rộng chuẩn trong HTML vẫn là .html hay .htm.
B6: Click đúp lên file đã lưu trên Desktop
Ngoài các thẻ yêu cầu bắt buộc bên trong HTML như thẻ <html> </html>,<head> </head>, <body></body>,.. HTML còn có một hệ thống các thẻ nhằm mục đích hỗ trợ người lập trình thiết kế trang Web theo ý muốn.
Tất cả các thẻ này (thẻ yêu cầu lẫn thẻ định dạng) nói chung đều được gọi là các thành phần(elements). Mỗi thẻ(thành phần) lại có các thuộc tính(attributes) bên trong với mục đích cung cấp các thông tin bổ sung về thành phần chứa nó.Chúng ta sẽ cùng tìm hiểu thêm về các thẻ HTML trong các bài sau.
Ngoài các thẻ yêu cầu bắt buộc bên trong HTML như thẻ <html> </html>,<head> </head>, <body></body>,.. HTML còn có một hệ thống các thẻ nhằm mục đích hỗ trợ người lập trình thiết kế trang Web theo ý muốn.
Tất cả các thẻ này (thẻ yêu cầu lẫn thẻ định dạng) nói chung đều được gọi là các thành phần(elements). Mỗi thẻ(thành phần) lại có các thuộc tính(attributes) bên trong với mục đích cung cấp các thông tin bổ sung về thành phần chứa nó.Chúng ta sẽ cùng tìm hiểu thêm về các thẻ HTML trong các bài sau.
0 nhận xét:
Đăng nhận xét