HTML (Hypertext Markup Language) là một loại ngôn ngữ đánh dấu siêu văn bản. HTML được tạo ra để xây dựng hoặc cấu trúc lại một trang web. HTML giúp chúng ta chuyển đổi từ một văn bản bình thường hoặc một tệp thiết kế thành một trong trang web giao diện. HTML sẽ quản lý những nội dung này dưới dạng có thẻ với 3 loại cơ bản là Show
Hầu hết các trang web mà bạn đang lướt qua hàng ngày được bố cục cục bộ và được định dạng bởi HTML. Để học được cách sử dụng HTML, các bạn phải sử dụng một trình soạn thảo có tên là Visual Studio Code (sau đây sẽ gọi tắt là VSCode). Giao diện của trình soạn thảo nào có định dạng như sau Bây giờ chúng ta sẽ tạo một thư mục trống rồi mở nó lên trong VSCode. Cách tạo rất đơn giản mà bạn nào cũng biết là nhấn chuột phải => chọn Thư mục mới => đặt tên cho thư mục rồi nhấn Enter. Sau đó, bạn chỉ cần kéo thư mục đã tạo vào VSCode, phần mềm sẽ tự động mở nó lên cho bạn Trên đây là những kiến thức cơ bản về HTML và VSCode. Chúng ta sẽ cùng tìm hiểu chi tiết hơn trong phần sau của nội dung bài viết này các bạn nhé Xem thêm. Hướng dẫn cách chuyển bảng Excel sang HTML Hướng dẫn sử dụng VSCodeCách tạo tệp trong VSCodeCác bạn nhấp chuột phải vào vùng trống trong thư mục mà chúng ta đã nhập vào VSCode. Sau đó các bạn chọn New File Tiếp theo chúng ta sẽ đặt tên cho tệp mới này. Có một số lưu ý về việc đặt tên các bạn cần nhớ như sau
Ở đây chúng mình sẽ đặt tên tệp là "index" với phần đuôi mở rộng là ". html" để nhận dạng máy tính, đây là tệp HTML Cách comment trong file HTMLNhận xét trong tệp HTML trên VSCode có tác dụng giúp chúng tôi ghi chú lại tác dụng của một đoạn mã. Để nhận xét được trong tệp HTML, các bạn sẽ bôi đen đoạn mã, sau đó nhấn giữ tổ hợp phím tắt Ctrl + ? . Sau đó các bạn chỉ cần nhập comment để phân biệt tác dụng của đoạn mã Cách tạo cấu trúc một tệp HTMLĐể tạo cấu trúc một tệp HTML, bạn nhập vào VSCode là "html. 5" sau đó nhấn phím Tab thì sẽ thấy tệp được hiển thị như sau Trong cấu trúc trên các bạn có thể nhìn thấy được cả 3 loại thẻ của HTML là thẻ đi theo cặp đóng - mở, thẻ chỉ mở và thẻ chỉ đóng. Chức năng của các thẻ trong cấu trúc HTML trên các cụ thể như sau
Xem thêm. Hướng dẫn cách chuyển file Word sang HTML đơn giản nhất Cách chạy tệp HTML trên trình duyệtTrước khi chạy file, các bạn phải nhấn tổ hợp phím tắt Ctrl + S trong VSCode để lưu lại những đoạn code mới Cách 1Để mở một tệp HTML trên trình duyệt, các bạn đi đến thư mục chứa tệp mà chúng ta đã tạo ban đầu => nhấp chuột phải vào tên tệp => chọn Open With => chọn Choose another app Sau đó các bạn chọn trình duyệt mà mình muốn sử dụng => tích vào ô "Luôn sử dụng ứng dụng này để mở. tập tin html". Thao tác này có nghĩa là sau tất cả các tập tin có đuôi định dạng. html will be open on the browser you select cách 2Có một cách chạy tệp khác là chúng tôi sẽ chạy luôn trên VSCode. Tuy nhiên, chúng ta sẽ cần cài đặt một tiện ích mở rộng tiện ích hay còn gọi là Tiện ích mở rộng. Đây là những tiện ích có sẵn trong VSCode, các bạn chỉ cần cài thôi nhé. Trên giao diện làm việc của VSCode, các bạn nhấn vào biểu tượng của Tiện ích mở rộng như trong hình ảnh dưới đây hoặc nhấn tổ hợp phím tắt Ctrl + Shift + X Sau đó các bạn vào thanh tìm kiếm một tiện ích có tên là "Xem trên trình duyệt". Các bạn chỉ cần kích chuột vào tiện ích đó là nó sẽ được cài đặt tự động Để chạy thử tệp HTML trên trình duyệt ngay trong VSCode, các bạn vào phần lưu tệp => nhấn chuột phải vào tệp => chọn Xem trong Trình duyệt hoặc nhấn tổ hợp phím tắt Ctrl + F1 là tệp sẽ tự động mở lên trong trình duyệt Bạn làm theo cách tương tự để cài đặt một tiện ích khác có tên là. Tự động đổi tên thẻ . Tiện ích này có tác dụng giúp bạn sửa thẻ đóng tự động khi bạn đã sửa thẻ mở trong một cặp thẻ đóng - mở. Khi cài đặt xong, các bạn có thẻ tắt thẻ Extension đi để chúng tôi chạy thử. Xem thêm. Cách sử dụng hàm importHTML để chuyển một bảng từ trang web HTML sang Google Trang tính Kết luậnNhư vậy, chúng tôi đã giới thiệu HTML là gì đồng thời hướng dẫn các bạn về cấu trúc của một tệp HTML, cách tạo tệp và chạy tệp trên VSCode. Hy vọng bài viết này sẽ hữu ích với bạn trong quá trình làm quen với HTML Để được học về HTML một cách đầy đủ và chuyên sâu hơn thì các bạn hãy tham gia khóa học Nhập môn HTML cùng chuyên gia Nguyễn Đình Nam Khóa học phù hợp với các bạn đang tìm hiểu về lập trình web với ngôn ngữ HTML và CSS. Sau khi hoàn thành tất cả bài học, các bạn sẽ nắm chắc bản chất và cách thức hoạt động của HTML. Đồng thời, các bạn có thể ứng dụng kiến thức đã học về các thẻ tag cơ bản trong HTML để xây dựng bộ khung cho website. Trong quá trình học, các bạn có thể trao đổi về vấn đề chưa hiểu với chuyên gia ngay trong phần Hỏi - Đáp bên dưới video bài giảng. Mọi thắc mắc sẽ được phản hồi trong vòng 24h các bạn nhé. Chúc các bạn học tập hiệu quả. Thích 0 chia sẻ 0/5 - (0 bình chọn) 0/5 - (0 bình chọn) Bài viết liên quan Hướng dẫn về chức năng ACOS của OracleHướng dẫn về hàm ATAN của OracleHướng dẫn về chức năng COS của OracleHướng dẫn về chức năng AVG của OracleTìm hiểu chi tiết về thẻ định dạng chữ (Văn bản) trong HTMLBài tập thực thi với các thẻ định dạng chữ trong HTML× Chúc mừng bạn đã nhận được quà tặng "" HÃY ĐĂNG NHẬP CẦU NHI QUÀ NGAY Đăng nhập bằng Google Đăng nhập bằng Apple Or login Đăng nhậpĐăng ký tài khoản Đăng nhập bằng Google Đăng nhập bằng Apple or register Đăng kýĐăng nhập Khóa học của tôi Load down Bạn vui lòng đăng nhập để gửi tương tác Đăng nhập Đăng nhập bằng Google Đăng nhập bằng Apple Or login Đăng nhậpĐăng ký tài khoản Đăng ký Đăng nhập bằng Google Đăng nhập bằng Apple or register Đăng kýĐăng nhập Hỗ trợ khách hàng Email. hotro@gitiho. com Đường dây nóng. 0774 116 285 (Giờ làm việc. 8h30 - 18h, nghỉ thứ 7 và CN) Những câu hỏi thường gặp Hướng dẫn đăng ký khóa học Hướng dẫn đăng ký Hướng dẫn lấy lại mật khẩu Hướng dẫn thanh toán khóa học sau khi đăng ký VỀ GITIHO Giới thiệu về Gitiho Tuyển dụng giảng viên Tuyển dụng nhân sự Đào tạo cho doanh nghiệp Chính sách bảo mật thông tin Chính sách và quy định chung Quy định mua, hủy, sử dụng khóa học Bộ quy tắc xử lý của giảng viên và học viên hợp tác và liên kết Tạo học sinh trên Gitiho Dịch vụ Doanh nghiệp Đăng ký Gitiho Affiliate Tải App Gitiho KẾT NỐI VỚI CHÚNG TÔI office address. Phòng 206, tầng 2, Tòa nhà Tây Hà, KĐT mới Phùng Khoang, Phường Trung Văn, Quận Nam Từ Liêm, Thành phố Hà Nội, Việt Nam |
