Học video

Đăng ký tài khoản để xem

Đăng ký Đăng nhập

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

Khóa học: Thiết kế Web với HTML CSS - Giảng viên: Phạm Quang Trường

1. Hướng Dẫn Cài Đặt Visual Studio 2022

Bước 1: Tải Visual Studio 2022

Truy cập trang tải chính thức: Visual Studio 2022
Chọn phiên bản Community (miễn phí) hoặc bản Professional/Enterprise nếu bạn có license.
Nhấn Download để tải file cài đặt .exe.

Bước 2: Cài Đặt Visual Studio 2022

Mở file vs_Community.exe vừa tải.
Chờ trình cài đặt khởi chạy, sau đó chọn Tiếp tục (Continue) để tải thêm dữ liệu cài đặt.

2. Cài Đặt Các Thành Phần Cần Thiết Để Lập Trình HTML

Bước 3: Chọn workload phù hợp

Trong cửa sổ Visual Studio Installer, chọn tab Workloads.
Tích chọn:
✅ ASP.NET and web development (nếu bạn muốn dùng HTML trong các dự án ASP.NET)
✅ Node.js development (nếu bạn cần hỗ trợ thêm cho JavaScript, nhưng không bắt buộc)
Nếu chỉ muốn viết HTML cơ bản, bạn có thể bỏ qua các Workloads này và chỉ cần cài Visual Studio Code thay thế.

Bước 4: Cài đặt Visual Studio

Nhấn Install để bắt đầu quá trình cài đặt.
Chờ quá trình hoàn tất (mất vài phút tùy tốc độ mạng).
Sau khi cài đặt xong, nhấn Launch để mở Visual Studio 2022.

3. Cấu Hình Visual Studio 2022 Để Code HTML

Bước 5: Tạo Dự Án HTML Mới

Mở Visual Studio 2022.
Chọn Create a new project.
Tìm kiếm và chọn "Empty Project" hoặc "ASP.NET Core Web App" nếu muốn tích hợp với C#.
Đặt tên cho dự án, chọn vị trí lưu, sau đó nhấn Create.

Bước 6: Tạo File HTML Mới

Trong cửa sổ Solution Explorer, chuột phải vào dự án → Add → New Item.
Chọn HTML Page, đặt tên file (ví dụ: index.html) rồi nhấn Add.
File index.html sẽ mở trong trình soạn thảo của Visual Studio.

Bước 7: Viết Mã HTML

Ví dụ:

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Trang Web Đầu Tiên</title>
</head>
<body>
    <h1>Xin chào, đây là trang HTML đầu tiên của bạn!</h1>
</body>
</html>

Bước 8: Chạy Trang HTML Trực Tiếp

Nhấn F5 hoặc chuột phải vào file index.html → View in Browser để xem trang trên trình duyệt.

4. Cài Đặt Visual Studio Code (Lựa Chọn Nhẹ Hơn)

Nếu bạn chỉ cần viết HTML mà không cần các tính năng nâng cao của Visual Studio 2022, có thể dùng Visual Studio Code:

Tải tại: https://code.visualstudio.com/
Cài đặt và mở VS Code.
Cài đặt extension Live Server để chạy file HTML nhanh chóng.
Tạo file .html và bắt đầu lập trình.

Bài tiếp theo

Tài liệu khóa học

Chưa có tài liệu.

Danh sách bài học