Máy tính, Lập trình

HTML: những điều cơ bản cho người mới bắt đầu

HTML - ngôn ngữ đánh dấu siêu văn bản đó đã làm cho Internet như chúng ta biết và yêu thương. Đó là nhờ vào các trang web này công cụ tuyệt vời trông đẹp và hiện đại và cung cấp sự tiện lợi của việc sử dụng chúng. HTML đơn giản là tập hợp các yếu tố của một trang web trong một lựa chọn sử dụng. Tác phẩm của ông được so sánh với thực tế là làm soạn thảo văn bản như MS Word hoặc OpenOffice. Họ biến một khối vô danh của các chữ cái trong một tài liệu có đoạn văn, chữ in đậm, in nghiêng, bảng và thậm chí hình ảnh. Khoảng điều tương tự làm cho HTML, với sự khác biệt duy nhất là tài liệu của nó được hiển thị trong trình duyệt, và các khả năng của công cụ này là rộng hơn nhiều so với soạn thảo văn bản. Được sử dụng để đánh dấu thẻ - các lệnh đặc biệt để mô tả một cấu trúc trang web. Chúng được đặt trong dấu ngoặc nhọn - , trình duyệt có thể phân biệt chúng từ tổng khối lượng của văn bản. Tiếp theo chúng ta sẽ xem xét các vấn đề cơ bản của HTML cho người mới bắt đầu.

biên tập hình ảnh

Người mới bắt đầu chỉ mở đường cho việc nghiên cứu HTML, thường bắt đầu công việc của họ với các chương trình để tạo ra các trang web mà không cần bất kỳ kiến thức. Họ chỉ đơn giản có thể đặt mục trên màn hình vì chúng sẽ xuất hiện trong trình duyệt. Có vẻ như, ở đây nó là - nguồn gốc của ân sủng vĩnh cửu, cho phép để thoát khỏi hầu hết các nhà phát triển web. Nhưng không đơn giản như vậy, bởi vì các biên tập viên hình ảnh có nhiều thiếu sót mà làm cho nó không thể sử dụng chúng trong các dự án nghiêm trọng.

Các chương trình này tạo ra rất nhiều thẻ không cần thiết mà làm cho phiên bản cuối cùng của trang rườm rà và tối ưu. Tất nhiên, trong thời đại của internet tốc độ cao nó có tầm quan trọng ít hơn trong quá khứ, nhưng có một số lý do tại sao một trang web chính xác và tốt bằng văn bản là một thực tế hơn so đối tác của nó, được tạo ra trong trình soạn thảo trực quan. Trang web được thực hiện trong một chương trình như vậy sẽ được đối xử tồi tệ bởi công cụ tìm kiếm quan trọng đối với họ mỗi kilobyte mã và mã cồng kềnh và vô lý với một loạt các lỗi ngữ nghĩa hầu như không có họ nếm thử. Bên cạnh đó, các biên tập viên thường đằng sau những lần, trở thành không thích hợp, và để dành nguồn lực vào việc phát triển của họ là không thực tế vì không chuyên nghiệp sẽ không sử dụng các sản phẩm này. Do đó, bất cứ ai muốn làm việc trong việc tạo ra các trang web, nên biết những điều cơ bản về HTML.

tags

