Sharing & Linking: [Tự Học HTML & CSS Cơ Bản] WEB1013 - Bài Đầu Tiên

NỘI DUNG:

1. Download Visual Studio Code và cài đặt

2. Tìm các extension cần thiết cho lập trình HTML tại đây:

3. Làm quen/lập trang web đầu tiên

4. Cấu trúc căn bản của trang html

5. Cách chạy trang web:

THỰC HIỆN:

1. Download Visual Studio Code và cài đặt

2. Tìm các extension cần thiết cho lập trình HTML tại đây:

Material Icon Theme
Auto Rename Tag
Auto Close Tag
ESLint
Live Server
Bracket Pair Color
Prettier - Code formatter
Polacode
CodeSnap
HTML CSS Support
IntelliSense for CSS class names in HTML
HTML Snippets
HTMLHint

Cách cài extension trên Visual Studio Code

Các extension cần thiết cho lập trình HTML đã cài đặt (nếu đã cài rồi sẽ không có chữ Install)

3. Làm quen/lập trang web đầu tiên

Tạo mới file > đặt tên có phần mở rộng là .html > gõ html:5 nhấn enter

4. Cấu trúc căn bản của trang html

Ví dụ:

Code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bài Học Đầu Tiên | Làm Quen HTML</title>
</head>
<body>
    <h1>Tìm hiểu về HTML!</h1>
    <p>Hello mọi người, đây là trang web đầu tiên của tôi!</p>
</body>
</html>

5. Cách chạy trang web:

Click chuột phải vào trang web > chọn Open with Live Server