Ngôn ngữ HTML - Trình soạn thảo

Trình soạn thảo  HTML

1. Cài (hoặc cập nhật) trình duyệt .
Firefox, Chrome, IE version mới nhất vào máy của bạn
Firefox là trình duyệt quan trọng và không thể thiếu đối với người làm web, bạn cần có nó với version mới nhất.
 

2. Notepad++

Notepad++ là IDF đơn giản nhất và rất hiệu quả. Tôi có thể sai trong việc gọi nó là một IDE nhưng nó giải quyết bài toán cho nhiều lập trình viên ở đây.  Sự đơn giản là khía cạnh quan trọng nhất của Notepadd++ và nó cũng đứng đầu tiên trong tốp 5 trình soạn thảo text cho các lập trình viên.

Các thông tin khác

  • Có sẵn: Windows.
  • Chi phí: miễn phí.
  • Download: Notepad ++.

3. Cài đặt Addon Firebug
Firebug là một Addon (tiện ích) của trình duyệt Firefox, bạn rất cần có nó để phân tích, định dạng, lấy các code Html, css, javascript của các trang web.
Cách cài đặt Firebug như sau :
– Bạn mở Firefox lên, vào Google gõ từ khóa Firebug rồi nhắp link trong kết quả tìm kiếm (như hình) hoặc vào đây https://addons.mozilla.org
 
– Nhấp nút Add to Firefox


 


– Xong nhấp Install Now

4. Soạn thảo trang web

4.1. Sử dụng trình soạn thảo Notepad

Trang web là 1 tập tin văn bản không định dạng, chứa các thẻ(Tag). Viết bằng mã nguồn HTML trên chương trình soạn thảo văn bản không định dạng như: NotePad. 
Khởi động : Start/Program/Accessories/NotePad 
Ghi chú: Nếu sử dụng chữ có dấu, thì phải 

  • Thiết lập bảng mã Unicode cho trình gõ VietKey, Unikey, 
  • Chọn Font Unicode trong trình soạn thảo (Format / Font  Arial , Tahoma, . . .)

4.2. Đặt tên, Lưu & Mở tập tin:
Tập tin lưu trữ có phần mở rộng là: .htm hoặc .html
a. Lưu tập tin: Tại cửa sổ soạn thảo: File/Save
Filename: Tên.html (VD: VD01.html)
Save as type: AllFiles
Encoding: UTF-8 (Nếu nội dung có dấu) -> Save


b. Lưu lại với tên khác:  Tại cửa sổ soạn thảo File/Save As
c. Mở tập tin đã soạn thảo: 
 Tại cửa sổ soạn thảo: File/Open ->  Chọn tập tin cần mở  -> Open
 


4.3. Xem trang Web sau khi soạn thảo:
Cách 1: Mở thư mục đã lưu trữ -> Double Click tập tin  .htm  
Cách 2: Khởi động trình duyệt-> File/Open -> Chọn Browser để tìm tập tin cần mở -> Ok -> Kết quả hiện thị 

5. Soạn thảo trực tuyến

Ngoài ra các bạn có thể dùng công cụ soạn HTML trực tuyến của HiepSiiT.com trong mỗi ví dụ. Bạn cũng có thể lưu code xuống máy của bạn bằng cách click vào lưu code.

Link soạn thảo trực tuyến của hiepsiit.com: Soạn thảo trực tuyến