Hãy cùng tìm hiểu cách tạo một file HTML và sử dụng trình soạn thảo mã.
Trình soạn thảo
– Notepad là trình soạn thảo mặc định cho windows, tuy nhiên nó không có giao diện đẹp mắt và không hỗ trợ trực quan cho người sử dụng.
– Ở đây, tôi khuyến khích các bạn sử dụng Adobe Dreamweaver làm trình soạn thảo mã cho mình. Các bạn có thể tìm và download Adobe Dreamweaver trên mạng.
– Ở đây, tôi khuyến khích các bạn sử dụng Adobe Dreamweaver làm trình soạn thảo mã cho mình. Các bạn có thể tìm và download Adobe Dreamweaver trên mạng.
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:
+ 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). |
+ Cặp thẻ <body></body> chứa các phần nội dung có thể xuất hiện bên trong trang Web.
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.
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.
Blog Designer
Hãy cho đi rồi sẽ nhận lại nhiều hơn thế
Đã có nhiều lúc tôi không biết mình sẽ làm được gì ??? Nhưng hãy cứ tin vào chính bản thân mình, tin vào mọi người và đừng để con tim bạn lạc lối. Bạn và tôi sẽ tìm ra được đâu là đích đến để mình biết đường đi.Nếu bạn cần một người bạn, đừng ngại kết bạn với tôi.
Thư Viện Đồ Họa: www.izdesigner.com
Kết nối với tôi: