Trình soạn thảo mã HTML
HTML có thể được viết mã bằng những trình soạn thảo chuyên nghiệp như Notepad++, ....
Tuy nhiên để học HTML một cách đơn giản mới bắt đầu, chúng tôi gợi ý bạn nên dùng Notepad có sẵn trong Windows hoặc TextEdit (đối với Mac).
Chúng tôi tin rằng trình soạn thảo đơn giản sẽ giúp bạn tiếp cận với HTML dễ dàng hơn.
Tuy nhiên, trong xuyên suốt các bài viết, tôi sẽ sử dụng Notepad++ để minh họa cho các ví dụ. Bạn có thể lựa chọn cho riêng mình một trình soạn thảo mà bạn cảm thấy dễ sử dụng nhất.
Hãy thực hiện theo các bước sau để tạo trang web đầu tiên của bạn bằng Notepad.
Bước 1: Mở Notepad
Để mở Notepad, bạn nhấn tổ hợp phím Ctrl + R và gõ notepad rồi nhấn Enter (hoặc OK).
Cách này áp dụng trên các phiên bản Windows khác nhau.
Đối với hệ điều hành Windows 7 trở về trước, bạn khởi động Notepad bằng cách nhấn vào nút Start (dưới trái của màn hình), chọn All Programs / Accessories / Notepad.
Đối với hệ điều hành Windows 8 trở về sau, bạn vào Start Screen bằng cách click vào biểu tượng Windows ớ góc dưới trái của màn hình, gõ tìm Notepad.
Bước 2: Viết mã HTML
Viết hoặc sao chép mã HTML sau vào trong Notepad:
Ví dụ
<!DOCTYPE html> <html> <head> <title>Tin Học Sóc Trăng</title> </head> <body> <h1>Chương trình đầu tiên của tôi</h1> <p>Tôi đã viết được mã HTML.</p> </body> </html>Xem kết quả »
Bước 3: Lưu trang HTML
Chọn File / Save as ... trong trình đơn của Notepad. Tùy theo ngôn ngữ của hệ thống mà Notepad sẽ có giao diện ngôn ngữ khác nhau. Trong Tiếng Việt thì bạn chọn Tệp / Lưu Như ...
Tên thì bạn đặt "index.html" hay bất kỳ tên nào tùy ý miễn sao phần mở rộng là html hoặc htm.
Encoding thì bạn chọn UTF-8 sẽ hỗ trợ unicode và Tiếng Việt của chúng ta.
Ở đây, tôi lưu là vidu.html
 |
Bạn có thể lưu dưới phần mở rộng *.HTML hoặc *.HTM cũng được, không có sự khác biệt nhiều. |
|---|
Bước 4: Xem trang HTML của bạn
Mở trang của bạn vừa lưu bằng trình duyệt web, bạn sẽ thấy thành quả:
|
Để mở tệp tin HTML trong trình duyệt, bạn nhấp đôi chuột vào tệp hoặc chuột phải chọn Open with ... |
|---|
Cảm ơn bạn đã xem bài viết !
Bình luận