Menu
×

Được chứng nhận

Ghi lại kiến ​​thức của bạn

Đăng nhập Đăng ký

Tạo Tài khoản Example.com.vn miễn phí để cải thiện trải nghiệm học tập của bạn

Người tìm đường và việc học của tôi

Theo dõi tiến độ học tập của bạn tại Example.com.vn và thu thập phần thưởng

Nâng cấp

Trở thành người dùng PLUS và mở khóa các tính năng mạnh mẽ (không có quảng cáo, lưu trữ, hỗ trợ, ..)

Bắt đầu từ đâu

Bạn không chắc chắn muốn bắt đầu từ đâu? Đi theo con đường được hướng dẫn của chúng tôi

Trình chỉnh sửa mã (Dùng thử)

Với trình chỉnh sửa mã trực tuyến của chúng tôi, bạn có thể chỉnh sửa mã và xem kết quả trong trình duyệt của mình

Video

Tìm hiểu những điều cơ bản về HTML qua video hướng dẫn thú vị và hấp dẫn

Mẫu

Chúng tôi đã tạo một loạt mẫu trang web đáp ứng mà bạn có thể sử dụng - miễn phí!

Web hosting

Lưu trữ trang web của riêng bạn và chia sẻ nó với mọi người với Example.com.vn Spaces

Tạo một máy chủ

Tạo máy chủ của riêng bạn bằng Python, PHP, React.js, Node.js, Java, C#, v.v.

Làm thế nào để

Bộ sưu tập lớn các đoạn mã cho HTML, CSS và JavaScript

Khung CSS

Xây dựng các trang web nhanh và phản hồi bằng cách sử dụng khung W3.CSS miễn phí của chúng tôi

Thống kê trình duyệt

Đọc xu hướng dài hạn của việc sử dụng trình duyệt

Tốc độ gõ

Kiểm tra tốc độ đánh máy của bạn

Đào tạo AWS

Tìm hiểu dịch vụ web của Amazon

Bộ chọn màu

Sử dụng công cụ chọn màu của chúng tôi để tìm các màu RGB, HEX và HSL khác nhau. Bánh xe màu hình tròn thể hiện sự chuyển màu trong quang phổ

Trò chơi mã

Trò chơi mã hóa W3Schools! Giúp linh miêu thu thập nón thông Logo Lynx

Đặt mục tiêu

Nhận hành trình học tập được cá nhân hóa dựa trên các kỹ năng và mục tiêu hiện tại của bạn

Bản tin

Tham gia bản tin của chúng tôi và có quyền truy cập vào nội dung độc quyền mỗi tháng

Việc làm

Thuê những tài năng công nghệ hàng đầu. Hợp lý hóa quy trình tuyển dụng của bạn để có đội ngũ phù hợp hoàn hảo

Lớp học

Hãy liên hệ để sử dụng Example.com.vn Plus và các chứng chỉ với tư cách là một tổ chức giáo dục

×
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP CÁCH W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS AN NINH MẠNG DỮ LIỆU KHOA HỌC

LÀM CÁCH NÀO ĐỂ

Làm thế nào để về nhà

Thực đơn

Thanh biểu tượng Menu Biểu tượng Accordion Tab Tab dọc Tiêu đề tab Tab toàn trang Tab di chuột Điều hướng hàng đầu Topnav đáp ứng Chia điều hướng Thanh điều hướng với các biểu tượng Menu tìm kiếm Thanh tìm kiếm Thanh bên cố định Điều hướng bên Thanh bên đáp ứng Điều hướng toàn màn hình Menu ngoài Canvas Di chuột Sidenav Nút Thanh bên có biểu tượng Menu cuộn ngang Dọc Menu Điều hướng phía dưới Phản hồi Điều hướng dưới cùng Đường viền dưới cùng Liên kết điều hướng Căn phải Liên kết menu Căn giữa Liên kết menu Độ rộng bằng nhau Liên kết menu Menu cố định Thanh trượt xuống khi cuộn Ẩn Thanh điều hướng khi cuộn Thu nhỏ thanh điều hướng khi cuộn Thanh điều hướng cố định Thanh điều hướng trên hình ảnh Di chuột thả xuống Nhấp vào thả xuống Thả xuống xếp tầng Thả xuống trong Topnav Dropdown in Sidenav Resp Navbar Dropdown Subnavigation Menu Dropup Mega Menu Mobile Menu Rèm Menu Thu gọn Thanh bên Thu gọn Sidepanel Phân trang Breadcrumbs Nhóm nút Nhóm nút dọc Thanh xã hội dính Điều hướng viên thuốc Tiêu đề đáp ứng