Như đã đề cập ở trên, các thẻ mô tả cấu trúc của trang trình duyệt web. Hầu hết trong số họ có mở và đóng thẻ, nhưng không phải tất cả. Ví dụ, ... </ title>, nơi thay vì các điểm là nội dung. Đầu tiên của các chương trình mà thẻ bắt đầu, và lần thứ hai đóng cửa nó. Trong các yếu tố khác có thể là trong cách bố trí trang họ có thể được lồng vào nhau như những con búp bê làm tổ. Ở đây nó là rất quan trọng để đóng các thẻ trang được hiển thị một cách chính xác. <amp-img src="https://images.birmiss.com/image/ad99dcc07e470ed4.jpg" alt="cơ bản html" width="512" height="386" layout="intrinsic"></amp-img></p> <p> Ngoài ra còn có thẻ duy nhất, mà không cần phải được đóng lại. Trong họ đó là bên trong, cũng như <a href="https://vi.birmiss.com/cac-thuoc-tinh-html-cac-loai-va-cach-su-dung-html-huong-dan/">các thuộc tính.</a> <a href="https://vi.birmiss.com/cac-thuoc-tinh-html-cac-loai-va-cach-su-dung-html-huong-dan/">Thuộc tính</a> có thể được thiết lập cho hầu hết các thẻ HTML và thiết lập các thuộc tính của nguyên tố này. Nó được chỉ định trong thẻ mở trông như thế này: attribute = "...", trong đó thay vì các điểm là giá trị thuộc tính. Kiến thức về thẻ là bước đầu tiên và quan trọng nhất cho sự phát triển của HTML. Những điều cơ bản của môn nghệ thuật này cũng bao hàm sự hiểu biết về cấu trúc trang web. </p> <h2> cấu trúc tài liệu </h2><p> Mỗi tài liệu HTML có một phần mở rộng tương ứng, ví dụ, index.html. Vì vậy, các trình duyệt có thể hiểu được những gì ông đã làm, và hiển thị một cách chính xác một trang. Tất cả các tập tin dùng để tạo ra các trang web, đó là khuyến khích để giữ trong cùng thư mục mà trong tương lai sẽ giảm bớt đáng kể cuộc sống của bạn. Nền tảng của Hypertext Markup Language HTML liên quan đến một sự hiểu biết rõ ràng về cấu trúc của tài liệu. Nó bắt đầu với thẻ <a href="https://vi.birmiss.com/doctype-html-no-la-gi-nhung-gi-ban-can-biet-ve-muc/"><! DOCTYPE html>,</a> nói với các phiên bản trình duyệt HTML, được sử dụng trong tài liệu này. Tại thời điểm này, tại chỗ phiên bản thứ năm của ngôn ngữ, do đó không cần phải phát minh ra bất cứ điều gì, chúng ta có thể yên tâm chèn Thẻ trên để phía trên cùng của trang bất kỳ. <amp-img src="https://images.birmiss.com/image/550918717e560ed7.jpg" alt="cơ bản html cho người mới bắt đầu" width="439" height="235" layout="intrinsic"></amp-img></p> <p> Sau đó đi đến cấu trúc cặp chính, tạo thành "bộ xương" của trang web. Thẻ đầu tiên, trong đó để đặt tất cả các phần còn lại - <html> ... </ html>. Tất cả những gì nằm ngoài, không được công nhận bởi các trình duyệt như là một trang web, do đó nó sẽ mở ra và đóng tài liệu. Thẻ này là cần thiết cho bất kỳ tài liệu. Nó cũng chứa một số thẻ bắt buộc, mà sẽ được thảo luận dưới đây. </p> <h2> đầu </h2><p> Bên trong thẻ <head> ... </ head> chứa thông tin có tính chất kỹ thuật, trong đó sẽ không được hiển thị trên trang web, nhưng, tuy nhiên, là một phần quan trọng của HTML tài liệu. thông báo trang web đặt ở vị trí này, được lựa chọn và đưa vào mã hóa tên trang. Nó được chứa trong thẻ bắt buộc <title> ... </ title>. Nó hiển thị tên ở phía trên cùng của trình duyệt của bạn, nơi bạn cũng có thể đặt một biểu tượng nhỏ cho nội dung trang. Đó là khuyến khích để ngay lập tức xác định mã hóa tài liệu để hiển thị chính xác của nó. Điều này có thể được thực hiện với các thẻ <meta charset = "UTF-8" />. dữ liệu meta trên các trang cung cấp cấu trúc và thường nằm bên trong đầu. </p> <h2> liên kết </h2><p> Kiến thức cơ bản về HTML cũng liên quan đến việc sử dụng các tầng phong cách, hoặc css. Họ thiết lập các thuộc tính của các yếu tố đó sẽ được hiển thị trên trang. Cách tiếp cận hiện đại cho vấn đề này liên quan đến việc áp dụng các đặc điểm như màu sắc, chiều cao và vị trí của mặt hàng đó, đến một tập tin bên ngoài để thuận tiện nói thêm. Để kết nối css-file sử dụng tag <link />. Trong hình thức kết thúc, nó trông giống như sau: <link href = http: // site /article/250376/%E2%80%9Dstyle.css%E2%80%9D type = "text / css" />, mà chỉ ra href vào vị trí của tập tin, và loại - theo loại. <amp-img src="https://images.birmiss.com/image/091b9c217ddf0ec9.jpg" alt="căn bản về html cho người mới bắt đầu" width="567" height="380" layout="intrinsic"></amp-img></p> <h2> thân thể </h2><p> Đó là trong phần này của HTML-tài liệu được tạo ra bởi phần nhìn thấy được của trang. Tất cả những gì được thực hiện bên trong "cơ thể" sẽ được hiển thị bởi trình duyệt. Trong phần <body> sử dụng một số lượng lớn các thẻ HTML. Khái niệm cơ bản - Đây định dạng văn bản, làm việc với các liên kết và công cụ đơn giản để cơ cấu lại một trang web. Để bắt đầu làm việc trong HTML, đủ để biết các thẻ cơ bản và để có thể sử dụng chúng. Dưới đây là những người phổ biến nhất: </p> <ul><li> <Span> - được sử dụng để trích xuất một chuỗi con, được gán cho một phong cách đặc biệt, được mô tả trong css; </li><li> <a> - tạo ra một liên kết trên một trang Web; địa chỉ nhảy được quy định thuộc tính href; </li><li> <Div> - một trong các thẻ hiện đại phổ biến nhất; Bất cứ ai quyết định tìm hiểu những điều cơ bản của HTMLl ngôn ngữ nên đặc biệt chú ý đến nó, vì nó là một yếu tố ngăn chặn, được thực hiện trên cơ sở chia sẻ của sư tử của các trang web hiện nay (các tham số cho khối <div> được đặt trong css, và các đơn vị khác có thể được đặt bên trong thẻ này); </li><li> <P> - chọn một đoạn văn bản; các nội dung của đoạn nằm giữa mở và đóng thẻ; </li><li> <Ol> - một danh sách đánh số, các yếu tố trong số đó là như cặp thẻ <li>; </li><li> <Ul> - một danh sách liệt kê, trong đó, cũng như trong các yếu tố đánh số được biểu thị bằng các thẻ <li>; </li><li> <H1> - <h6> - tiêu đề tài liệu (con số này cho thấy mức độ tiêu đề, tức là <h1> - tiêu đề chính, và các biến thể tiếp theo là phụ đề của nó, bằng cách này, mức độ tiêu đề <h5> <h6> là hầu như không thể tìm thấy trên các không gian mở Internet) nó cũng rất quan trọng phải nhớ rằng một trang có thể chỉ có một tiêu đề <h1>; </li><li> <Strong> - chữ in đậm; </li><li> <Em> - nghiêng; </li><li> <amp-img /></amp-img> - chèn hình ảnh trên trang web (nó là một thẻ duy nhất, nó không cần phải ngừng hoạt động, nhưng nó là cần thiết để xác định thuộc tính alt, trong đó nêu rõ các văn bản cho một hình ảnh); </li><li> <Video> - chèn một đoạn video trên một trang web; </li><li> <Âm thanh> - thẻ được chèn vào tài liệu các tập tin âm thanh. </li></ul><p> Đây là không phải tất cả các thẻ cần thiết để tạo ra trang web của riêng bạn, nhưng họ là đủ để đặt nền móng của HTML cho người mới bắt đầu. </p> <h2> CSS </h2><p> phát triển ngôn ngữ HTML đã dẫn đến thực tế là mỗi obzavolsya tag trọng lượng thuộc tính, và các yêu cầu đối với sự xuất hiện của các trang web có nghĩa là tăng đáng kể. Mã đã trở nên cồng kềnh và bất tiện, đó là khó khăn để đọc nó, chứ chưa nói đến thích ứng hoặc thay đổi. Bên cạnh đó, sau đó phải đổ mồ hôi, thay đổi mỗi tay nếu trang web của bạn mười trang, trên đó có rất nhiều tiêu đề, đánh dấu màu xanh lá cây, và bạn đột nhiên muốn làm cho họ đỏ. Với sự ra đời của Cascading Style Sheets, quá trình này đã trở thành đơn giản và logic, và HTML-mã đã trở thành nhiều hơn nữa có thể đọc được. <amp-img src="https://images.birmiss.com/image/90f9f5707e420ed3.jpg" alt="căn bản về html và css" width="641" height="700" layout="intrinsic"></amp-img></p> <h2> Áp dụng CSS </h2><p> Để tạo ra các trang Web, bạn phải biết những điều cơ bản về HTML và CSS, vì vậy bây giờ mà không có kiến thức về cascading style sheets để làm trong lĩnh vực này là không có gì. Họ thiết lập thuộc tính cho mỗi yếu tố, trong đó áp dụng cho toàn bộ tài liệu. Vì vậy, bạn có thể thiết lập màu sắc một lần cho tất cả <p> yếu tố hoặc <a>, viết chỉ có một quy tắc. Căn cứ vào yêu cầu hiện tại cho sự xuất hiện của các trang web, việc sử dụng Cascading Style Sheets là điều bắt buộc. </p> <p> Để kết nối các tập tin css vào tài liệu, có một liên kết thẻ. Hơi ở trên nó được mô tả nguyên tắc sử dụng của nó, nhưng nó không phải là lựa chọn duy nhất kết hợp tất cả các phong cách ở một nơi. Có thẻ <style>, mà nằm ở "đầu" của tài liệu và cho phép bạn đăng ký kiểu dáng mà không cần sử dụng file CSS. Không nhất thiết phải sử dụng bất kỳ một phương pháp hay cách khác. Họ có thể được kết hợp thành công để tạo ra kết quả tốt nhất. Để tạo một tập tin với style sheets cần phải tạo ra một tập tin với phần mở rộng .css, ví dụ, styles.css. </p> <h2> Javascript </h2><p> Thường thì người đã quyết định bắt đầu phát triển các trang web, nhận ra rằng nhiệm vụ của ông là không đủ các quỹ được cung cấp bởi HTML. Nguyên tắc cơ bản sẽ tạo ra một trang đẹp, nhưng những gì nếu bạn đột nhiên cần phải làm cho nó tương tác? Đối với những mục đích, có một ngôn ngữ lập trình kịch bản độc đáo mà tương tác tốt với HTML. Nó được gọi là JavaScript, bởi vì nó đã được hình thành như một người em trai của ngôn ngữ Java phổ biến. Hôm nay, các thứ tiếng sau đã có khác biệt đáng kể, và khoảng cách giữa họ chỉ phát triển. <amp-img src="https://images.birmiss.com/image/1c055c057e4b0ed5.jpg" alt="cơ bản html chỉ" width="640" height="360" layout="intrinsic"></amp-img></p> <p> JavaScript có thể trao quyền cho HTML, nó cho phép bạn tạo và chỉnh sửa thẻ. Ngoài ra với sự giúp đỡ của công cụ tuyệt vời này, bạn có thể làm việc với Cokie, tải dữ liệu từ máy chủ mà không cần tải lại trang để làm cho trang web tương tác hơn cho phép khả năng HTML. Nó có ngôn ngữ này và những hạn chế có liên quan đến an ninh. Nếu Javascript không được sử dụng ở phía máy chủ, nó sẽ được thực hiện trong điều kiện hạn chế khả năng của mình, rằng những kẻ tấn công có thể sử dụng mã độc hại trên bất kỳ máy tính. </p> <h2> biên tập viên </h2><p> cơ bản HTML cho người mới bắt đầu thừa nhận kiến thức của chương trình thuận tiện nhất và thiết thực cho việc tạo ra các trang web. Như đã trình bày ở trên, các biên tập viên hình ảnh như Dreamweaver và những thứ tương tự, không phù hợp với những mục đích này. Vì vậy, viết thẻ trong một máy tính xách tay bình thường không? Tùy chọn này cũng là vấn đề, kể từ khi một máy tính xách tay tiêu chuẩn không có bất kỳ công cụ đặc biệt để bố trí. Nhiệm vụ này cũng có thể đối phó Notepad ++. Một cộng lớn của sản phẩm này là nó là mã nguồn mở và được phân phối miễn phí. Trong đó có một thuận tiện làm nổi bật cú pháp và tự động đóng thẻ. Notepad ++ cũng cung cấp một loạt các ngôn ngữ giao diện và khả năng của mình để dễ dàng mở rộng với sự giúp đỡ của rất nhiều bổ sung. <amp-img src="https://images.birmiss.com/image/ea39a6107e4c0ed5.jpg" alt="vấn đề cơ bản của Hypertext Markup Language html" width="620" height="350" layout="intrinsic"></amp-img></p> <p> Sublime Tiêu 3 - một chương trình tương tự như Notepad ++, nhưng lây lan trên cơ sở phí. Rằng cô chiếm được cảm tình của hầu hết các nhà phát triển. Sublime chữ 3 lý tưởng cho các hoạt Javascript, CSS và HTML. Khái niệm cơ bản khi làm việc với nó sẽ phải tự mình tìm hiểu, nhưng nó có giá trị nó. Nó chứa các khả năng thực sự vô hạn cho tinh chỉnh nhằm tối đa hóa điều chỉnh chương trình để phù hợp với nhu cầu của bạn. </p> <h2> Những điều cơ bản về HTML và CSS cho người mới bắt đầu </h2><p> Như bạn có thể thấy, tìm hiểu nghệ thuật tạo ra các trang web không phải là quá khó khăn như nó có vẻ ở cái nhìn đầu tiên. Chỉ cần một vài tháng thực tập sẽ biến bạn từ một người dùng mới làm quen nhút nhát để các nhà phát triển. Vorstke học dễ dàng hơn nhiều so với học bất kỳ ngôn ngữ lập trình hoặc Linux. Trong thực tế, các thẻ HTML không phải là quá nhiều quan trọng để hiểu những khía cạnh thực tế của ứng dụng của họ. <amp-img src="https://images.birmiss.com/image/d7598fa07e510ed6.jpg" alt="kiến thức cơ bản về html" width="700" height="483" layout="intrinsic"></amp-img></p> <p> Đừng ổn trong kinh doanh này là kỹ năng làm việc trong Adobe Photoshop. Chương trình này cho phép bạn làm việc với hình ảnh, hình ảnh và các yếu tố đồ họa khác của trang web. Tại thời điểm đó "Photoshop" là tốt nhất để đối phó với vấn đề như vậy, các đối thủ cạnh tranh đã có một chút. Đối với những ai là sản phẩm Adobe của công ty đã không theo ý thích của họ, có Lightroom, GIMP, Illustrator và các chương trình khác có chức năng tương tự. </p> <h2> Điều đó mang lại kiến thức về HTML </h2><p> Kỹ năng trong việc tạo ra các trang web là rất có liên quan ngày hôm nay, như Internet đang mở rộng bằng cách nhảy vọt. Mỗi doanh nghiệp, bất kỳ, ngay cả những cửa hàng nhỏ, nhà xưởng và các câu lạc bộ thể thao - đều muốn có một website riêng. Và tất nhiên, cho điều này họ cần một nhà phát triển những người sở hữu CSS và HTML. Khái niệm cơ bản dễ dàng để tìm hiểu, và sau đó nó tùy thuộc vào thực hành. Kể từ khi công nghệ bố trí không ngừng phát triển, các nhà phát triển front-end luôn có nhu cầu. Bất cứ ai quyết định để cống hiến mình cho ngành công nghiệp thú vị này, sẽ không bao giờ không có việc làm. </p> </div>  </div>  </div>  </div>  </div>  </div>  <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Similar articles</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/javascript-function-ngon-ngu-lap-trinh-js/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/3bfa1dea7e2b0ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/3bfa1dea7e2b0ecf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/javascript-function-ngon-ngu-lap-trinh-js/"> <p>JavaScript: function. Ngôn ngữ lập trình JS</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Máy tính</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/android-phan-cung-lap-trinh-cho-nguoi-moi-bat-djau/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/edca55477dfb0ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/edca55477dfb0ecd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/android-phan-cung-lap-trinh-cho-nguoi-moi-bat-djau/"> <p>Android: Phần cứng Lập trình cho người mới bắt đầu</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Máy tính</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/css-truyen-thong-queries-mo-ta-tung-buoc-tinh-nang-va-djanh-gia/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/d3993b517e6f0ed2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/d3993b517e6f0ed2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/css-truyen-thong-queries-mo-ta-tung-buoc-tinh-nang-va-djanh-gia/"> <p>CSS Truyền thông Queries: mô tả từng bước, tính năng và đánh giá</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Máy tính</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/cac-thuoc-tinh-html-cac-loai-va-cach-su-dung-html-huong-dan/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/6d931d297e680ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/6d931d297e680ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/cac-thuoc-tinh-html-cac-loai-va-cach-su-dung-html-huong-dan/"> <p>Các thuộc tính HTML: các loại và cách sử dụng. HTML-hướng dẫn</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Máy tính</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/1c-quan-ly-mot-cong-ty-nho-hoac-lam-the-nao-dje-giup-cac-nha-quan-ly/"> <p>1C: Quản lý một công ty nhỏ, hoặc làm thế nào để giúp các nhà quản lý</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Máy tính</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/java-lam-viec-voi-cac-tap-tin-viet-djoc-xoa/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/7795dc4b7e450ed3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/7795dc4b7e450ed3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/java-lam-viec-voi-cac-tap-tin-viet-djoc-xoa/"> <p>Java: Làm việc với các tập tin - viết, đọc, xóa</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Máy tính</span></h3> </a> </div>  </li> </ul> </div>  <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Trending Now</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/seta-o-tre-so-sinh-su-that-hay-hu-cau/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/0698a479468d0dfb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/0698a479468d0dfb-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/seta-o-tre-so-sinh-su-that-hay-hu-cau/"> <p>Seta ở trẻ sơ sinh - Sự thật hay hư cấu?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sức khỏe</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/yandex-money-lam-the-nao-dje-su-dung-lam-the-nao-dje-bo-sung-tai-khoan-va-lam-the-nao-dje-rut-tien-tu-mot-vi-yandex/"> <p>Yandex Money: làm thế nào để sử dụng, làm thế nào để bổ sung tài khoản và làm thế nào để rút tiền từ một ví Yandex.</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/trai-tre-em-red-hill-ekaterinburg-ky-nghi-hinh-anh-lam-the-nao-dje-co-djuoc-djanh-gia/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/435b9ee762980e78-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/435b9ee762980e78-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/trai-tre-em-red-hill-ekaterinburg-ky-nghi-hinh-anh-lam-the-nao-dje-co-djuoc-djanh-gia/"> <p>Trại trẻ em "Red Hill" (Ekaterinburg): kỳ nghỉ, hình ảnh, làm thế nào để có được đánh giá</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Du lịch</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/armen-ten-djep-ten-cua-gia-tri-ban-chat-va-so-phan-cua-nguoi-mang-no/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/6164e02c7e540ed2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/6164e02c7e540ed2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/armen-ten-djep-ten-cua-gia-tri-ban-chat-va-so-phan-cua-nguoi-mang-no/"> <p>Armen tên đẹp: tên của giá trị, bản chất và số phận của người mang nó</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Phát triển trí tuệ</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/lam-the-nao-dje-chon-ghe-cao-tu-0-thang-djanh-gia-gia/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ecb2cf0370690ea6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ecb2cf0370690ea6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/lam-the-nao-dje-chon-ghe-cao-tu-0-thang-djanh-gia-gia/"> <p>Làm thế nào để chọn ghế cao từ 0 tháng? Đánh giá, Giá</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Trang chủ và gia đình</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/massage-danh-cho-nam-gioi/"> <p>Massage dành cho nam giới</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sức khỏe</span></h3> </a> </div>  </li> </ul> </div>  <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header" style="margin-top:40px;"> <span class="mvp-post-header">Newest</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/cap-cot-bo-may-va-nguyen-tac-hoat-djong/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/0bfb0d5f7e5e0ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/0bfb0d5f7e5e0ed5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/cap-cot-bo-may-va-nguyen-tac-hoat-djong/"> <p>Cap cột: bộ máy và nguyên tắc hoạt động</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sự đạm bạc</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/cuoc-khung-hoang-kinh-te-o-trung-quoc/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1e695a4970830ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1e695a4970830ea5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/cuoc-khung-hoang-kinh-te-o-trung-quoc/"> <p>Cuộc khủng hoảng kinh tế ở Trung Quốc</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tin tức và Xã hội</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/zina-portnov-ky-cong-dji-vao-lich-su/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2f6e02b4705d0ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2f6e02b4705d0ea5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/zina-portnov-ky-cong-dji-vao-lich-su/"> <p>Zina Portnov: kỳ công, đi vào lịch sử</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sự hình thành</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/pampers-active-baby-mot-giac-ngu-yen-binh-va-da-kho/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2a24e6f370070e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2a24e6f370070e9c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/pampers-active-baby-mot-giac-ngu-yen-binh-va-da-kho/"> <p>Pampers "Active Baby" - một giấc ngủ yên bình và da khô</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Trang chủ và gia đình</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/toi-nen-lam-gi-neu-co-toi-uop-lanh-trieu-chung-cac-djac-djiem-djieu-tri/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/dee5f8317ec40edb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/dee5f8317ec40edb-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/toi-nen-lam-gi-neu-co-toi-uop-lanh-trieu-chung-cac-djac-djiem-djieu-tri/"> <p>Tôi nên làm gì nếu cổ tôi ướp lạnh? Triệu chứng, các đặc điểm điều trị</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sức khỏe</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://vi.birmiss.com/tro-cap-va-lam-the-nao-dje-tinh-toan-no-la-gi/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1119b58e7ec40eda-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1119b58e7ec40eda-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://vi.birmiss.com/tro-cap-va-lam-the-nao-dje-tinh-toan-no-la-gi/"> <p>Trợ cấp và làm thế nào để tính toán nó là gì?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kinh doanh</span></h3> </a> </div>  </li> </ul> </div>  </div>  </div>  </article>  </div>  <footer id="mvp-foot-wrap" class="left relative"> <div id="mvp-foot-bot" class="left relative"> <div class="mvp-main-box"> <div id="mvp-foot-copy" class="left relative"> <p>Copyright © 2018 vi.birmiss.com. Theme powered by WordPress.</p> </div>  </div>  </div>  </footer> </div>  </div>  </div>  <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999666/0/ec2c5c75/1/"> </amp-pixel> </div> </body> </html>