Quảng cáo

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


Note 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ả:


Note Để 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 !

Không có nhận xét nào

Được tạo bởi Blogger.