Bài 1: Cấu Trúc Cơ Bản Của Một Trang Web HTML
Khi bạn mới bước chân vào con đường lập trình, đặc biệt quan trọng là lập trình web thì cụm từ ” HTML ” có lẽ rằng là được nhắc đến nhiều nhất. Dù bạn có tìm kiếm Google hay hỏi bất kể lập trình viên nào : ” Học lập trình web cần học ngôn gì, học cái gì thứ nhất ? ” thì câu vấn đáp chắc như đinh đều có chung một tác dụng đó chính là HTML .Vậy tại sao lại là HTML. HTML là gì ? Tại sao muốn học lập trình web lại phải học HTML ? Có phải HTML có sức mạnh ” ghê gớm ” lắm không mà bất kỳ nhà tăng trưởng web nào cũng cần phải biết HTML. Tất cả những vướng mắc đó sẽ được giải đáp ở bài học kinh nghiệm này. Chào mừng những bạn đến với bài học kinh nghiệm tiên phong trong chuỗi những bài học kinh nghiệm về phong cách thiết kế, kiến thiết xây dựng web cho người mới khởi đầu .
HTML là gì?
HTML là chữ viết tắt của cụm từ Hyper Text Markup Language ( Ngôn ngữ đánh dấu siêu văn bản) được sử dụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trang được quy ra là một tài liệu HTML. HTML là một trong những ngôn ngữ quan trọng trong lĩnh vực thiết kế website. HTML đã trở thành một chuẩn mực của Internet do tổ chức World Wide Web Consortium (W3C) duy trì.
Lưu ý: HTML không phải là ngôn ngữ lập trình.
Bạn đang đọc: Bài 1: Cấu Trúc Cơ Bản Của Một Trang Web HTML
Tại sao lại phải sử dụng HTML khi thiết kế website?
Chúng ta phải sử dụng HTML khi phong cách thiết kế website bởi HTML là ngôn từ duy nhất mà trình duyệt ( Chrome, Opera, Internet Explorer, … ) hoàn toàn có thể hiểu và biên dịch được ( Trình duyệt web quy đổi những mã nguồn thành giao diện, nội dung mà tất cả chúng ta nhìn thấy trên bất kỳ website nào ). Nói cách khác thì mặc dầu website của bạn có dùng nền tảng công nghệ tiên tiến nào đi chăng nữa thì đầu ra ở đầu cuối của nó cũng phải là HTML.
Cấu trúc cơ bản của một trang web HTML
Giả sử bạn muốn tìm kiếm một thông tin X. Google dẫn bạn vào trong một website nào đó để liên tục tìm nó nhưng bài viết đó lại quá dài trong khi bạn chỉ cần biết thông tin X là gì. Vì vậy cấu trúc sinh ra để giúp bạn hoàn toàn có thể nhanh gọn hiểu thông điệp chính của bài cũng như truy xuất đến những nội dung con bên trong nó. Trong phong cách thiết kế web cũng vậy, để hiểu cách phong cách thiết kế những website và sử dụng thành thạo, điều rất quan trọng là phải hiểu cách cấu trúc của nó .
Cách HTML mô tả cấu trúc của một website:
</p>Đây là nhan đề của một bài viết< p class = " hljs-name " title></pre>
</div>
<p>< p class = " hljs-name " head></p>
<p class="hljs-tag"><body data-rsssl=1 toàn thân></p>
<p> </p>
<p class="hljs-tag">
<h1>
<p>Đây là tiêu đề chính< p class = " hljs-name " h1><br />
</p>
<p class="hljs-tag">
<p>Đây là đoạn văn để giới thiệu nội dung phần còn lại của trang, nếu nội dung dài thì có thể chia thành nhiều tiêu đề phụ.</p>
<p class="hljs-tag">
<p><br />
</p>
<p class="hljs-tag">
<h2>
<p>Đây là tiêu đề phụ< p class = " hljs-name " h2><br />
</p>
<p class="hljs-tag">
<p>Một bài viết nên có 1 vài tiêu đề phụ, điều đó giúp co cấu trúc bài viết được rõ ràng, người đọc dễ hiểu hơn.< p class = " hljs-name " p><br />
<br />
</p>
<p class="hljs-tag">
<h2>
<p>Đây là một tiêu đề phục khác cùng cấp với tiêu đề phụ bên trên< p class = " hljs-name " h2><br />
< p class = " hljs-name " body toàn thân><br />
< p class = " hljs-name " html><br />
Mã HTML được tạo thành từ những ký tự nằm bên trong những dấu ngoặc nhọn < >. Chúng được gọi là những thành phần HTML ( HTML elements ). Các thành phần này thường được tạo thành từ hai thẻ : thẻ mở và thẻ đóng. ( Thẻ đóng có thêm một dấu gạch chéo trong đó ví dụ thẻ). Cũng có thẻ không có đầy đủ cả thẻ mở và thẻ đóng ví dụ: <code><img/></code> có <code>/</code> trước <code>></code>, trong HTML5 bạn có thể bỏ <code>/</code> viết thành <code><img/></code> Bạn sẽ được tìm hiểu ở các bài học sau.</p>
<h3><strong>Element Trong HTML</strong></h3>
<p>Ở trên ta đã biết đến khái niệm HTML element. Bây giờ tất cả chúng ta sẽ khám phá sâu hơn về nó .<img alt="" src="https://suntech.edu.vn/storage/wink/images/7Kpd4riIaCUoin6L25xIt4WYZ4yEKcXsDUrz1J8a.jpg"/></p>
<ul>
<li>Các thẻ ở đây hoạt động giống như các vùng chứa, nó chứa thông tin nằm giữa 2 thẻ mở và đóng.</li>
<li>Các ký tự trong ngoặc cho ta biết loại thẻ, mục đích của thẻ. Ví dụ: trong các thẻ ở trên p là viết tắt của đoạn văn (paragraph). </li>
<li>Thẻ mở được cấu trúc bởi dấu nhỏ hơn nằm bên trái, tiếp đến là kí tự ” p ” và ở đầu cuối là dấu lớn hơn .</li>
<li>Thẻ đóng </li>
</ul>
<p> được cấu tạo cơ bản giống thẻ mở của nó nhưng nó thêm “/” vào trước kí tự “p”.</p>
<h3>Body, Head & Title</h3>
<pre class="ql-syntax">
<p class="hljs-tag"><html></p>
<p class="hljs-tag"><head></p>
<p class="hljs-tag"><meta charset=<p class="hljs-string">"UTF-8"<div style="margin-bottom:15px;margin-top:15px;"><p style="padding: 20px; background: #eaf0ff;">Xem thêm: <a href="https://vh2.com.vn/cong-thong-tin-hoc-vien-ngan-hang-1656204499" rel="bookmark noopener" target="_blank" title="giải pháp xây dựng cổng thông tin điện tử mới của học viện ngân hàng - Tài liệu text">giải pháp xây dựng cổng thông tin điện tử mới của học viện ngân hàng - Tài liệu text</a> </p></div></p>></p>
<p class="hljs-tag"><title></p>Tiêu đề/Nhan đề bài viết < p class = " hljs-name " title></pre>
<p>< p class = " hljs-name " head></p>
<p class="hljs-tag"><body data-rsssl=1 toàn thân></p>
<p> Nội dung của trang sẽ nằm ở đây<br />
< p class = " hljs-name " body toàn thân><br />
< p class = " hljs-name " html></p>
<ul>
<li> <code><!DOCTYPE html>
<p></code> Khai báo đây là một file có định dạng là <strong>HTML5</strong> để giúp trình duyệt biết bạn đang dùng phiên bản html bao nhiêu, có cũng được, không có cũng được nhưng sẽ bị hạn chế nhiều thẻ mới, thuộc tính trong thẻ mà trình duyệt không phát hiện được.</li>
<li>Thẻ <code><html></html></code> Cấu trúc file html</li>
<li>Thẻ<code><body data-rsssl=1></body></code>Nằm sau thẻ<code><head></head></code>, có thẻ đóng<code></code></li>
</ul>
<p>nằm trước<code></code>. Body là nơi chứa những gì mà mọi người sẽ thấy trên trang như thanh menu, banner, quảng cáo .</p>
<li>Thẻ <code><head></head></code> Nằm sau thẻ <code><html></html></code>, có thẻ đóng<code> </code></li>
<p>>, nó chứa những thẻ khai báo thông tin cho trang như tiêu đề, mô tả, bảng mã ký tự. <code>head</code> không hiển thị nội dung những gì nó chứa đựng ra ngoài.</p>
<li class="ql-indent-1">Thuộc tính (attribute) <code>charset</code> nằm trong thẻ meta có nhiệm vụ khai báo bảng mã, ngôn ngữ tiếng việt nên dùng <code>UTF-8</code></li>
<li class="ql-indent-1">Thẻ <code><title> dùng để khai báo tiêu đề của trang, và gần như đây là bắt buộc phải có trong một file html.
Xây dựng Web Page đầu tiên trên PC
Bài viết này những bạn chỉ gần nắm rõ cấu trúc của 1 trang HTML. Những gì thiết yếu để phong cách thiết kế web page sẽ được trình làng, lý giải trong những bài học kinh nghiệm sau. Vì vậy những gì bạn cần làm giờ đây là làm theo hướng dẫn. Để kiến thiết xây dựng web page tiên phong của bạn tất cả chúng ta làm lần lượt theo những bước sau :
- Mở Notepad trên PC của bạn (Hoặc bạn có thể sử dụng VS code, Sublime text, Dreamweaver,…). Bạn có thể tìm thấy Notepad bằng cách gõ “Notepad” vào thanh tìm kiếm như sau:
- Copy đoạn mã sau vào Notepad của bạn:
</p>Xây Dựng Webpgae Đầu Tiên< p class = " hljs-name " title></pre>
<p>< p class = " hljs-name " head></p>
<p class="hljs-tag"><body data-rsssl=1 toàn thân></p>
<p> </p>
<p class="hljs-tag">
<h1>
<p>Tóm Tắt Nội Dung Của Cả Trang< p class = " hljs-name " h1><br />
</p>
<p class="hljs-tag">
<p>WELCOME TO MY FIRST WEBPAGE< p class = " hljs-name " p><br />
</p>
<p class="hljs-tag">
<h2>
<p>Một Số Ý Chính Trong h1< p class = " hljs-name " h2><br />
< p class = " hljs-name " body toàn thân><br />
< p class = " hljs-name " html><br />
3. Nhấn Ctrl + S để thực thi lưu lại. Lúc này bạn sẽ cần lưu tệp ở vị trí nào đó trong máy của bạn. Nếu bạn thích, bạn hoàn toàn có thể tạo một thư mục cho bất kể ví dụ nào mà bạn thử từ những ví dụ của chúng tôi. Hãy nhớ lưu file dưới dạng : Ten_File. html. Các file cần được lưu dưới dạng. html<img alt="" src="https://suntech.edu.vn/storage/wink/images/a0PbsKfwbysiTA9Po79NhuvIBwFzwFE5LR0N1497.jpg"/></p>
<p></p>
<p>4. Nhấn chuột phải tại file bạn vừa lưu và chọn mở tệp với / Open with. Lúc này bạn hoàn toàn có thể chọn mở bằng 1 trong những trình duyệt bạn có như Chrome, Opera, … Sau đó tận thưởng webpage tiên phong của bạn !<img alt="" src="https://suntech.edu.vn/storage/wink/images/s4z95FmonBIDsP8YK7RKpsidmxHBCEv0WkedQzDx.jpg"/></p>
<p></p>
<p>Kết quả:</p>
<div style="margin-bottom:15px;margin-top:15px;">
<p style="padding: 20px; background: #eaf0ff;">Xem thêm: <a href="https://vh2.com.vn/tin-hoc-lop-6-1656203950" rel="bookmark noopener" target="_blank" title="Sách tin học lớp 6 mới nhất – hướng dẫn học và giải bài tập">Sách tin học lớp 6 mới nhất – hướng dẫn học và giải bài tập</a></p>
</div>
<p><img alt="" src="https://suntech.edu.vn/storage/wink/images/e8d9WCZ53zDUAAudzpvd7fp5RERobS5C7GdHxltC.jpg"/></p>
<p></p>
<p>Vậy là bài viết tiên phong trong series Hướng Dẫn Thiết Kế Website Cho Người Mới Bắt Đầu đã kết thúc. Nếu bạn muốn có cái nhìn trực quan hơn bạn hoàn toàn có thể tìm hiểu thêm Video hướng dẫn tại đâyHoặc bạn có bất kỳ vướng mắc về bài viết, hay muốn củng cố nâng cao kiến thức và kỹ năng thì bạn hoàn toàn có thể trao đổi, đặt câu hỏi tại đây. Chúng tôi có hội đồng, đội ngũ tương hỗ 24/7 .</p>
<div style="margin-bottom:15px;margin-top:15px;">
<p style="padding: 20px; background: #eaf0ff;">Source: <a href="https://vh2.com.vn/" rel="bookmark noopener" target="_blank" title="https://vh2.com.vn">https://vh2.com.vn</a> <br /> Category : <a href="https://vh2.com.vn/tin-hoc" rel="bookmark noopener" target="_blank" title="Tin Học">Tin Học</a> </p>
</div>
</div>
<div class="the-article-author">
<div class="tag-author">
<i class="far fa-user"></i>
<a class="name-author" href="https://vh2.com.vn/author/admin">admin</a>
</div>
</div>
<div class="tagged_as clearfix">
</div>
<div class="related-posts clearfix">
<div class="related-title">CÙNG CHUYÊN MỤC</div>
<div class="post-list clearfix">
<div class="article-title hidden-pc">
<a href="https://vh2.com.vn/mo-phong-nghia-la-gi-1668003808"> ĐịNh Nghĩa mô phỏng TổNg Giá Trị CủA Khái NiệM Này. Đây Là Gì mô phỏng </a>
</div>
<div class="article-image">
<a href="https://vh2.com.vn/mo-phong-nghia-la-gi-1668003808"><img src="https://vh2.com.vn/wp-content/uploads/articlewriting1.jpg"></a>
</div>
<div class="article-content">
<div class="article-title hidden-xs">
<a href="https://vh2.com.vn/mo-phong-nghia-la-gi-1668003808">ĐịNh Nghĩa mô phỏng TổNg Giá Trị CủA Khái NiệM Này. Đây Là Gì mô phỏng</a>
</div>
<div class="article-meta">
<span class="tags-time">
09/11/2022 </span>
</div>
<div class="article-summary">
<p>Simulacrum, từ simulacrum Latin, là một sự bắt chước, giả mạo hoặc hư cấu. Khái niệm này được liên kết với mô phỏng, đó là hành động mô phỏng .Một...</p>
</div>
</div>
</div>
<div class="post-list clearfix">
<div class="article-title hidden-pc">
<a href="https://vh2.com.vn/mo-phong-mach-sao-tam-giac-1668003557"> Khởi động sao tam giác là gì? Tại sao phải dùng sao tam giác </a>
</div>
<div class="article-image">
<a href="https://vh2.com.vn/mo-phong-mach-sao-tam-giac-1668003557"><img src="https://vh2.com.vn/wp-content/uploads/articlewriting1.jpg"></a>
</div>
<div class="article-content">
<div class="article-title hidden-xs">
<a href="https://vh2.com.vn/mo-phong-mach-sao-tam-giac-1668003557">Khởi động sao tam giác là gì? Tại sao phải dùng sao tam giác</a>
</div>
<div class="article-meta">
<span class="tags-time">
09/11/2022 </span>
</div>
<div class="article-summary">
<p>Khởi động sao tam giác là một trong số những phương pháp để khởi động động cơ đơn giản, hiệu quả và tiết kiệm chi phí. Vậy Khởi động sao...</p>
</div>
</div>
</div>
<div class="post-list clearfix">
<div class="article-title hidden-pc">
<a href="https://vh2.com.vn/mo-phong-mach-buck-converter-1668003447"> Đồ Án 2: Thiết kế mạch Buck Converter DC-DC – Tài liệu text </a>
</div>
<div class="article-image">
<a href="https://vh2.com.vn/mo-phong-mach-buck-converter-1668003447"><img src="https://vh2.com.vn/wp-content/uploads/articlewriting1.jpg"></a>
</div>
<div class="article-content">
<div class="article-title hidden-xs">
<a href="https://vh2.com.vn/mo-phong-mach-buck-converter-1668003447">Đồ Án 2: Thiết kế mạch Buck Converter DC-DC – Tài liệu text</a>
</div>
<div class="article-meta">
<span class="tags-time">
09/11/2022 </span>
</div>
<div class="article-summary">
<p>Đồ Án 2: Thiết kế mạch Buck Converter DC-DC Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây...</p>
</div>
</div>
</div>
<div class="post-list clearfix">
<div class="article-title hidden-pc">
<a href="https://vh2.com.vn/mo-phong-may-phat-dien-xoay-chieu-1668003364"> Lý thuyết máy phát điện xoay chiều – https://vh2.com.vn </a>
</div>
<div class="article-image">
<a href="https://vh2.com.vn/mo-phong-may-phat-dien-xoay-chieu-1668003364"><img src="https://vh2.com.vn/wp-content/uploads/4-7.png"></a>
</div>
<div class="article-content">
<div class="article-title hidden-xs">
<a href="https://vh2.com.vn/mo-phong-may-phat-dien-xoay-chieu-1668003364">Lý thuyết máy phát điện xoay chiều – https://vh2.com.vn</a>
</div>
<div class="article-meta">
<span class="tags-time">
09/11/2022 </span>
</div>
<div class="article-summary">
<p>Nguyên tắc hoạt động máy phát điện xoay chiềuDựa trên hiện tượng cảm ứng điện từ: Khi từ thông qua một vòng dây biến thiên điều hòa, trong vòng dây...</p>
</div>
</div>
</div>
<div class="post-list clearfix">
<div class="article-title hidden-pc">
<a href="https://vh2.com.vn/mo-phong-led-ma-tran-tren-proteus-1668003198"> HDSD Led matrix Trong Proteus Và Cách Quét LED SD 8051 (8 x 64) </a>
</div>
<div class="article-image">
<a href="https://vh2.com.vn/mo-phong-led-ma-tran-tren-proteus-1668003198"><img src="https://vh2.com.vn/wp-content/uploads/Dich20chu20LED20ma20tran208x6420trong20Protues209.jpg"></a>
</div>
<div class="article-content">
<div class="article-title hidden-xs">
<a href="https://vh2.com.vn/mo-phong-led-ma-tran-tren-proteus-1668003198">HDSD Led matrix Trong Proteus Và Cách Quét LED SD 8051 (8 x 64)</a>
</div>
<div class="article-meta">
<span class="tags-time">
09/11/2022 </span>
</div>
<div class="article-summary">
<p>HDSD Led matrix Trong Proteus Và Cách Quét LED SD 8051 ( 8 x 64 ) Ngày 03/08/2010 20:19:50 / Lượt xem: 27279 / Người đăng: biendt / Nguồn: phamtoanbonmat@gmail.com...</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="sidebar">
<div class="sidebar">
<div id="recent-posts-2" class="widget widget_recent_entries ">
<div class="sidebar-title"><span>Bài Viết Mới</span></div>
<ul>
<li>
<a href="https://vh2.com.vn/dich-vu-sua-loi-e2-03-tren-tu-lanh-samsung-tot-nhat">Dịch vụ sửa lỗi E2-03 trên tủ lạnh Samsung Tốt Nhất</a>
<span class="post-date">May 18, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/trung-tam-bao-hanh-tu-lanh-samsung-loi-e1-85-uy-quyen">Trung tâm bảo hành tủ lạnh Samsung lỗi E1-85 ủy quyền</a>
<span class="post-date">May 17, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/bo-6-nhip-kep-gap-chong-tinh-dien-pt-esd10-15">BỘ 6 NHÍP KẸP, GẮP CHỐNG TĨNH ĐIỆN PT.ESD10 – 15</a>
<span class="post-date">May 16, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/bo-dieu-khien-lo-vi-song-co-15a-250vac-4-chan-khong-nuong-loai-tot">Bộ Điều Khiển Lò Vi Sóng Cơ 15A 250VAC 4 Chân Không Nướng Loại Tốt</a>
<span class="post-date">May 16, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/nguon-adapter-9v-2a-nguon-dvd-tv-evd-jack-5-5x2-1mm">NGUỒN ADAPTER 9V 2A – NGUỒN DVD TV, EVD JACK 5.5X2.1MM</a>
<span class="post-date">May 16, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/day-chuyen-dau-kep-ca-sau-sang-dau-tau-cai-o-to-xe-may">Dây Chuyển Đầu Kẹp Cá Sấu Sang Đầu Tẩu Cái Ô tô, Xe Máy</a>
<span class="post-date">May 16, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/mach-dieu-khien-quat-tran-tu-xa-vinawind-qt1400-x">Mạch Điều Khiển Quạt Trần Từ Xa Vinawind QT1400-X</a>
<span class="post-date">May 16, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/trung-tam-bao-hanh-tu-lanh-samsung-loi-e1-54-tot-nhat">Trung tâm bảo hành tủ lạnh Samsung lỗi E1-54 tốt nhất</a>
<span class="post-date">May 16, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/dong-co-quat-dieu-hoa-quat-hoi-nuoc-220v-50hz-60w-0-8a-truc-8mm-thuan-chieu">ĐỘNG CƠ QUẠT ĐIỀU HÒA, QUẠT HƠI NƯỚC 220V 50HZ 60W 0.8A TRỤC 8MM THUẬN CHIỀU</a>
<span class="post-date">May 15, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/dong-ho-van-nang-proskit-mt-2017n">ĐỒNG HỒ VẠN NĂNG PROSKIT MT-2017N</a>
<span class="post-date">May 15, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/o-dau-sua-loi-er-31-tu-lanh-samsung-uy-tin-nhat-ha-noi">Ở đâu sửa lỗi ER-31 tủ lạnh Samsung Uy tín Nhất Hà Nội</a>
<span class="post-date">May 15, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/mach-phun-suong-mini-cong-micro-usb-5v">MẠCH PHUN SƯƠNG MINI CỔNG MICRO USB 5V</a>
<span class="post-date">May 14, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/xoa-triet-de-tu-lanh-samsung-hien-loi-er-01-voi-ong-tho">Xóa triệt để tủ lạnh Samsung hiện lỗi ER-01 với Ong Thợ</a>
<span class="post-date">May 14, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/vo-long-truoc-mat-chia-gio-cho-quat-hop-quat-tan-b4-kieu-tron-400mm">Vỏ Lồng Trước, Mặt Chia Gió Cho Quạt Hộp, Quạt Tản B4 Kiểu Tròn 400mm</a>
<span class="post-date">April 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/canh-quat-3-la-350mm-cho-quat-hop-quat-tan-b4-kieu-tron-400mm">Cánh Quạt 3 Lá 350mm Cho Quạt Hộp, Quạt Tản B4 Kiểu Tròn 400mm</a>
<span class="post-date">April 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/vo-long-sau-cho-quat-hop-quat-tan-b4-kieu-tron-400mm">Vỏ Lồng Sau Cho Quạt Hộp, Quạt Tản B4 Kiểu Tròn 400mm</a>
<span class="post-date">April 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/canh-quat-6-la-270mm-cho-quat-hop-quat-tan-b3-kieu-tron-300mm">Cánh Quạt 6 Lá 270mm Cho Quạt Hộp, Quạt Tản B3 Kiểu Tròn 300mm</a>
<span class="post-date">April 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/vo-long-truoc-mat-chia-gio-cho-quat-hop-quat-tan-b3-kieu-tron-300mm">VỎ LỒNG TRƯỚC, MẶT CHIA GIÓ CHO QUẠT HỘP, QUẠT TẢN B3 KIỂU TRÒN 300MM</a>
<span class="post-date">April 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/bo-gao-quat-nap-chup-sau-quat-b4-nhua-mau-den">Bộ Gáo Quạt, Nắp Chụp Sau Quạt B4 Nhựa Màu Đen</a>
<span class="post-date">April 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/dong-co-quat-dieu-hoa-quat-hoi-nuoc-yyk-120-220vac-80w-truc-12mm-nguoc-chieu">Động Cơ Quạt Điều Hòa, Quạt Hơi Nước YYK 120 220VAC 80W Trục 12mm Ngược Chiều</a>
<span class="post-date">April 26, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/dong-co-quat-dieu-hoa-quat-hoi-nuoc-ypy-120-220vac-120w-1300-rpm-truc-12mm">ĐỘNG CƠ QUẠT ĐIỀU HÒA, QUẠT HƠI NƯỚC YPY 120 220VAC 120W 1300 RPM TRỤC 12MM</a>
<span class="post-date">April 26, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/bo-mach-dieu-khien-tu-xa-kts-lc01-cho-quat-hoi-nuoc-quat-dieu-hoa">Bộ Mạch Điều Khiển Từ Xa KTS LC01 Cho Quạt Hơi Nước, Quạt Điều Hòa</a>
<span class="post-date">April 26, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/cuon-day-quat-stator-loi-dong-b4-46-220v-cho-quat-senko">CUỘN DÂY QUẠT STATOR LÕI ĐỒNG B4 – 46 220V CHO QUẠT SENKO</a>
<span class="post-date">April 26, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/canh-quat-3-la-sai-canh-20cm-cho-quat-b2-cot-6mm">Cánh Quạt 3 Lá Sải Cánh 20cm Cho Quạt B2 Cốt 6mm</a>
<span class="post-date">April 26, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/tay-cam-dieu-khien-ps2-loai-co-day">Tay Cầm Điều Khiển PS2 Loại Có Dây</a>
<span class="post-date">April 25, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/dong-co-tuoc-nang-quat-cho-quat-hoi-nuoc-220vac-4w-5-6rpm">ĐỘNG CƠ TUỐC NĂNG QUẠT CHO QUẠT HƠI NƯỚC 220VAC 4W 5/6RPM</a>
<span class="post-date">April 24, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/relay-ban-dan-fotek-40a-ssr-40da">RELAY BÁN DẪN FOTEK 40A SSR-40DA</a>
<span class="post-date">April 24, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/gen-co-nhiet-phi-60-60mm-1-met">GEN CO NHIỆT PHI 60 (60MM)-1 MÉT</a>
<span class="post-date">April 24, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/cuon-day-quat-stator-loi-dong-b3-46-phe-day-16mm">CUỘN DÂY QUẠT STATOR LÕI ĐỒNG B3 46 PHE DÀY 16MM</a>
<span class="post-date">April 18, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/pin-sac-aa-1-5v-3200mwh-sac-cong-usb-type-c">Pin Sạc AA 1.5V 3200mWh Sạc Cổng USB Type C</a>
<span class="post-date">April 18, 2024</span>
</li>
</ul>
</div></div> </div>
</div>
</div>
</div>
</div>
</div>
</main>
<style>
.content-post a{color: #076db6;text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 1px;}
.tagged_as {padding-top: 15px;border-top: 1px solid #ddd}
.tagged_as a{ display: inline-block;
background: #ededed;
padding: 0 5px;
margin-bottom: 5px;
margin-right: 2px;}
.tagged_as a:hover{background: #2F6CAF;color: #fff}
.bao-san-pham h3{font-size: 15px;font-weight: bold;}
.bao-san-pham img{float: left;width: 80px;margin-right: 10px;}
.bao-san-pham .price{display: none}
.bao-san-pham .chuyen-muc{display: none}
.bao-san-pham:after{content: '';display: block;clear:both;}
.bao-san-pham {padding: 10px 0}
.tieu-de-ban .xem-tat-ca{display: none}
.tieu-de-ban span{text-align: left;
display: block;
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
padding-left: 15px;
text-transform: uppercase;
font-size: 18px;
margin: 0;
color: #333;
font-weight: bold;
position: relative;
margin-bottom: 15px;}
.tieu-de-ban span:before{content: "";
position: absolute;
left: 0px;
top: 5px;
width: 5px;
height: 15px;
background-color: #2F6CAF;}
</style>
<footer id="footer">
<div class="footer-top">
<div class="container clearfix">
<div class="f-widget row clearfix">
<div class="widget">
<div class="footer-title">
MẠNG XÃ HỘI
</div>
<ul class="social-footer">
<li><a href=""><i class="fa fa-facebook" aria-hidden="true"></i> Facebook</a></li>
<li><a href=""><i class="fa fa-youtube-play" aria-hidden="true"></i> YouTube</a></li>
<li><a href=""><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li>
<li><a href=""><i class="fa icon-tiktok" aria-hidden="true"></i> TikTok</a></li>
</ul>
</div>
</div> </div>
</div>
<div class="footer-copyright">
<div class="container clearfix">
<div class="f-widget row clearfix">
</div>
</div>
</div>
</footer>
<div id="back-top"><a href="#top"><i class="fa fa-angle-up" aria-hidden="true"></i></a></div>
<script type="text/javascript" src="https://vh2.com.vn/wp-includes/js/jquery/jquery.js"></script>
<script type="text/javascript" src="https://vh2.com.vn/wp-content/themes/themename/js/owl.carousel.js"></script>
<script type="text/javascript" src="https://vh2.com.vn/wp-content/themes/themename/js/bootstrap.min.js"></script>
<!--<script type="text/javascript" src="https://vh2.com.vn/wp-content/themes/themename/js/jquery.fancybox.min.js"></script> -->
<script type="text/javascript" src="https://vh2.com.vn/wp-content/themes/themename/js/stickyMojo.js"></script>
<!--<script type="text/javascript">
(function($) {
$('.content-post img').each(function () {
$(this).wrap($('<a/>', {
href: $(this).attr('src'),
class: "fancybox",
}));
});
jQuery(".content-post a.fancybox").fancybox().attr('data-fancybox', 'gallery');
$('#touch-menu').click(function () { $(this).stop(0).addClass('opened'); $('#sticker').addClass('opened'); });
$('#sticker .close-menu,#sticker-overlay').click(function () { $('#touch-menu').stop(0).removeClass('opened'); $('#sticker').removeClass('opened'); });
$(".menu-mb ul.menu > li.menu-item-has-children > a").after('<span class="fa visible-xs visible-sm fa-angle-down"></span>');
$('#sticker .main-menu .fa').click(function () { $(this).parent('li').children('ul').stop(0).slideToggle(300); $(this).stop(0).toggleClass('fa-angle-down').toggleClass('fa-angle-up'); });
$(".sidebar-pro .widget.fillter_price >ul").after('<div class="clearfix"></div>');
$('#footer').ready(function(){
$.lockfixed(".sticky",{offset: {top: 0, bottom: $('#footer').height() + 50, }});
});
$("#back-top").hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
var nav = $(".head");
$(window).scroll(function () {
if ($(this).scrollTop() > 10) {
nav.addClass("navbar-fixed-top");
} else {
nav.removeClass("navbar-fixed-top");
}
});
$('.wpcf7-submit').click(function () {
var thisElement = $(this);
var oldVal = thisElement.val();
var textLoading = 'Đang x�� lý ...';
$('.cf7_submit .ajax-loader').remove();
thisElement.val(textLoading);
document.addEventListener('wpcf7submit', function (event) {
thisElement.val(oldVal);
}, false);
});
$('table').addClass('table table-bordered');
$('.banner-home').owlCarousel({
loop:true,autoplay:true,
margin:20,autoplayTimeout:5000,
autoplayHoverPause:true,
nav:false,navText: ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
dots:true,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
})(jQuery);
</script> -->
<script type="text/javascript">
/* <![CDATA[ */
var flatsomeVars = {
"rtl": "",
"sticky_height": "70",
"user": {
"can_edit_pages": false
}
};
/* ]]> */
</script>
<script>
function genieeInitInpageBanner(e, t, i, o, a, n, l) {
if (!window.mobileAndTabletcheck()) return !1;
var d = document.createElement("div"),
r = document.createElement("div"),
p = document.querySelector(i),
m = Math.floor(p.children.length / 2),
g = p.children.item(m),
w = document.createElement("script"),
b = document.createElement("ins"),
h = a || 300,
u = n || 600,
y = l || "0";
o && (g = document.querySelector(o)), w.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", r.appendChild(w), b.className = "adsbygoogle", b.style.display = "inline-block", b.style.width = h + "px", b.style.height = u + "px", b.dataset.adClient = e, b.dataset.adSlot = t, r.appendChild(b), d.style.overflow = "hidden", d.style.position = "relative", d.style.zIndex = 2, d.style.width = "100%", d.style.height = u + "px", d.style.margin = y;
var v = (window.innerHeight - u) / 2,
k = (window.innerWidth - h) / 2;
r.style.clip = "rect(0 " + h + "px 0 0px)", r.style.position = "fixed", r.style.zIndex = "10000", r.style.left = k + "px", r.style.top = v + "px", r.style.transition = "0ms", d.appendChild(r), p.insertBefore(d, g), (adsbygoogle = window.adsbygoogle || []).push({}), document.onscroll = function() {
var e = d.getBoundingClientRect().top - v;
r.style.clip = e >= 0 && e <= u ? "rect(" + e + "px " + h + "px " + u + "px 0px)" : e < 0 && e >= -u ? "rect(0 " + h + "px " + (u + e) + "px 0px)" : "rect(0 " + h + "px 0 0px)"
}
}
window.mobileAndTabletcheck = function() {
var e = !1;
return function(t) {
(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(t) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0, 4))) && (e = !0)
}(navigator.userAgent || navigator.vendor || window.opera), e
};
genieeInitInpageBanner('ca-pub-4473194095824636', '2976379302', '#inpageAds');
</script><script type='text/javascript' src='https://vh2.com.vn/wp-includes/js/wp-embed.min.js' id='wp-embed-js'></script>
<script type="text/javascript">
/* <![CDATA[ */
var flatsomeVars = {
"rtl": "",
"sticky_height": "70",
"user": {
"can_edit_pages": false
}
};
/* ]]> */
</script>
</body>
</html>