Hình ảnh

Trình chiếu Thư viện trình chiếu Hình ảnh phương thức Hộp đèn Hình ảnh đáp ứng Lưới Hình ảnh Lưới Thư viện hình ảnh Thư viện hình ảnh có thể cuộn Thư viện hình ảnh Tab Thư viện lớp phủ hình ảnh Làm mờ lớp phủ hình ảnh Lớp phủ hình ảnh trượt Lớp phủ hình ảnh Thu phóng Lớp phủ hình ảnh Tiêu đề Lớp phủ hình ảnh Biểu tượng Hiệu ứng hình ảnh Hình ảnh đen trắng Hình ảnh văn bản Khối văn bản Hình ảnh trong suốt Văn bản Hình ảnh toàn trang Biểu mẫu trên hình ảnh Hình ảnh anh hùng Làm mờ hình nền Thay đổi Bg khi cuộn Hình ảnh cạnh nhau Hình ảnh được làm tròn Hình đại diện Hình ảnh phản hồi Hình ảnh trung tâm Hình ảnh thu nhỏ Đường viền xung quanh hình ảnh Gặp gỡ nhóm Hình ảnh cố định Lật hình ảnh Lắc một danh mục đầu tư hình ảnh Danh mục thư viện với tính năng lọc hình ảnh Thu phóng hình ảnh Kính lúp Favicon trượt so sánh hình ảnh bằng kính

nút

Nút cảnh báo Nút phác thảo Nút chia Nút hoạt hình Nút mờ Nút trên hình ảnh Nút phương tiện truyền thông xã hội Đọc thêm Đọc ít hơn Nút tải Nút tải xuống Nút thuốc Nút thông báo Nút biểu tượng Nút tiếp theo/trước Nút khác trong nút điều hướng Nút chặn Nút văn bản Nút tròn Nút cuộn lên trên cùng

Các hình thức

Biểu mẫu đăng nhập Biểu mẫu đăng ký Biểu mẫu thanh toán Biểu mẫu liên hệ Biểu mẫu đăng nhập xã hội Biểu mẫu đăng ký Biểu mẫu đăng ký với các biểu tượng Bản tin Biểu mẫu xếp chồng Biểu mẫu phản hồi Biểu mẫu bật lên Biểu mẫu nội tuyến Xóa trường nhập Ẩn số Mũi tên Sao chép văn bản vào khay nhớ tạm Nút tìm kiếm hoạt hình Tìm kiếm toàn màn hình Trường nhập trong thanh điều hướng Biểu mẫu đăng nhập trong tùy chỉnh thanh điều hướng Hộp kiểm/Radio Tùy chỉnh Chọn Chuyển đổi Chuyển đổi Kiểm tra hộp kiểm Phát hiện Caps Lock Nút kích hoạt trên Nhập Xác thực mật khẩu Chuyển đổi Hiển thị mật khẩu Biểu mẫu nhiều bước Tự động hoàn thành Tắt tự động hoàn thành Tắt kiểm tra chính tả Nút tải lên tệp Xác thực đầu vào trống

Bộ lọc

Danh sách bộ lọc Bảng bộ lọc Thành phần bộ lọc Bộ lọc thả xuống Sắp xếp Danh sách Bảng sắp xếp

Những cái bàn

Bảng sọc vằn Bảng trung tâm Bảng chiều rộng đầy đủ Bảng lồng nhau Bảng cạnh nhau Bảng so sánh đáp ứng

Hơn

