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/tu-lanh-sharp-loi-h-36-cach-kiem-tra-va-sua-sach">Tủ Lạnh Sharp Lỗi H-36 Cách Kiểm Tra Và Sửa Sạch</a>
<span class="post-date">January 5, 2025</span>
</li>
<li>
<a href="https://vh2.com.vn/loi-e-62-may-giat-electrolux-cach-kiem-tra-va-thay-the">Lỗi E-62 máy giặt Electrolux cách kiểm tra và thay thế</a>
<span class="post-date">December 31, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/loi-h-35-tren-tu-lanh-sharp-hay-hanh-dong-ngay">Lỗi H-35 Trên Tủ Lạnh Sharp Hãy Hành Động Ngay!</a>
<span class="post-date">December 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/xu-ly-may-giat-electrolux-loi-e-61-hieu-qua">Xử lý máy giặt Electrolux lỗi E-61 hiệu quả</a>
<span class="post-date">December 23, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/tu-lanh-sharp-nhay-loi-h-34-can-ho-tro-ngay-lap-tuc">Tủ lạnh Sharp nháy lỗi H-34 Cần hỗ trợ ngay lập tức!</a>
<span class="post-date">December 19, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/can-lam-gi-khi-may-giat-electrolux-bao-loi-e-54">Cần làm gì khi máy giặt Electrolux báo lỗi E-54?</a>
<span class="post-date">December 14, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/nguy-co-chay-no-tu-loi-h-32-tren-tu-lanh-sharp">Nguy cơ cháy nổ từ lỗi H-32 trên tủ lạnh Sharp</a>
<span class="post-date">December 6, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/may-giat-electrolux-loi-e51-tao-nguy-co-hong">Máy Giặt Electrolux Lỗi E51 Tạo Nguy Cơ Hỏng</a>
<span class="post-date">December 2, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/loi-h-29-tu-lanh-sharp-gian-doan-bao-quan-thuc-pham">Lỗi H-29 tủ lạnh Sharp gián đoạn bảo quản thực phẩm</a>
<span class="post-date">November 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/cam-bien-tiem-can-sn04-n-npn-phat-hien-kim-loai">Cảm Biến Tiệm Cận SN04-N NPN Phát Hiện Kim Loại</a>
<span class="post-date">November 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/khoi-pin-sac-lithium-dung-luong-cao-3s-5p-18650-11-1v-12-6v-15000mah">Khối Pin Sạc Lithium Dung Lượng Cao 3S 5P 18650 11.1V – 12.6V 15000mAh</a>
<span class="post-date">November 23, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/vong-tro-nhiet-cho-binh-thuy-dien-phich-dien-duong-kinh-170mm">Vòng Trở Nhiệt Cho Bình Thủy Điện, Phích Điện Đường Kính 170mm</a>
<span class="post-date">November 23, 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-quat-thuong-kem-mat-phim-bam">Bộ Mạch Điều Khiển Từ Xa KTS LC01 Cho Quạt Hơi Nước, Quạt Điều Hòa, Quạt Thường Kèm Mặt Phím Bấm</a>
<span class="post-date">November 22, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/may-giat-electrolux-loi-e-45-nguy-co-lon-neu-khong-sua">Máy Giặt Electrolux Lỗi E-45 Nguy Cơ Lớn Nếu Không Sửa!</a>
<span class="post-date">November 21, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/but-nhiet-cat-xop-cam-tay-mini-200mm-kem-nguon">Bút Nhiệt Cắt Xốp Cầm Tay Mini 200mm Kèm Nguồn</a>
<span class="post-date">November 16, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/loi-h-28-tu-lanh-sharp-cac-meo-sua-chua-don-gian">Lỗi H-28 tủ lạnh Sharp Các mẹo sửa chữa đơn giản</a>
<span class="post-date">November 16, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/may-kho-nhiet-cam-tay-hb-300-1800w-hai-cap-do-gio-co-dieu-chinh-nhiet-dung-de-co-mang-boc-pin-mang-nhua-pvc">Máy Khò Nhiệt Cầm Tay HB-300/1800W Hai Cấp Độ Gió Có Điều Chỉnh Nhiệt Dùng Để Co Màng Bọc Pin, Màng Nhựa PVC</a>
<span class="post-date">November 13, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/cach-khac-phuc-loi-e-44-may-giat-electrolux-nhanh-chong">Cách khắc phục lỗi E-44 máy giặt Electrolux nhanh chóng</a>
<span class="post-date">November 12, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/cach-kiem-tra-va-sua-loi-h27-tu-lanh-sharp">Cách kiểm tra và sửa Lỗi H27 tủ lạnh Sharp</a>
<span class="post-date">November 7, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/7-nguyen-nhan-may-giat-electrolux-bao-loi-e-42">7 Nguyên nhân máy giặt Electrolux báo lỗi E-42</a>
<span class="post-date">November 1, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/tim-hieu-tu-lanh-sharp-loi-h12-va-giai-phap-khac-phuc">Tìm hiểu tủ lạnh Sharp lỗi H12 và giải pháp khắc phục</a>
<span class="post-date">October 27, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/pkk1539-dong-ho-van-nang-loai-kim-sanwai-yx-360tr">PKK1539 Đồng Hồ Vạn Năng Loại Kim Sanwai YX-360TR</a>
<span class="post-date">October 25, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/mdl458-mach-sac-pin-18650-3-6v-sang-2s-8-4v-4a-cong-type-c">MDL458 Mạch Sạc Pin 18650 3-6V Sang 2S 8.4V 4A Cổng Type-C</a>
<span class="post-date">October 25, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/bo-mach-bep-hong-ngoai-cam-ung-da-nang-6-phim-co-chiet-ap-dung-cho-bep-1-vong-nhiet">Bo Mạch Bếp Hồng Ngoại Cảm Ứng Đa Năng 6 Phím Có Chiết Áp Dùng Cho Bếp 1 Vòng Nhiệt</a>
<span class="post-date">October 25, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/bac-dau-tu-boi-tron-ong-lot-dong-than-chi-50x28x20mm">Bạc Dầu Tự Bôi Trơn, Ống Lót Đồng Than Chì 50x28x20mm</a>
<span class="post-date">October 24, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/module-ghi-am-isd1820">Module ghi âm ISD1820</a>
<span class="post-date">October 24, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/mtp09-tay-dieu-khien-ps2-khong-day">MTP09 Tay Điều Khiển PS2 Không Dây</a>
<span class="post-date">October 24, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/module-cam-bien-do-am-dat-xh-m214-12vdc-bat-tat-thiet-bi-tuoi-cay">Module Cảm Biến Độ Ẩm Đất XH-M214 12VDC, Bật Tắt Thiết Bị Tưới Cây</a>
<span class="post-date">October 23, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/combo-bom-tuoi-cay-tu-dong-dung-cam-bien-do-am-dat-12vdc-bat-tat-tuoi-cay-tu-dong">Combo Bơm Tưới Cây Tự Động Dùng Cảm Biến Độ Ẩm Đất 12VDC, Bật Tắt Tưới Cây Tự Động</a>
<span class="post-date">October 23, 2024</span>
</li>
<li>
<a href="https://vh2.com.vn/loi-e-41-may-giat-electrolux-huong-dan-an-toan">Lỗi E-41 máy giặt Electrolux Hướng dẫn an toàn</a>
<span class="post-date">October 20, 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>