Hiển thị các bài đăng có nhãn Blog. Hiển thị tất cả bài đăng

Home Blog

Share 190 Template Blogspot hơn 190 mẫu Premium và Free

    Không có nhận xét nào

REVIEW - GIỚI THIỆU VỀ NIỆM STYLE BLOG 2018

    8 nhận xét
tháng 3 30, 2018

Chào các bạn, hôm nay mình sẽ Review - giới thiệu đến các bạn một site Blogger có tên là Niệm Style. Trang Niệm Style là một trang chuyên chia sẻ về các Thủ thuật blogspot, thủ thuật SEO, thủ thuật Youtube, kinh nghiệm internet, Template blogspot và một số đặc sắc khác như Girl xinh, Hack, tin tức nổi bật,...
Niệm Style Blog: https://www.niemstyle.com/
Admin Niệm Style: Phan Niệm

Review - giới thiệu về Niệm Style blogger 2018

Thì giao diện của trang Niệm Style này nhìn rất là hài hòa, nhẹ nhàng, đơn giản nhưng hầu như có tất cả các bài viết cho bạn cần về mảng Blogger.
Trước đây, Niệm Style rât thường xuyên viết về nhiều các thủ thuật blogspot, nhưng dạo gần đây các thủ thuật blogspot dường như bảo hòa đi. Niệm Style mới chuyển sang  thiên hướng viết về các bài Tin tức, các bài mang tính tương tác cao như Hack game, kiếm tiền online,...
Hôm nay mình xin mời các bạn ghé thăm Niệm Style Blogger để cùng khám phá!

XEM CHI TIẾT

Thủ Thuật PC sẽ xóa hết liên kết bạn bè vì..

    7 nhận xét
tháng 3 24, 2018





Chào các bạn, mình là Admin của Blog Pc4x.

Về vấn đề liên kết bạn bè, mình xin được phép xóa hết tất.

Lý do vì mih tối ưu Template, chống giật cho  Blog

Mình xin lỗi các AE Blogger nào đang liên kết với mình, sau khi đọc bài viết này, các Blogger đang liên kết với Blog mình có thể xóa liên kết Blog mình ra khỏi Blog của các bạn.Mình cảm ơn.

Mình vẫn ik qua tương tác với các AE Blog nào tương tác với Blog mình hoặc tương tác trên Group BFG

Các bạn có thể Liên Hệ mình tại đây nếu cần

Các bạn muốn giao lưu về Blogger thì tham gia Group này

XEM CHI TIẾT

Tạo icon Thông Báo cực đẹp cho Blog-Website.

    22 nhận xét
tháng 3 16, 2018

Tạo icon Thông Báo cực đẹp cho Blog-Website


Tạo icon Thông Báo cực đẹp cho Blog-Website.


Thông Tin:


Code này được mình Rip từ BSW  và edit lại,Code này cug không phải do bsw viết ra đâu nên mình rip không cần xin gì hết.
Ai lấy thì lấy, ko thui nha, đừng có nói lời cay đắng.





Hướng Dẫn :

Đầu tiên bạn cần thêm đoạn CSS để làm đẹp cho nó.


