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

W3.CSS

W3.CSS HOME W3.CSS Giới thiệu W3.CSS Màu sắc W3.CSS Bộ chứa W3.CSS Bảng W3.CSS Đường viền W3.CSS Thẻ W3.CSS Mặc định Phông chữ W3.CSS W3.CSS Google W3.CSS Văn bản W3.CSS Vòng W3. Đệm CSS W3.CSS Lề W3.CSS Hiển thị các nút W3.CSS W3.CSS Ghi chú W3.CSS Trích dẫn W3.CSS Cảnh báo Bảng W3.CSS Danh sách W3.CSS Hình ảnh W3.CSS Đầu vào W3.CSS Huy hiệu W3.CSS Thẻ W3.CSS Biểu tượng W3.CSS W3.CSS Bố cục W3.CSS đáp ứng W3.CSS Ảnh động Hiệu ứng W3.CSS Thanh W3.CSS Thả xuống W3.CSS Hiệp định W3.CSS Điều hướng W3.CSS Thanh bên W3.CSS Tab W3.CSS Phân trang W3.CSS W3. Thanh tiến trình CSS W3.CSS Trình chiếu W3.CSS Phương thức W3.CSS Chú giải công cụ Lưới W3.CSS Mã W3.CSS Bộ lọc W3.CSS Xu hướng W3.CSS Trường hợp W3.CSS Tài liệu W3.CSS Xác thực W3.CSS Phiên bản W3.CSS W3.CSS Điện thoại di động

Màu W3.CSS

Các lớp màu W3.CSS Chất liệu màu W3.CSS Màu W3.CSS Giao diện người dùng phẳng Màu W3.CSS Màu Metro UI W3.CSS Màu Win8 W3.CSS Màu iOS W3.CSS Màu Thời trang Thư viện màu W3.CSS Phối màu W3.CSS W3.CSS Chủ đề màu sắc Trình tạo màu W3.CSS

Xây dựng web

Giới thiệu web Web HTML Web CSS Web JavaScript Bố cục web Ban nhạc web Dịch vụ ăn uống Web Nhà hàng Kiến trúc sư web

Ví dụ

Ví dụ về W3.CSS Bản demo W3.CSS Mẫu W3.CSS Chứng chỉ W3.CSS

Người giới thiệu

Tài liệu tham khảo W3.CSS Tải xuống W3.CSS

Trang web kiến ​​trúc sư

Cách tạo một trang web

Cách tạo trang web đáp ứng đầy đủ, trông đẹp mắt trên tất cả các thiết bị (máy tính để bàn, máy tính xách tay, máy tính bảng và điện thoại):

Mẫu kiến ​​trúc sư

Tạo một bộ xương

Ngành kiến ​​​​trúc

Kiến trúc sư BR

Ví dụ

<!-- Navbar (Sits on top) -->
<div class="w3-top w3-bar w3-white w3-wide w3-padding w3-card">
<a href="#home" class="w3-bar-item w3-button"><b>BR</b> Architects</a>

<!-- Float links to the right. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<a href="#projects" class="w3-bar-item w3-button">Projects</a>
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="#contact" class="w3-bar-item w3-button">Contact</a>
</div>

</div>

<!-- Page Start -->
<div id="home" class="w3-content" style="max-width:1564px">

<!-- Image in Display Container -->
<div class="w3-display-container w3-content" style="max-width:1500px;">
<img class="w3-image" src="/w3images/architect.jpg" alt="Architecture" width="100%">
<div class="w3-display-middle w3-margin-top w3-center">
<h1 class="w3-xxlarge w3-text-white w3-wide">
<span class="w3-padding w3-black w3-opacity-min"><b>BR</b></span>
<span class="w3-hide-small w3-text-light-grey">Architects</span>
</h1>
</div>
</div>

<!-- Page End -->
</div>

Hãy tự mình thử »



Thêm dự án

Dự án

Ngôi nhà mùa hè
Căn nhà
Nhà gạch
Căn nhà
đã được cải tạo
Căn nhà
Nhà kho
Căn nhà
Ngôi nhà mùa hè
Căn nhà
Nhà Gạch
Căn nhà
đã được cải tạo
Căn nhà
Nhà kho
Căn nhà

Ví dụ

<!-- Projects -->
<div id="projects" class="w3-container w3-padding-32">
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Projects</h2>
</div>

