Bài 2: Công cụ soạn thảo HTML

Thứ hai - 15/07/2024 23:17
Soạn thảo HTML bằng Notepad hoặc TextEdit

Bạn có thể tạo và chỉnh sửa trang web bằng cách sử dụng các công cụ soạn thảo HTML chuyên nghiệp. Nhưng để học HTML, hơn hết là nên sử dụng các công cụ soạn thảo đơn giản như Notepad (trên PC) hay TextEdit (trên Mac). Thậm chí có thể sử dụng công cụ code HTML online để thực hiện.

Dưới đây là các bước tạo trang web đầu tiên của bạn bằng Notepad hoặc TextEdit.

Bước 1 - Mở công cụ soạn thảo

Mở Notepad (trên PC)

  • Với Windows 8 trở đi: Mở Start Screen > gõ Notepad.
  • Với Windows 7 về trước: Start > Programs > Accessories > Notepad.

Mở TextEdit (trên Mac)

Finder > Applications > TextEdit. Ngoài ra cũng cần thay đổi trong phần thiết lập để lưu tập tin, bằng cách đi tới Preferences > Forrmat > Plain Text.

Dưới mục Open and Save, chọn Display HTML files as HTML code instead of formatted text.

Sau đó mở văn bản và dán đoạn mã vào đó.

Bước 2 - Soạn thảo HTML

Viết hoặc sao chép đoạn HTML đã viết vào Notepad.

<!DOCTYPE html><html><body><h1>Học lập trình HTML</h1><p>HTML là ngôn ngữ đánh dấu siêu văn bản.</p></body></html>

Dán đoạn mã HTML vào Notepad
Dán đoạn mã HTML vào Notepad

Bước 3 - Lưu trang HTML

Lưu tập tin lên máy tính, chọn File > Save as trong trình thả. Đặt tên cho tập tin là quantrimang.htm rồi chọn bảng mã UTF-8 (được ưa dùng cho các tập tin HTML).

 

​​​​​​Hình ảnh hiển thị của tập tin vừa tạo trên trình duyệt Chrome
Lưu văn bản vừa tạo dưới dạng text

Lưu ý: Bạn có thể chọn phần mở rộng cho tập tin này là .htm hoặc .html đều được.

Bước 4 - Xem trang HTML trên trình duyệt

Mở tập tin HTML vừa lưu trên trình duyệt mà bạn muốn (click đúp chuột hoặc click chuột phải và chọn Open With).

Hình ảnh hiển thị của tập tin vừa tạo trên trình duyệt Chrome
Hình ảnh hiển thị của tập tin vừa tạo trên trình duyệt Chrome

Bài trước: Bài 1: Giới thiệu về HTML

Bài sau: Bài 3: Các ví dụ cơ bản về HTML

Tác giả bài viết: Thanh Sơn

Nguồn tin: quantrimang.com

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết

  Ý kiến bạn đọc

Những tin mới hơn

Những tin cũ hơn

BẢN ĐỒ HÀNH CHÍNH
tkb
camera thanh son 2
THƯ VIỆN ẢNH
1-1.jpg 3-2.jpg 3-13.jpg 33.jpg 4-5.jpg
THĂM DÒ Ý KIẾN

Đánh giá của bạn về website này?

CƠ QUAN BÁO CHÍ
DANH SÁCH TRƯỜNG ĐẠI HỌC - HỌC VIỆN
THỐNG KÊ
  • Đang truy cập2
  • Hôm nay1,336
  • Tháng hiện tại27,011
  • Tổng lượt truy cập921,317
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây