[HTML/HTML5] Phần 2: Trình soạn thảo HTML

Cập nhật lần cuối: 08/06/2017 lúc 22:47:18

Có rất nhiều chương trình để soạn thảo HTML, trong đó phổ biến và đơn giản nhất là Notepad.

Viết mã HTML dùng Notepad
Các trang web có thể được tạo và thay đổi nội dung bằng cách dùng các trình soạn thảo HTML. Tuy nhiên, để học HTML hiệu quả, bạn nên dùng NotePad (PC). Có 4 bước chính để tạo 1 trang web bằng cách dùng Notepad.

Bước 1: Mở NotePad
Đối với Windows 8 hay các phiên bản trở về sau thì mở Start Screen (biểu tượng Windows ở góc trái dưới cùng). Gõ NotePad. Đối với Windows 7 hay các phiên bản trở về trước thì mở Start > Programs > Accessories > Notepad.

Bước 2: Viết mã HTML
Bạn hãy viết 1 đoạn mã sau vào NotePad

<!DOCTYPE html>
<html>
<body>

<h1>Tiêu đề đầu tiên --- dammio.com</h1>

<p>Đoạn văn bản đầu tiên</p>

</body>
</html>

Bước 3: Lưu trang HTML từ NotePad

Bạn lưu trang web lại, chọn File -> Save, đặt tên tập tin là dammio.html (hoặc dammio.htm) và thiết lập mã hóa là UTF-8 (để chạy các ký hiệu như tiếng Việt).

Bước 4: Mở trình duyệt để xem trang web vừa tạo

Bạn chọn tập tin vừa tạo, mở trên Chrome hay bất kỳ trình duyệt nào và xem kết quả.

Một số trình soạn thảo HTML chuyên nghiệp
Có rất nhiều chương trình soạn thảo HTML cung cấp nhiều tiện ích, tăng tốc tính năng soạn thảo và đưa ra nhiều module giúp việc soạn thảo nhanh hơn. Một số chương trình website dammio.com khuyến cáo nên dùng như dưới đây.

Liên quan: [Bootstrap] Phần 23: Carousel

NotePad++

NotePad++ thực chất thì phiên bản nâng cấp của NotePad nhưng với tính năng hiển thị màu cho các khối mã giúp dễ nhìn hơn. Ngoài ra NotePad++ còn cung cấp tính năng hiển thị màu khối mã cho nhiều ngôn ngữ khác như JavaScript, PHP, C#, Java, …

Link tải về (free): NotePad++

Microsoft Expression Web 4

Mặc dù Microsoft đã ngừng dòng sản phẩm này, nhưng phiên bản 4 của Expression Web vẫn là phiên bản “thần thánh” với nhiều tính năng soạn thảo tuyệt vời, giúp bạn có thể vừa soạn thảo vừa xem kết quả trực tiếp. Nếu làm web chuyên nghiệp, bạn nên dùng Microsoft Expression Web 4.

Link tải về (free): Expression Web 4

Ngoài ra còn nhiều sản phẩm khác như Sublime Text, và các phần mềm thương mại (phải trả phí hoặc crack) như Adobe Dreamweaver, Espressoapp (Mac), Pinegrow Web Editor, BlueGriffon, Coda (https://panic.com/coda/), ….

<< Bài trước

Trang mục lục

Bài tiếp theo >>

Trích dẫn bài viết

APA:
Dammio. (2017). [HTML/HTML5] Phần 2: Trình soạn thảo HTML. https://www.dammio.com/2017/06/07/htmlhtml5-phan-2-trinh-soan-thao-html.
BibTeX:
@misc{dammio, author = {Dammio}, title = {[HTML/HTML5] Phần 2: Trình soạn thảo HTML}, year = {2017}, url = {https://www.dammio.com/2017/06/07/htmlhtml5-phan-2-trinh-soan-thao-html}, urldate = {2024-10-09} }

Kết nối