Tạo Và Hiển Thị File HTML | Hướng Dẫn Học

Cách tạo và hiển thị một file HTML

• Trang chủ
• Hướng dẫn học
• Hướng dẫn học HTML/HTML5
• Cách tạo và hiển thị một file 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

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, để xem nội dung file này ta có thể double click vào file là có thể xem được, nội dung khi file khi chạy trên trình duyệt sẽ hiển thị như sau:

Hello

Giới thiệu về HTML

Cấu trúc cơ bản của trang HTML

HỌC WEB CHUẨN

HƯỚNG DẪN HỌC

Hướng dẫn học XHTML & HTML5

• Hướng dẫn học XHTML & HTML5
• Giới thiệu về HTML
• Cấu trúc cơ bản của HTML

• Nhóm các thẻ block

  • <h1> - <h2> - <h3> - <h4> - <h5> - <h6>
  • <p>
  • <div>
  • <dl> - <dt> - <dd>
  • <ul> - <ol> - <li>
  • <nav>
  • <header>
  • <section>
  • <article>
  • <aside>
  • <footer>
  • <figure> - <figcaption>

• Nhóm các thẻ inline

  • <a>
  • <img />
  • <br />
  • <span>
  • <strong>
  • <em>
• Xem thêm ví dụ về HTML
• Bài tập HTML & HTML5 cơ bản
• Bài tập HTML & HTML5 nâng cao

Hướng dẫn học XHTML & HTML5

Bài tập HTML & HTML5

Hướng dẫn học CSS

Hướng dẫn học CSS3

Bài tập CSS & CSS3

Hướng dẫn học SCSS

Hướng dẫn học Responsive

Hướng dẫn học jQuery

Bài tập jQuery

Hướng dẫn học ES6

Hướng dẫn học React.js

Hướng dẫn học Webpack

Hướng dẫn XAMPP

Hướng dẫn học PHP

Hướng dẫn học Laravel

Hướng dẫn học htaccess

THAM KHẢO

• Tham khảo
• Tham khảo HTML4/XHTML
• Tham khảo HTML5
• Tham khảo CSS
• Tham khảo CSS3
• Tham khảo jQuery

CHUYÊN ĐỀ

• Chuyên đề
• Chuyên đề HTML/CSS
• Chuyên đề HTML5/CSS3
• Chuyên đề jQuery/JS
• jQuery/JS plugin

GÓP Ý - LIÊN HỆ

• BẠN SẼ TÀI TRỢ?DONATE
• CÔNG CỤ TẠO CSS3CSS3 GENERATOR
• BỘ CÔNG CỤGENERATOR TOOLS
• CÔNG CỤ HỖ TRỢWEB TOOLS
• CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
• CÔNG CỤ KIỂM TRA RESPONSIVE TEST
• CHIA SẺ HAYWEB & TOOLS

• 
• 
•