Hộp phương thức video toàn màn hình Xóa Dòng thời gian phương thức Chỉ báo cuộn Thanh tiến trình Thanh kỹ năng Phạm vi Thanh trượt Bộ chọn màu Trường email Chú giải công cụ Phần tử hiển thị Di chuột Cửa sổ bật lên Lịch có thể thu gọn HTML Bao gồm danh sách việc cần làm Trình tải Huy hiệu Xếp hạng sao Xếp hạng của người dùng Hiệu ứng lớp phủ Thẻ liên hệ Thẻ lật Thẻ hồ sơ Thẻ sản phẩm Cảnh báo thẻ sản phẩm Chú thích Ghi chú Nhãn Thẻ ruy- băng Đám mây Vòng tròn Phong cách Danh sách phiếu giảm giá HR Nhóm danh sách có huy hiệu Danh sách không có dấu đầu dòng Văn bản đáp ứng Cắt văn bản Phát sáng Văn bản phát sáng Chân trang cố định Phần tử dính Chiều cao bằng nhau Clearfix Phao phản hồi Snackbar Toàn màn hình Cửa sổ cuộn Vẽ cuộn mượt mà Dải màu Bg Cuộn Tiêu đề dính Thu nhỏ tiêu đề khi cuộn Giá Bảng Thị sai Tỷ lệ khung hình Iframe đáp ứng Chuyển đổi Thích/Không thích Chuyển đổi Ẩn/Hiển thị Chuyển đổi Chế độ tối Chuyển đổi văn bản Chuyển đổi lớp Thêm lớp Xóa lớp Thay đổi lớp Lớp hoạt động Chế độ xem dạng cây Xóa số thập phân Xóa thuộc tính Phát hiện ngoại tuyến Tìm phần tử ẩn Chuyển hướng trang web Định dạng một số Thu phóng Di chuột Trung tâm hộp lật Nút giữa theo chiều dọc trong Trung tâm DIV a Chuyển đổi danh sách trên Mũi tên di chuột Hình dạng Liên kết tải xuống Phần tử có chiều cao đầy đủ Cửa sổ trình duyệt Thanh cuộn tùy chỉnh Ẩn Thanh cuộn Hiển thị/Buộc thanh cuộn Thiết bị Giao diệnthể chỉnh sửa Nội dung Màu giữ chỗ viền Vô hiệu hóa Thay đổi kích thước vùng văn bản Tắt Lựa chọn văn bản Màu lựa chọn văn bản Màu sắc dấu đầu dòng Bộ chia dòng dọc Văn bản Bộ chia Hoạt hình Biểu tượng Đồng hồ đếm ngược Máy đánh chữ Sắp ra mắt Trang Trò chuyện Tin nhắn Cửa sổ bật lên Trò chuyện Chia đôi màn hình Lời chứng thực Phần Bộ đếm Trích dẫn Trình chiếu Danh sách có thể đóng Mục Các điểm dừng thiết bị điển hình Phần tử HTML có thể kéo JS Truy vấn phương tiện Công cụ đánh dấu cú pháp JS Ảnh động JS Độ dài chuỗi JS Số mũ JS Tham số mặc định JS Số ngẫu nhiên JS Sắp xếp Mảng số Toán tử trải rộng JS Cuộn vào xem Nhận ngày hiện tại Nhận URL hiện tại Nhận kích thước màn hình hiện tại Nhận các phần tử khung nội tuyến

Trang mạng

Tạo một trang web miễn phí Tạo một trang web Tạo một trang web tĩnh Lưu trữ một trang web tĩnh Tạo một trang web (W3.CSS) Tạo một trang web (BS3) Tạo một trang web (BS4) Tạo một trang web (BS5) Tạo và xem một trang web Tạo một cây liên kết Trang web Tạo danh mục đầu tư Tạo sơ yếu lý lịch Tạo trang web nhà hàng Tạo trang web kinh doanh Tạo trang web Trung tâm sách Trang web Phần liên hệ Giới thiệu Trang Tiêu đề lớn Trang web ví dụ

Lưới

Bố cục 2 cột Bố cục 3 cột Bố cục 4 cột Mở rộng danh sách lưới Chế độ xem lưới Bố cục cột hỗn hợp Thẻ cột Bố cục Zig Zag Bố cục blog

Google

Biểu đồ Google Phông chữ Google Cặp phông chữ Google Thiết lập Google Analytics

Bộ chuyển đổi

Chuyển đổi trọng lượng Chuyển đổi nhiệt độ Chuyển đổi chiều dài Chuyển đổi tốc độ

