1. Trang chủ
  2. Tin tức
  3. Kiến thức về HTML (P12): Cách tạo và hiển thị một file HTML

Kiến thức về HTML (P12): Cách tạo và hiển thị một file HTML

Các bạn biết, kiến thức về HTML rất rộng, không thể nói hết trong ngày một ngày hai. web3c chia sẻ với các bạn những kiến thức cơ bản nhất, đơn giản nhất dành cho những bạn mới đang tự học về HTML. Những kiến thức căn bản buộc những thiết kế web hay lập trình web đều phải biết.

Tiếp bài hôm nay mình sẽ chia sẻ với các bạn  cách tạo và hiển thị một file HTML.

HTML là thành phần cơ bản nhất để xây dựng lên trang web. Cho dù trang web của bạn có được thiết kế bằng PHP, ASP hay CGI, nhưng nếu muốn hiển thị nội dung lên trình duyệt. Bao giờ output cuối cùng vẫn sẽ là HTML. Bạn thấy tầm quan trọng của HTML trong thiết kế web đấy. Cho nên hiểu và biết cách vận hành HTML vẫn rất cần thiết cho bất cứ ai muốn xây dựng trang web.

  • 1 HTML có những file
    • 1.1 Phần mở rộng là .htm và.html
  • 2 Cách tạo file HTML
  • 3 Cách hiển thị file HTML
    • 3.1 Người viết đánh giá

HTML có những file

  • Một file HTML chứa những thẻ HTML
  • Một file HTML phải có phần mở rộng là .html hoặc .htm
  • Một file HTML có thể được tạo ra bởi trình soạn thảo văn bản đơn giản như Notepad

Phần mở rộng là .htm và.html

Trước đây khi các máy tính cũ không cho phép phần mở rộng vượt quá 3 ký tự, do vậy người ta phải sử dụng .htm. Nhưng hiện nay chúng ta có thể sử dụng .html cũng được. Tuy nhiên bạn hãy tạo thói quen sử dụng chỉ một loại hoặc là .htm hoặc là .html. Đừng khi thì .htm khi thì lại .html.

Cách tạo file HTML

Trước tiên ta tạo một file index.txt đơn giản bằng notepad trong Window với nội dung sau:

<p>Hello</p>

Sau đó “Save As” lại file với định dạng mới là .html

1C

Ngoài cách tạo đơn giản trên, chúng ta cũng có thể tạo file HTML trực tiếp thông qua một số ứng dụng như: notepad++, Dreamweaver, …

Cách hiển thị file HTML

Với cách trên ta đã tạo xong file index.html với nội dung đơn giản, để xem nội dung file này ta có thể double click vào là có thể xem được, nội dung khi chạy trình duyệt sẽ được hiển thị như sau:

2C

 

Còn nhiều bài học tiếp theo, các bạn theo dõi bài của trang nhé. Chúc các bạn tự học thiết kế web thật tiến bộ.

Bài tiếp theo: Kiến thức về HTML (P13): Cấu trúc cơ bản của HTML

Xem thêm:

  • Kiến thức về HTML (P1): Giới thiệu HTML và tạo trang web bằng HTML
  • Kiến thức về HTML (P2): HTML Elements
  • Kiến thức về HTML (P3): Hướng dẫn tạo bảng HTML
  • Kiến thức về HTML (P4): Tag mới trong HTML
  • Kiến thức về HTML (P5): Đơn vị trong HTML và CSS
  • Kiến thức về HTML (P6): HTML Symbols-mã kí tự chữ
  • Kiến thức về HTML (P7): HTML Symbols-mã kí tự số
  • Kiến thức về HTML (P8): Thẻ định dạng tiêu đề
  • Kiến thức về HTML (P9): Thẻ định dạng đoạn văn bản
  • Kiến thức về HTML (P10): Thẻ phân chia khu vực
  • Kiến thức về HTML (P11): Thẻ <!Doctype> và HTML/XHTML theo giá trị DTD
X