<div class="w3-row-padding">

<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Summer</div>
<img src="/w3images/house5.jpg" alt="House" style="width:100%">
</div>
</div>

<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Brick House</div>
<img src="/w3images/house2.jpg" alt="House" style="width:100%">
</div>
</div>

<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Renovated</div>
<img src="/w3images/house3.jpg" alt="House" style="width:100%">
</div>
</div>

<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Barn House</div>
<img src="/w3images/house4.jpg" alt="House" style="width:100%">
</div>
</div>

</div>

Hãy tự mình thử »

Thêm về

Về

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Với một mục tiêu tối thiểu là có thể làm được, điều này sẽ không xảy ra khi bạn phải làm việc quá sức để có được một giải pháp sau mỗi giao dịch. Ngoại trừ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est labum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Với một mục tiêu tối thiểu là có thể làm được, điều này sẽ không xảy ra khi bạn phải làm việc quá sức để có được một giải pháp sau mỗi giao dịch.

John

John Doe

Giám đốc điều hành và người sáng lập

Phasellus ego enim eu lectus faucibus vestibulum. Suspendisse sodales pelentesque elementum.

Jane

Jane Doe

Kiến trúc sư

Phasellus ego enim eu lectus faucibus vestibulum. Suspendisse sodales pelentesque elementum.

Mike

Mike Ross

Kiến trúc sư

Phasellus ego enim eu lectus faucibus vestibulum. Suspendisse sodales pelentesque elementum.

Dân

Sao Dân

Kiến trúc sư

Phasellus ego enim eu lectus faucibus vestibulum. Suspendisse sodales pelentesque elementum.

Ví dụ

<!-- About -->
<div id="about" class="w3-container w3-padding-32">
<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">About</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>

<div class="w3-row-padding w3-grayscale">

<div class="w3-col l3 m6 w3-margin-bottom">
<img src="/w3images/team2.jpg" alt="John" style="width:100%">
<h3>John Doe</h3>
<p class="w3-opacity">CEO &amp; Founder</p>
<p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
<p><button class="w3-button w3-light-grey w3-block">Contact</button></p>
</div>

<div class="w3-col l3 m6 w3-margin-bottom">
<img src="/w3images/team1.jpg" alt="Jane" style="width:100%">
<h3>Jane Doe</h3>
<p class="w3-opacity">Architect</p>
<p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
<p><button class="w3-button w3-light-grey w3-block">Contact</button></p>
</div>

<div class="w3-col l3 m6 w3-margin-bottom">
<img src="/w3images/team3.jpg" alt="Mike" style="width:100%">
<h3>Mike Ross</h3>
<p class="w3-opacity">Architect</p>
<p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
<p><button class="w3-button w3-light-grey w3-block">Contact</button></p>
</div>

<div class="w3-col l3 m6 w3-margin-bottom">
<img src="/w3images/team4.jpg" alt="Dan" style="width:100%">
<h3>Dan Star</h3>
<p class="w3-opacity">Architect</p>
<p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
<p><button class="w3-button w3-light-grey w3-block">Contact</button></p>
</div>

</div>

Hãy tự mình thử »

Thêm liên hệ

Liên hệ

Hãy liên lạc và nói về dự án tiếp theo của bạn

Được cung cấp bởi w3.css

Ví dụ

<!-- Contact Section -->
<div id="contact" class="w3-container w3-padding-top-32">

<h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Contact</h2>
<p>Lets get in touch and talk about your next project</p>

<form action="/action_page.php" target="_blank">
<input class="w3-input w3-border" type="text" placeholder="Name" required name="Name">
<input class="w3-input w3-section w3-border" type="text" placeholder="Email" required name="Email">
<input class="w3-input w3-section w3-border" type="text" placeholder="Subject" required name="Subject">
<input class="w3-input w3-section w3-border" type="text" placeholder="Comment" required name="Comment">
<button class="w3-button w3-black w3-section" type="submit">
<i class="fa fa-paper-plane"></i> SEND MESSAGE
</button>
</form>

<img src="/w3images/map.jpg" class="w3-image" style="width:100%">

<footer class="w3-center w3-black w3-panel w3-padding-16">
<p>Powered by <a href="https://www.example.com.vn/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
</footer>
</div>

Hãy tự mình thử » Thử đầy đủ »


×

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 .