Blog

Nhận công việc là nhà phát triển Trở thành nhà phát triển giao diện người dùng. Thuê nhà phát triển

Cách thực hiện - Tạo một trang web miễn phí


Xây dựng và lưu trữ trang web của bạn với Example.com.vn Spaces.

Bắt đầu với trang web miễn phí của bạn trong một vài cú nhấp chuột.

Mọi thứ bạn cần đều có ngay trong trình duyệt.

Nó rất dễ sử dụng - hãy thử nó!

Bắt đầu miễn phí »

Tạo trang web đầu tiên của bạn với Example.com.vn Spaces

Example.com.vn Spaces là nơi cá nhân nơi bạn có thể xây dựng và thử nghiệm mã cũng như lưu trữ trang web của riêng mình.

Với Example.com.vn Spaces bạn có thể xây dựng bằng HTML, CSS và JavaScript.

Chỉnh sửa mã trực tiếp trong trình duyệt của bạn.

Tải lên và lưu trữ các tập tin và hình ảnh của bạn.

Bắt đầu phát triển sự hiện diện trực tuyến của bạn ngay hôm nay!


Tại sao nên xây dựng với không gian W3Schools?

Spaces được các nhà phát triển web tạo ra cho các nhà phát triển web.

  1. Giao diện đơn giản và dễ sử dụng.
  2. Lưu trữ và chỉnh sửa các tập tin của bạn ngay trong trình duyệt.
  3. Mẫu miễn phí.

Bắt đầu miễn phí và bạn không cần phải nhập thẻ tín dụng của mình.


Chỉnh sửa và xem trước mã

Trình chỉnh sửa rất dễ sử dụng - giúp bạn tập trung vào những điều quan trọng nhất.

Kiểm tra khả năng phản hồi của trang web của bạn bằng các lựa chọn thay thế xem trước khác nhau.

Xem trước các thay đổi trên trang web của bạn, trực tiếp!


Xây dựng từ mọi nơi

Lưu trữ tệp và hình ảnh của bạn trên đám mây.

Giữ ngăn nắp bằng cách tạo cấu trúc với các thư mục.

Mọi thứ bạn cần đều có ngay trong trình duyệt.


Mẫu miễn phí

Duyệt và sử dụng các mẫu trang web đáp ứng của chúng tôi.

Sửa đổi, lưu, chia sẻ và sử dụng chúng trong các dự án của bạn.

Các mẫu được cung cấp bởi W3.CSS



Tôi cần biết gì để bắt đầu?

HTML, CSS và JavaScript là những ngôn ngữ nền tảng để xây dựng một trang web.

  1. Tạo cấu trúc bằng HTML. Điều đầu tiên bạn phải học là HTML, đây là ngôn ngữ đánh dấu tiêu chuẩn để tạo các trang web.
  2. Tìm hiểu HTML »
  3. Tạo kiểu bằng CSS. Bước tiếp theo là tìm hiểu CSS, thiết lập bố cục trang web của bạn với màu sắc, phông chữ đẹp mắt và hơn thế nữa.
  4. Tìm hiểu CSS »
  5. Làm cho nó tương tác với JavaScript. Sau khi học HTML và CSS, bạn nên học JavaScript để tạo các trang web động và tương tác cho người dùng của mình.
  6. Tìm hiểu JavaScript »

Đừng lo lắng nếu bạn không biết cách viết mã. Điều quan trọng nhất là phải bắt tay vào thực hiện sớm. Học cách viết mã được thực hiện tốt nhất bằng cách thực hành. Bắt đầu xây dựng một cái gì đó ngay hôm nay!


Hãy bắt đầu sau vài bước

Bạn đã có Tài khoản Example.com.vn chưa? Nếu vậy, hãy bỏ qua bước đầu tiên


Bước một: Đăng ký tài khoản

Để có thể sử dụng Spaces, bạn cần đăng ký và nhận tài khoản của mình.

Hãy để bạn thiết lập!

Đi tới Hồ sơ W3Schools - Nhấp vào " Đăng ký " và nhập email và mật khẩu của bạn, sau đó nhấp vào nút " Đăng ký miễn phí ".

