Trong Bài 1: Tổng quan về HTML, tôi đã giới thiệu tới các bạn kiến thức tổng quan về HTML, bao gồm khái niệm HTML, cấu trúc trang HTML và các trình duyệt để hiển thị trang. Trong bài này, tôi tiếp tục giới thiệu tới các bạn một số công cụ dùng để biên soạn trang web.
Xây dựng trang HTML sử dụng NotePad
HTML có thể được soạn thảo sử dụng các công cụ chuyên nghiệp như:
- Microsoft WebMatrix
- Sublime Text
- Macromedia Dreamweaver
- Microsoft Fontpage
Tuy nhiên, để học các thẻ HTML một cách cơ bản, bạn nên sử dụng một công cụ soạn thảo văn bản như Notepad. Để sử dụng Notepad trong soạn thảo, chạy các thẻ HTML, các bạn thực hiện theo các bước sau:
Bước 1: Mở Notepad
- Để mở Notepad, trong Windows 7. Click Start (góc dưới bên trái màn hình) -> All Programs -> Accessories -> Notepad
- Để mở Notepad trong Windows 8. Mở Start Screen, gõ Notepad
- Để mở Notepad trong Windows 10, các bạn làm như sau:
<!DOCTYPE html>
<html>
<body>
<h1>Cùng học lập trình với hien minh</h1>
<p>Chào mừng các bạn đến với trang http://minhhienict.blogspot.com/</p>
</body>
</html>
Bước 3: Lưu trang với định dạng HTML
- Chọn menu File -> Save As
- Gõ tên trang web cần lưu vào mục File name: Ở đây, tôi chọn tên index.html. Bạn có thể chọn tên khác tùy ý.
Trong mục Encoding: Lựa chọn UTF-8 để trang web hiển thị tốt với font chữ Unicode. Nhấn Save để lưu trang web lại.
Bước 4: Hiển thị trang HTML trên trình duyệt
Click đúp vào file index.html bạn vừa tạo ra, nội dung trang web được hiển thị trên trình duyệt
0 on: "[HTML] Bài 2: Xây dựng trang HTML với Notepad"