IMG-LOGO
×

Tài Liệu Môn Học

Khoá học lập trình HTML/CSS

Nhập Môn HTML

[Video] Giới thiệu về lập trình web - HTML/CSS [Video] Hướng dẫn tạo ra 1 trang web đơn giản nhất - HTML/CSS [Video] Hướng dẫn debug/test/develop trên trình duyệt web -HTML/CSS

Tìm Hiểu Thẻ HTML5

[Video] Formatting Text using Tags - html tags [Video] Creating Hyperlinks and Anchors (phần 1) - html tags [Video] Creating Hyperlinks and Anchors (phần 2) - html tags [Video] Cách dùng thẻ img và map để hiển thị hình ảnh html - HTML/CSS [Video] Tìm hiểu về đường dẫn file (path file) trong HTML/CSS

CSS

[Video] Tìm hiểu thuộc tính trong thẻ html [Video] Giới thiệu CSS & Sử dụng các thuộc tính cơ bản [Video] Hướng dẫn tách biệt CSS và HTML [Video] Xử lý Event trong CSS (:hover, :active, :link, ...) - Lập trinh HTML/CSS

Table & CSS

[Video] Tìm hiểu table trong HTML/CSS - HTML/CSS

Form & CSS

[Video] Thiết kế form trong HTML/CSS/JS [Video] Tìm hiểu tag videos, audio trong HTML/CSS/JS [Video] Bài tập - Thiết kế form gửi email - Lập trình HTML/CSS/JS

Thiết Kế Layout

[Video] Tìm hiểu Frame qua ví dụ quản lý khách sạn HTML/CSS [Video] Hướng dẫn tạo layout bằng thẻ Div căn bản [Video] Hướng dẫn thiết kế layout bằng thẻ div nâng cao (Thiết kế giao diện web gokisoft)




Trang Chủ Học HTML5 - CSS3 Trình biên tập HTML

Trình biên tập HTML

by GokiSoft.Com - 01:25 28/04/2020 2,588 Lượt Xem

Viết HTML sử dụng NotePad hoặc TextEdit

Các trang Web có thể được tạo ra và chỉnh sửa sử dụng những trình biên tập HTML chuyên nghiệp .

Tuy nhiên , trong bài viết lần này , để học về HTML , chúng tôi xin giới thiệu một trình biên tập đơn giản như Notepad ( PC ) và TextEdit ( Mac ) .

Hãy tuân theo các bước dưới đây để tạo trang Web đầu tiên của bạn với Notepad và TextEdit


Step 0 : Mở trình biên tập HTML

Mở Notepad ( PC )

Đối với Windows 8 ( hoặc về sau ) : 

Mở Start Screen ( biểu tượng window tại góc trái màn hình của bạn ) . Gõ Notepad

Đối với Windows 7 

Chọn Start > Programs > Accessories > Notepad 

Mở TextEdit ( Mac )

Chọn Finder > Applications > TextEdit 

Thay đổi một số tính năng để ứng dụng có thể lưu file một cách an toàn . Chọn Preferences > Format > chọn "Plain Text"

Sau đó , ngay bên dưới ô " Open and Save " , tick ô có ghi " Display HTML files as HTML code instead of formatted text . " và mở một trình duyệt mới để chạy code . 


Step 1 : Viết code 

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>


Step 2 : Lưu trang HTML


Lưu file của bạn trên máy tính của bạn . Chọn File > Save as trên thanh công cụ của Notepad

Đặt tên của file là " index.htm " và đặt mã hóa ( Encoding ) là UTF-8

Chú ý : .htm và .html là giống nhau và sử dụng thế nào là tùy thuộc vào bạn 


Step 3 : Hiển thị HTML lên trên trình duyệt 


Mở tài liệu HTML với trình duyệt yêu thích của bạn ( double - click file HTML hoặc chuột phải và chọn "Open with" )

Bình luận



Chia sẻ từ lớp học

Tài Liệu Tham Khảo

Đã sao chép!!!