Hãy nhớ xác nhận tài khoản của bạn trong email của bạn. Kiểm tra bộ lọc thư rác nếu bạn không thể tìm thấy email xác thực trong hộp thư đến của mình.

Nhận thêm thông tin về cách đăng ký trong bài viết của chúng tôi - Cách đăng ký


Bước hai: Bắt đầu với mẫu hoặc khung HTML

Đi tới Không gian của W3Schools

Chọn một trong các tùy chọn và nhấp vào nút " Tiếp tục ".

Đừng lo lắng quá nhiều về quyết định này. Bạn có thể đặt lại Không gian của mình và bắt đầu lại bất cứ khi nào bạn muốn.


Bước ba: Đặt tên cho không gian của bạn

Cá nhân hóa Không gian của bạn bằng cách đặt cho nó một cái tên ấn tượng.

Bạn không thể sử dụng các chữ cái đặc biệt trong tên, chẳng hạn như (#, ! hoặc :). Ngoại lệ duy nhất là dấu gạch ngang ( - )

Tên sẽ là liên kết mà bạn chia sẻ với người khác để xem trang web của bạn. Ví dụ: tên của bạn .w3spaces.com


Bước bốn: Nhập không gian của bạn

Bạn đã làm rất tốt! bạn đã đến được trang tổng quan.

Trong bảng điều khiển, bạn sẽ có cái nhìn tổng quan về không gian và cách sử dụng của mình.

Nhập không gian của bạn và Tổng quan về tệp của nó bằng cách nhấp vào vị trí nào đó trên hàng của không gian hoặc nhấp vào nút có ba dấu chấm ở bên phải trong hàng.

Bạn chỉ có thể có một không gian với gói miễn phí. Tuy nhiên, bạn luôn có thể nâng cấp để có thêm dung lượng.


Bước năm: Chỉnh sửa mã hoặc tải tệp lên

Đây là nơi phép thuật xảy ra!

Bắt đầu chỉnh sửa mã hoặc tải tập tin lên

  • Chỉnh sửa mã bằng cách nhấp vào " Biểu tượng cây bút " ở bên phải tệp mà bạn muốn chỉnh sửa.
  • Tạo tập tin mới bằng cách nhấp vào nút " Tệp mới ".
  • Tải tệp lên bằng cách nhấp vào nút " Tải tệp lên ".

Bước sáu: Xuất bản trang web của bạn và chia sẻ nó với ai đó

Đây là bước khởi đầu cho việc xây dựng sự hiện diện trực tuyến của bạn.

Tìm hiểu, thử nghiệm, xây dựng và đưa vào hoạt động với không gian của bạn.

Tạo trang web của bạn và chia sẻ nó với những người khác.

Lưu ý: Tên không gian có phần mở rộng .w3spaces.com là liên kết có thể chia sẻ của bạn. Đọc thêm về cách chia sẻ không gian của bạn trong bài viết này Làm cách nào tôi có thể chia sẻ không gian của mình?


Không gian trường học W3

Không gian trường học W3

Xây dựng trang web của riêng bạn với Example.com.vn Spaces.

Bắt đầu miễn phí



×

Liên hệ bán hàng

Nếu bạn muốn sử dụng dịch vụ của Example.com.vn với tư cách là một tổ chức giáo dục, nhóm hoặc doanh nghiệp, hãy gửi email cho chúng tôi:
[email được bảo vệ]

Báo cáo lỗi

Nếu bạn muốn báo cáo lỗi hoặc nếu bạn muốn đưa ra đề xuất, hãy gửi email cho chúng tôi:
[email được bảo vệ]

Example.com.vn được tối ưu hóa cho việc học tập và đào tạo. Các ví dụ có thể được đơn giản hóa để cải thiện khả năng đọc và học. Các hướng dẫn, tài liệu tham khảo và ví dụ liên tục được xem xét để tránh sai sót, nhưng chúng tôi không thể đảm bảo tính chính xác hoàn toàn của mọi nội dung. Khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng , chính sách cookie và quyền riêng tư của chúng tôi.

Bản quyền 1999-2024 của Refsnes Data. Đã đăng ký Bản quyền. Example.com.vn được cung cấp bởi W3.CSS .