/*Tạo Icon Tin Nhắn Động PC4x*/
#notif-wrapper{position:fixed;width:100%;z-index:999}
.blanternotif{background:#7577a9;color:#FFF;width:50px;height:50px;border-radius:100%;position:fixed;z-index:999;bottom:45%;left:20px;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notifklik;animation-duration:5s;animation-iteration-count:infinite;animation-name:notifklik;transition:all 5s ease-in-out}
.blanternotif i{color:#FFF;font-size:20px;margin:16px;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notificon;animation-duration:2s;animation-iteration-count:infinite;animation-name:notificon;transition:all 2s ease-in-out}

Sau đó các bạn chèn đoạn này trên thẻ </body


<div id='notif-wrapper'>
<a class='blanternotif' href='javascript:;' title='Thông Báo'><i class='far fa-bell'></i></a>
<div class='notifbox'>
Hệ Thống Viplike-Tool Facebook Miễn Phí Cho Ai Cần Ngay Trên Thanh Menu!</div>
</div>
<script type='text/javascript'>
$(document).ready(function(){$(".blanternotif").click(function(){$(".notifbox,#notif-wrapper").toggleClass("aktif");});});
</script>

Nếu bạn không muốn nó xuất hiện trên giao diện điện thoại thì sử dụng Code này thay vì đoạn code trên.


<b:if cond='data:blog.isMobileRequest == "false"'>
<div id='notif-wrapper'>
<a class='blanternotif' href='javascript:;' title='Thông Báo'><i class='far fa-bell'></i></a>
<div class='notifbox'>
Hệ Thống Viplike-Tool Facebook Miễn Phí Cho Ai Cần Ngay Trên Thanh Menu!</div>

</div>
</b:if>
<script type='text/javascript'>
$(document).ready(function(){$(".blanternotif").click(function(){$(".notifbox,#notif-wrapper").toggleClass("aktif");});});
</script>

Mọi người Copy Code Xin Vui Lòng Để Nguồn idblanter Giúp Ạ, Tks!

XEM CHI TIẾT

Tạo Widget Giống Twitter Cho Blog.

    7 nhận xét
tháng 3 11, 2018



Hôm nay TTPC4x Share cho bạn Widget Twitter được TTPC4x Edit lại của Ingrid Rauany


Tạo Widget Giống Twitter Cho Blog.

Hướng Dẫn:

Đầu Tiên Các Bạn Thêm CSS Cho Nó Bằng Cách.
Tìm Thẻ b:skin 
Sau đó dán đoạn code dưới đây vào dưới thẻ b:skin

.twitter-pc4x {
    display: flex;
    flex-direction: column;
    width: 446px;
    background-color: transparent;
    box-shadow: 1px 1px 16px rgba(0,0,0,.58);
    border-radius: 3px;
    overflow: hidden;
}

header {
  background: url(http://cameronbaney.com/codepen/twitter-pc4x/bg-header.jpg) no-repeat;
  color: #fff;
  display: flex;
  aling-items: center;
}

header .picture {
  padding: 15px;
  display: flex;
}

header .picture img {
  border: 4px solid #00CD66;
  border-radius: 3px;
}

header .profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

header .profile .user {
  font-size: 22px;
  font-weight: 600;
  margin: 0px 5px;
}

header .profile .description {
  font-size: 13px;
  font-weigh: 400;
  margin: 5px 8px;
}

section.stats {
  display: flex;
  background: rgb(243,243,243);
}

section.stats div {
  flex: 1;
  border-bottom: 1px solid #d4d4d4;
  padding: 10px;
}

section.stats div a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #696969;
}

section.stats div a:hover {
  color: #9C9C9C;
}

section.stats strong {
  font-size: 20px;
}

nav.menu {
  display: flex;
  background: rgb(243,243,243);
}

nav.menu a {
  flex: 1;
  color: #696969;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  text-decoration: none;
}

nav.menu a:hover {
  color: #9C9C9C;
}



Tiếp theo các bạn cần chèn đoạn code này vào nơi  bạn muốn Widget xuất hiện, có thể vào bố cục- thêm tiện ích :  HTML/Javascript cũng được.

<div class="twitter-pc4x">
    <header>
      <div class="picture">
        <img src="http://cameronbaney.com/codepen/twitter-pc4x/avatar.jpg" alt="TTPC4x">
      </div>
      <div class="profile">
        <p class="user">4xTeam</p>
        <p class="description">Thủ Thuật PC4x
        </p>
      </div>
    </header>

    <section class="stats">
      <div class="tweets">
        <a href="#">
          <strong>266</strong>tweets
        </a>
      </div>
      <div class="following">
        <a href="#">
          <strong>60</strong> following
        </a>
      </div>
      <div class="followers">
        <a href="#">
          <strong>117</strong> followers
        </a>
      </div>
    </section>

    <nav class="menu">
      <a href="#"><i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"></i></a>
      <a href="http://www.thuthuatpc4x.tk/#HTML6"><i class="fa fa-comment-o fa-2x" aria-hidden="true"></i></a>
      <a href="#"><i class="fa fa-user fa-2x" aria-hidden="true"></i></a>
      <a href="#"><i class="fa fa-cog fa-2x" aria-hidden="true"></i></a>
    </nav>
  </div>


Cuối cùng là Font, các bạn thêm đoạn này vào trong thẻ <Head>.

  <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

 Như vậy là xong.

Xem DEMO Live Tại Button Dưới Đây.


Xem Thêm Code Tại Đây.

XEM CHI TIẾT

Share 8 Button On/Off Cực Đẹp.

    2 nhận xét
tháng 3 09, 2018

Share 8 Button On/Off Cực Đẹp.

Share 8 Button On/Off Cực Đẹp.


Hôm nay Thủ Thuật PC4x Share Bộ Button On/Off Cực Đẹp Cho AE Blogger hoặc AE nào Làm Web.







Hướng Dẫn :

Bạn Chỉ Cần Thêm Đoạn CSS vào Dưới Thẻ B:skin.

Còn HTML Thêm vào nơi cần để Button.

+Lưu ý: Nếu bạn muốn thêm vào 1 Page hoặc 1 bài viết để làm demo thì khuyên dùng add đoạn css vào giữa 2 thẻ <style> </style> trong bài/trang đó để chống giật cho Template.



Code được share trên CodePen.

AE lấy nhớ để nguồn của Ashley Nolan

Nguồn Bài Viết : Thủ Thuật PC4x

XEM CHI TIẾT

Code Button Chuyển Động Bằng Mouse Cho Blog.

    8 nhận xét
tháng 3 09, 2018

Code Button Chuyển Động Bằng Mouse Cho Blog.




Dán Đoạn CSS Này Dươí Thẻ B:Skin.



.btn {
  position: relative;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 14px 50px;
  border-radius: 4px;
  border: none;
  color: #fff;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(0,0,0,0.15);
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  
  span {
    position: relative;
  }
    
  &::before {
    --size: 0;
    content: '';
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(circle closest-side, #a3b1f1, transparent);
    transform: translate(-50%, -50%);
    transition: all .2s ease, left 0s, top 0s;
  }
  
  &:hover::before {
    --size: 200px;
  }
}

Dán Đoạn Này Trên Thẻ Đóng  </body



<script type='text/javascript'>
const btn = document.querySelector('.btn')

btn.onmousemove = function (e) {
  const x = e.pageX - btn.offsetLeft
  const y = e.pageY - btn.offsetTop
  
  btn.style.setProperty('--x', x + 'px')
  btn.style.setProperty('--y', y + 'px')
}
</script>


Cuối cùng là đoạn code hiển thị Button, chèn vào vị trí cần đặt.



<button class="btn">
  <span>Button</span>
</button>



Code Được Lấy Từ  CodePen.  PC4x Edit + Share Về Blog.

XEM CHI TIẾT

Tốc độ tải trang sẽ là yếu tố xếp hạng từ khóa 2018

    Không có nhận xét nào
tháng 3 06, 2018

Tháng 7/2018 Google Chính Thức Áp Dụng Yếu Tố Xếp Hạng Từ Khóa Bằng Tốc Độ Load Trang.

Tốc độ tải trang sẽ là yếu tố xếp hạng từ khóa  2018


Tốc độ tải trang đã được áp dụng như 1 yếu tố đánh giá xếp hạng từ khóa trên desktop từ năm 2010, tuy nhiên đây là lần đầu tiên nó được dùng để đánh giá thứ hạng từ khóa trên mobile.
Lần cập nhật này được gọi là "speed update" và nó sẽ chỉ tập trung vào những website có tốc độ tải trang chậm. Google khẳng định rằng, không có bất cứ một công cụ nào có thể giúp bạn xác định liệu website có bị ảnh hưởng bởi lần cập nhật này hay không, thay vào đó Google đưa ra gợi ý:



Mọi người muốn có thể tìm câu trả lời cho câu hỏi của họ càng nhanh càng tốt - các nghiên cứu cho thấy rằng mọi người thực sự quan tâm đến tốc độ của một trang. Mặc dù tốc độ đã được sử dụng trong xếp hạng một thời gian, tín hiệu đó đã tập trung vào tìm kiếm máy tính để bàn. Hôm nay chúng tôi thông báo bắt đầu từ tháng 7 năm 2018, tốc độ trang sẽ là yếu tố xếp hạng cho tìm kiếm trên thiết bị di động."Cập nhật Tốc độ", như chúng ta đang gọi, sẽ chỉ ảnh hưởng đến các trang cung cấp trải nghiệm chậm nhất cho người dùng và sẽ chỉ ảnh hưởng đến một tỷ lệ nhỏ các truy vấn. Nó áp dụng cùng một tiêu chuẩn cho tất cả các trang, bất kể công nghệ được sử dụng để xây dựng trang. Mục đích của truy vấn tìm kiếm vẫn là một tín hiệu rất mạnh, vì vậy một trang chậm có thể vẫn xếp hạng cao nếu nó có nội dung tuyệt vời và liên quan.Chúng tôi khuyến khích các nhà phát triển suy nghĩ rộng rãi về hiệu suất làm ảnh hưởng đến trải nghiệm của người dùng về trang của họ như thế nào và xem xét một loạt các số liệu kinh nghiệm người dùng . Mặc dù không có công cụ trực tiếp chỉ ra liệu một trang có bị ảnh hưởng bởi yếu tố xếp hạng mới này hay không, đây là một số tài nguyên có thể được sử dụng để đánh giá hiệu suất trang.
  • Báo cáo Trải nghiệm Người dùng Chrome , tập dữ liệu công khai về số liệu kinh nghiệm người dùng quan trọng cho các điểm đến phổ biến trên web, như những người dùng Chrome có kinh nghiệm trong điều kiện thực tế
  • Lighthouse , công cụ tự động và một phần của Công cụ dành cho nhà phát triển Chrome để kiểm tra chất lượng (hiệu suất, khả năng truy cập và hơn thế nữa) của các trang web
  • PageSpeed ​​Insights , một công cụ cho biết trang hoạt động tốt như thế nào trên Báo cáo UX của Chrome và đề xuất các tối ưu hóa hiệu suất


Google cũng nói, một trang web có tốc độ tải chậm vẫn có thể có thứ hạng cao nếu như nội dung của bài viết đó đáp ứng tốt cho những thông tin mà người dùng muốn tìm kiếm.

Bài Viết Được Dịch Từ : searchenginejournal


XEM CHI TIẾT

Những Cặp Thẻ HTML Cơ Bản Cân Phải Biết Đối Với Dân Lập Trình Web

    Không có nhận xét nào
tháng 3 01, 2018

Những Cặp Thẻ HTML Cơ Bản Cân Phải Biết Đối Với Dân Lập Trình Web


1. <!DOCTYPE html>

Bạn sẽ cần thẻ này ở đầu mỗi tài liệu HTML tạo ra. Điều này đảm bảo một trình duyệt biết rằng nó đang đọc HTML.
Mặc dù đây không thực sự là một thẻ HTML, nhưng người dùng vẫn nên biết về nó.

2. <html>

Đây là một thẻ khác nói với trình duyệt rằng nó đang đọc HTML. Tại sao chúng ta cần cả hai thẻ <!DOCTYPE html> và <html>? Thật sự có trời mới biết nhưng tốt hơn hết là bạn không nên bỏ nó. Và ở cuối tài liệu, thêm thẻ </html>.

3. <head>

Đối với các trang cơ bản, thẻ <head> sẽ chứa tiêu đề.

4. <title>

Thẻ này xác định tiêu đề của trang. Tất cả những gì bạn cần làm là đặt tiêu đề vào thẻ và đóng nó, ví dụ này bao gồm cả thẻ head:
<head>
<title>My Website</title>
</head>
Đây là tên được hiển thị dưới dạng tiêu đề tab khi nó được mở trong một trình duyệt.

5. <meta>

Giống như thẻ title, siêu dữ liệu được đặt trong khu vực tiêu đề của trang (siêu dữ liệu này, khác với siêu dữ liệu từ thiết bị di động). Siêu dữ liệu chủ yếu được sử dụng bởi các công cụ tìm kiếm và là thông tin trên trang của bạn. Có một số trường meta khác nhau, nhưng đây là một trong số các loại meta được sử dụng phổ biến nhất:
  • Description - Mô tả cơ bản của trang.
  • Keywords - Lựa chọn từ khoá áp dụng cho trang.
  • author - Tác giả của trang.
  • viewport - Một thẻ đảm bảo rằng trang có thể được xem trên tất cả các thiết bị.
Dưới đây là ví dụ có thể áp dụng cho trang này:
<meta name="description" content="A basic HTML tutorial">
<meta name="keywords" content="HTML,code,tags">
<meta name="author" content="Dann Albright">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Thẻ "viewport" sẽ luôn có “width=device-width, initial-scale=1.0” để nội dung trang hiển thị tốt trên thiết bị di động và máy tính để bàn.

6. <body>

Về cơ bản, mọi thứ trừ tiêu đề được đặt trong phần thân của trang web và đặt trong thẻ body.
<body>
Everything you want displayed on your page.
</body>

7. <h1>

Thẻ <h1> xác định tiêu đề cấp một trên trang. Thẻ <h2> xác định tiêu đề cấp hai, <h3> cho cấp ba, v.v…, đến thẻ <h6>. Ví dụ: tên của thẻ trong bài viết này là tiêu đề cấp hai.
<h1>Big and Important Header</h1>
<h2>Slightly Less Big Header</h2>
<h3>Sub-Header</h3>
Kết quả:
Kết quả thẻ H1 
Như bạn thấy, mỗi cấp độ sẽ nhỏ dần.

8. <p>

Thẻ đoạn văn bắt đầu một đoạn mới, nó thường bao gồm hai ngắt dòng. Ví dụ, hãy nhìn vào khoảng cách giữa dòng trước và dòng sau. Đó là những gì thẻ <p> sẽ làm.
<p>Your first paragraph.</p>
<p>Your second paragraph.</p>
Kết quả:
Your first paragraph.
Your second paragraph.
Bạn cũng có thể sử dụng các kiểu CSS trong các thẻ đoạn văn, như sau:
<p style="font-size: 120%;">20% larger text</p>
Kết quả:
20% larger text

9. <br>

Thẻ ngắt dòng chèn một ngắt dòng đơn:
<p>The first line.<br>
The second line (close to the first one).</p>
Kết quả:
The first line.
The second line (close to the first one).
Lưu ý: đôi khi bạn có thể thấy thẻ này được viết: <br /> hoặc <br/>. Nó thực hiện cùng một chức năng (dấu gạch chéo làm cho thẻ có thể đọc được trong XHTML).

10. <strong>

Thẻ này xác định văn bản quan trọng, có nghĩa là văn bản sẽ được bôi đậm. Tuy nhiên, có thể sử dụng CSS để hiển thị văn bản <strong> khác nhau. Tuy nhiên, bạn có thể sử dụng <strong> để in đậm văn bản.
<strong>Very important things you want to say.</strong>
Kết quả:
Very important things you want to say.
Nếu đã quen với thẻ <b> cho chữ in đậm, bạn vẫn có thể sử dụng nó. Tuy nhiên không có gì đảm bảo rằng nó sẽ tiếp tục hoạt động trong các phiên bản HTML tương lai, nhưng bây giờ, nó vẫn hoạt động.

11. <em>

Giống như thẻ <b> và <strong>, <em> và <i> cũng giống nhau. Thẻ <em> xác định văn bản được nhấn mạnh, có nghĩa là nó sẽ được in nghiêng. Một lần nữa, sử dụng CSS để làm các văn bản được nhấn mạnh hiển thị khác nhau.
<em>An emphasized line.</em>
Kết quả:
An emphasized line.
Thẻ <i> vẫn hoạt động, nhưng có thể sẽ không sử dụng được cho các phiên bản HTML trong tương lai.

12. <a>

Thẻ <a> hoặc anchor cho phép tạo liên kết. Một liên kết đơn giản như sau:
<a href="//www.quantrimang.com/>Go to Quantrimang</a>
Kết quả:
Thuộc tính "href" xác định đích đến của liên kết. Trong nhiều trường hợp, đây sẽ là trang web khác. Nó cũng có thể là một tập tin như hình ảnh hoặc file PDF. Các thuộc tính hữu ích khác bao gồm "target" và "title". Thuộc tính target được dùng để mở liên kết trong một tab hoặc cửa sổ mới, như sau:
<a href="//www.quantrimang.com/" target="blank">Go to Quantrimang in a new tab</a>
Kết quả:
Thuộc tính "title" tạo một chú giải công cụ. Di chuột qua liên kết bên dưới để xem ý nghĩa của nó.
<a href="//www.quantrimang.com/" title="This is a COOLtip">Hover over this one</a>
Kết quả:

13. <img>

Nếu muốn nhúng một hình ảnh vào trang của mình, bạn sẽ cần sử dụng thẻ hình ảnh. Cách đơn giản nhất để sử dụng nó là chỉ cần thêm nguồn của hình ảnh trong thuộc tính "src", như sau:
<img src="/photos/image/2017/10/23/code-html-3.jpg">
Kết quả:
Hình ảnh được thêm bởi thẻ <img>
Tuy nhiên, có một số thuộc tính khác người dùng có thể sử dụng như “height” “width” và "alt". 
<img src="/photos/image/2017/10/23/code-html-3.jpg"  width="320" alt="the name of your image">
Kết quả:
Hình ảnh với chiều rộng 320 px
Các thuộc tính "height" và "width" xác định chiều cao và chiều rộng của hình ảnh. Nhìn chung, nên đặt một chiều kích thước, chiều còn lại sẽ tự động chỉnh sửa theo. Nếu sử dụng cả hai, hình ảnh sẽ bị méo hoặc biến dạng.
Thẻ "alt" nói cho trình duyệt biết văn bản nào sẽ hiển thị nếu không hiển thị được hình ảnh và tốt nhất là đưa vào bất kỳ hình ảnh nào. Nếu ai đó có kết nối đặc biệt chậm hoặc sử dụng trình duyệt cũ, họ vẫn có thể có thấy được những gì có trên trang của bạn.

14. <ol>

Thẻ danh sách được sắp xếp cho phép tạo một danh sách có thứ tự. Nhìn chung, bạn sẽ nhận được một danh sách đánh số. Mỗi mục trong danh sách cần thẻ danh mục (<li>), vì vậy danh sách của bạn sẽ giống như sau:
<ol>
<li>First thing</li>
<li>Second thing</li>
<li>Third thing</li>
</ol>
Kết quả:
  1. First thing
  2. Second thing
  3. Third thing
Trong HTML5, bạn có thể sử dụng <ol reversed> để đảo ngược thứ tự của các con số và có thể thiết lập giá trị bắt đầu bằng thuộc tính bắt đầu. Thuộc tính "type" cho phép nói với trình duyệt loại ký hiệu nào cần sử dụng cho các mục trong danh sách. Nó có thể được đặt thành "1", "A", "a", "I" hoặc "i", đặt danh sách để hiển thị với ký hiệu chỉ định.

15. <ul>

Danh sách không có thứ tự đơn giản hơn nhiều so với danh sách có thứ tự.
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
Kết quả:
  • First item
  • Second item
  • Third item
Danh sách không theo thứ tự cũng có thuộc tính "type" và bạn có thể đặt nó thành "disc", "circle" hoặc "square".

16. <table>

Nếu muốn sử dụng các hàng và cột để phân đoạn thông tin trên trang, bạn có thể sử dụng một số thẻ để tạo và chỉnh sửa bảng. Hãy xem ví dụ này:
<table>
<tbody>
<tr>
<th>First column</th>
<th>Second column</th>
</tr>
<tr>
<td>Row 1, column 1</td>
<td>Row 1, column 2</td>
</tr>
<td>Row 2, column 1</td>
<td>Row 2, column 2</td>
</tbody>
</table>
Mỗi thẻ <th> bao gồm một tiêu đề (đôi khi bạn có thể thấy chúng được bọc trong thẻ <thead>). Thẻ <tbody> đặt ra phần thân của bảng. Thẻ <tr> tạo một hàng bảng mới và thẻ <td> xác định một ô trong hàng đó. 

17. <blockquote>

Khi trích dẫn một trang web hoặc lời của một người khác để tạo sự khác biệt với các phần còn lại của tài liệu thì bạn có thể sử dụng thẻ blockquote. Tất cả những gì cần làm là để phần trích dẫn trong thẻ mở và đóng blockquote.
<blockquote>I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain.</blockquote>
Kết quả:
I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain.
Định dạng chính xác được sử dụng có thể phụ thuộc vào trình duyệt bạn đang sử dụng hoặc CSS của trang web. Nhưng thẻ vẫn giữ nguyên.
Với 17 thẻ HTML này bạn có thể tạo ra một trang web đơn giản. Để xem các thẻ này được ghép với nhau như thế nào, có thể tải mẫu HTML và mở nó trong trình duyệt hoặc trong một trình soạn thảo văn bản để xem chính xác cách thức hoạt động của code này.
Theo:Quản Trị Mạng

XEM CHI TIẾT
Đăng ký: Bài đăng ( Atom )
arrow_upward