Free share all

san

Ví dụ: 
<blockquote class="tr_bq">
 <!DOCTYPE html> <html> <head> <style>   body {background-color:lightgray}   h1   {color:blue}   p    {color:green} </style> </head> <body>   <h1>This is a heading</h1>   This is a paragraph. </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXT9Z1hixhVJ0saT9ZkRz8GCMJLJRICSU46jyxLCmvRPmEKGKEmNGaKVrAJdIv7Pmx4P0x9VayMEtInfBGt9xzTxd822GTx_pHB5E9pn-mbBmknQeleS8T5ggsyF9JnSUZ2yX6fCCsLBOP/s1600/sshot-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXT9Z1hixhVJ0saT9ZkRz8GCMJLJRICSU46jyxLCmvRPmEKGKEmNGaKVrAJdIv7Pmx4P0x9VayMEtInfBGt9xzTxd822GTx_pHB5E9pn-mbBmknQeleS8T5ggsyF9JnSUZ2yX6fCCsLBOP/s1600/sshot-14.png" width="640" /></a></div>
 
 
Styling HTML with CSS 
 
- CSS là viết tắt của Cascading Style Sheets 
- Styling có thể được thêm vào HTML bằng 3 cách:  
+ Inline - sử dụng một thuộc tính phong cách trong các yếu tố HTML 
<blockquote class="tr_bq">
<h1 style="color:blue">This is a Blue Heading</h1>  </blockquote>
 + Internal - sử dụng thẻ <style> trong thẻ <head> 
<blockquote class="tr_bq">
<head> <style>   body {background-color:lightgray}   h1   {color:blue}   p    {color:green} </style> </head> </blockquote>
 + External - sử dụng một hoặc nhiều file CSS bên ngoài  
 
Cách phổ biến nhất là sử dụng file css riêng biệt. Tuy nhiên trong tut này chúng tôi sử dụng phong cách nội bộ (Internal) để tiện cho việc thực hành. 
 
Cú pháp CSS  
CSS có cú pháp như sau 
<blockquote class="tr_bq">
element { property:value; property:value }</blockquote>
- element: phần tử HTML 
- property: Thuộc tính css 
- value: Giá trị CSS 
- Mỗi phong cách được phân cách bằng dấu chấm phẩy. 
 
Inline Styling (Inline CSS) - Inline CSS rất hữu ích cho việc áp dụng một phong cách độc đáo với một phần tử HTML duy nhất:- Inline CSS sẽ thay đổi màu sắc văn bản của một đề mục duy nhất:  
<blockquote class="tr_bq">
 <h1 style="color:blue">This is a Blue Heading</h1>  </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXx95aNyHPpm141UHcQpACDfWfsc19uzdf_rkFXI4LuYzg6Qhmk1KCvShpjBUyMXV-vJrdiC6StEpOtwb7UmH6p-1gvdecHY0cAGn51qI79z8P-Zfdaz9PnUp8PqN9WZRdnTOFwvznZFh/s1600/sshot-15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXx95aNyHPpm141UHcQpACDfWfsc19uzdf_rkFXI4LuYzg6Qhmk1KCvShpjBUyMXV-vJrdiC6StEpOtwb7UmH6p-1gvdecHY0cAGn51qI79z8P-Zfdaz9PnUp8PqN9WZRdnTOFwvznZFh/s1600/sshot-15.png" width="640" /></a></div>
 
 
 
 Internal Styling (Internal CSS) 
- Một phong cách trang nội bộ có thể được sử dụng để xác định một phong cách phổ biến cho tất cả các yếu tố HTML trên một trang.  
- Phong cách nội bộ được định nghĩa trong thẻ <head> của trang HTML, bằng cách sử dụng thẻ <style> : 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <head> <style>   body {background-color:lightgrey}   h1   {color:blue}   p    {color:green} </style> </head> <body>   <h1>This is a heading</h1>   This is a paragraph. </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n8d5l6w3ftIoxETdBoFQwIV4uGcMic8oZnUV373wivntZM1Mm7FukiNXugbpCHWzlAvlXTTNUiWdLvHf4RbbcsYrbVo1ipij9EBxKd1IrQOtToF4jzYnmxOr_E7REqx2tDZsGCFVrGcU/s1600/sshot-16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n8d5l6w3ftIoxETdBoFQwIV4uGcMic8oZnUV373wivntZM1Mm7FukiNXugbpCHWzlAvlXTTNUiWdLvHf4RbbcsYrbVo1ipij9EBxKd1IrQOtToF4jzYnmxOr_E7REqx2tDZsGCFVrGcU/s1600/sshot-16.png" width="640" /></a></div>
 
 
External Styling (External CSS) 
 - Sử dụng file css riêng là lý tưởng khi các phong cách được áp dụng cho nhiều trang. 
- Bằng cách sử dụng file css riêng bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi một tập tin. 
-  External Styling sử dụng file css riêng và sau đó liên kết đến trong phần <head> của trang HTML 
<blockquote class="tr_bq">
 <!DOCTYPE html> <html> <head>   <link rel="stylesheet" href="styles.css"> </head> <body>   <h1>This is a heading</h1>   This is a paragraph. </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHvFQwxMP2gpnMSlW8BfXsT7s16r-9V6_g-fyjp9yUjIJlDacBym3NdQjl0HEB-j1Vkm1HgqDxjW3QcUISeO6Zj6hiekOL4f-CjhiTwN2IBEkJ3zoPFYCe7d2pr7pyyJzYaGCLuwnvDMiq/s1600/sshot-17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHvFQwxMP2gpnMSlW8BfXsT7s16r-9V6_g-fyjp9yUjIJlDacBym3NdQjl0HEB-j1Vkm1HgqDxjW3QcUISeO6Zj6hiekOL4f-CjhiTwN2IBEkJ3zoPFYCe7d2pr7pyyJzYaGCLuwnvDMiq/s1600/sshot-17.png" width="640" /></a></div>
 
 
CSS Fonts 
- Các thuộc tính CSS color màu văn bản được sử dụng cho các phần tử HTML.  
- Các thuộc tính CSS font-family định nghĩa các font chữ được sử dụng cho các phần tử HTML.  
- Các thuộc tính CSS font-size xác định kích thước văn bản để được sử dụng cho các phần tử HTML. 
<blockquote class="tr_bq">
<style> h1 {     color:blue;     font-family:verdana;     font-size:300%; } p  {     color:red;     font-family:courier;     font-size:160%; } </style></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_J8altunIi5XlEW12AyJpwdm9-8CEKXL9Ab8iqmiRQEJYAmH5zoKAeAQ4BhN7brsMtxeyIlLmQncjtaApiukR4mI9U3POkqDIRs6QIqE1kPiuP9i5wAklEYawKXRtKXcBbSWaf4TI2Z-f/s1600/sshot-18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_J8altunIi5XlEW12AyJpwdm9-8CEKXL9Ab8iqmiRQEJYAmH5zoKAeAQ4BhN7brsMtxeyIlLmQncjtaApiukR4mI9U3POkqDIRs6QIqE1kPiuP9i5wAklEYawKXRtKXcBbSWaf4TI2Z-f/s1600/sshot-18.png" width="640" /></a></div>
 
 
The CSS Box Model 
- Mỗi phần tử HTML có một hộp xung quanh nó, ngay cả khi bạn không nhìn thấy nó. 
- border dùng để đóng khung xung quanh một phần tử HTML. 
<blockquote class="tr_bq">
p {     border:1px solid black; }</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-laGyzbjllEdUz-WQdcK2vbv7sPX4QIGsDbhL2rJsBedO4e6yBUWQKSPlLOGwMurrOjahyphenhyphenCfJSFXachft6aDSTkThqevO7t7rOD1HOTboC39CnjYUgrHufnoj592Ctx_-vjCemIYdchT/s1600/sshot-19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-laGyzbjllEdUz-WQdcK2vbv7sPX4QIGsDbhL2rJsBedO4e6yBUWQKSPlLOGwMurrOjahyphenhyphenCfJSFXachft6aDSTkThqevO7t7rOD1HOTboC39CnjYUgrHufnoj592Ctx_-vjCemIYdchT/s1600/sshot-19.png" width="640" /></a></div>
 
 
 
 
 
- padding xác định khoảng trống (space) bên trong khung (border) 
 
<blockquote class="tr_bq">
p {     border:1px solid black;     padding:10px; }</blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CaiOkuMymc7QTN47KEXFnCz7a5KjPFFge8I0Rh_D5VkPW29RMu3TT1etz8QfUQl5AxfLkOcWFdmMY7R8N3s934wnd88JqUJFJkSUNyupsM78bmwQv6Cc_gh-SFCV01LkkSbS6sdseiAg/s1600/sshot-20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CaiOkuMymc7QTN47KEXFnCz7a5KjPFFge8I0Rh_D5VkPW29RMu3TT1etz8QfUQl5AxfLkOcWFdmMY7R8N3s934wnd88JqUJFJkSUNyupsM78bmwQv6Cc_gh-SFCV01LkkSbS6sdseiAg/s1600/sshot-20.png" width="640" /></a></div>
 
- margin xác định một biên độ (không gian) ở bên ngoài khung 
<blockquote class="tr_bq">
p {     border:1px solid black;     padding:10px;     margin:30px; } </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR0D1OujuZQ3OqV8kbd1hOQfChmKzDI4Qmk50YlbNhlRir6_LYFK2etpuFbcz0MzlLEtHGVHkUqVbA0ITzUCfSqL2Q71bSKL7P5GEooDBLQWFG90uZrYnV3L_N9A0yjGdnAthk2Cii6Ol7/s1600/sshot-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR0D1OujuZQ3OqV8kbd1hOQfChmKzDI4Qmk50YlbNhlRir6_LYFK2etpuFbcz0MzlLEtHGVHkUqVbA0ITzUCfSqL2Q71bSKL7P5GEooDBLQWFG90uZrYnV3L_N9A0yjGdnAthk2Cii6Ol7/s1600/sshot-21.png" width="640" /></a></div>
 
 
Chú ý: Các ví dụ trên sử dụng pixels (px)  để xác định kích thước 
 
Thuộc tính id 
Tất cả các ví dụ trên sử dụng CSS để định dạng các phần tử HTML trong một cách tổng quát. Để xác định một phong cách đặc biệt cho một yếu tố đặc biệt, hãy thêm thuộc tính id cho phần tử: 
<blockquote class="tr_bq">
 I am different  </blockquote>
ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <head> <style> p#p01 {     color: blue; } </style> </head> <body> This is a paragraph. This is a paragraph. This is a paragraph. id="p01">I am different. </body> </html> </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAKf-7QVWyO_3o26lA3bp8wVrjEpZUgybyQZ5KxA75Mu3cZg7vmkGZ7w4Nm6n8c9xORebinRDcMPsEpUBj0VR9NKj7OD_LKLJq9FVgBpuBbstdhOOiDWAFZ4bDkjBGM-ghbrNj8xB5kvM2/s1600/sshot-22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAKf-7QVWyO_3o26lA3bp8wVrjEpZUgybyQZ5KxA75Mu3cZg7vmkGZ7w4Nm6n8c9xORebinRDcMPsEpUBj0VR9NKj7OD_LKLJq9FVgBpuBbstdhOOiDWAFZ4bDkjBGM-ghbrNj8xB5kvM2/s1600/sshot-22.png" width="640" /></a></div>
 
 
Thuộc tính class 
Để xác định một phong cách cho các phần tử đặc biệt, hãy thêm một thuộc tính class 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <head> <style> p.error {     color:red; } </style> </head> <body> This is a paragraph. This is a paragraph. I am different. This is a paragraph. I am different too. </body> </html></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NFC_PAUgfAiyz5_cYKtbiVolbsAOngsqP0BQKv4km_lIsYnqTG-8o5Fk1Ob9MTbDUb1vIniGz_If0Ze25i1dt38uKf_XKyi1AXDahxpfuu2TQSzL9XQqfe_tAkES7Mk4I06I3vUNaPmZ/s1600/sshot-23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NFC_PAUgfAiyz5_cYKtbiVolbsAOngsqP0BQKv4km_lIsYnqTG-8o5Fk1Ob9MTbDUb1vIniGz_If0Ze25i1dt38uKf_XKyi1AXDahxpfuu2TQSzL9XQqfe_tAkES7Mk4I06I3vUNaPmZ/s1600/sshot-23.png" width="640" /></a></div>
 
 
* Chú ý: Sử dụng id cho một yếu tố duy nhất, sử dụng class cho một nhóm yếu tố 
 
Deprecated Tags and Attributes in HTML5 
In older HTML versions, several tags and attributes were used to style documents. These tags and attributes are not supported in HTML5! Avoid using the , <center>, and <strike> elements. Avoid using the color and bgcolor attributes. 
 
 
Dịch và biên tập từ w3schools bởi Quỷ Lệ

HTML 13 - HTML Styles - CSS

Ví dụ: <!DOCTYPE html> <html> <head> <style> body {background-color:lightgray} h1 {color:blue} p {colo...

Đọc thêm »

san

Thẻ comment <! - and -> được sử dụng để chú thích trong HTML. 
 
HTML Comment TagsBạn có thể thêm nguồn HTML của bạn bằng cách sử dụng cú pháp sau đây: 
<blockquote class="tr_bq">
 </blockquote>
 
Lưu ý:   
- Có một dấu chấm than trong thẻ mở, nhưng không có trong các thẻ đóng.  
+ Thẻ mở:   - HTML Comment không hiển thị bởi trình duyệt, nhưng họ có thể giúp đỡ tài liệu HTML của bạn. - Bạn có thể viết ý kiến bạn hoặc các thông báo và nhắc nhở trong HTML của bạn: 
<blockquote class="tr_bq">
  This is a paragraph. </blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfzNRhhWnWXFpBtWn-5AD8I2o1YFm_gsoRE7dCT_iRC_juRiSFVGKXfxap95iRiLospsW-ObUgW7gaTGYwFwH8R47S-OPoxmDELjhWQAWjhiUeV98B3MwpUkDVJHjIC66CvfjDa5eWFpxb/s1600/sshot-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfzNRhhWnWXFpBtWn-5AD8I2o1YFm_gsoRE7dCT_iRC_juRiSFVGKXfxap95iRiLospsW-ObUgW7gaTGYwFwH8R47S-OPoxmDELjhWQAWjhiUeV98B3MwpUkDVJHjIC66CvfjDa5eWFpxb/s1600/sshot-13.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfzNRhhWnWXFpBtWn-5AD8I2o1YFm_gsoRE7dCT_iRC_juRiSFVGKXfxap95iRiLospsW-ObUgW7gaTGYwFwH8R47S-OPoxmDELjhWQAWjhiUeV98B3MwpUkDVJHjIC66CvfjDa5eWFpxb/s1600/sshot-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div>
 
Các comment cũng hỗ trợ để gỡ lỗi HTML, bởi vì bạn có thể nhận xét các dòng mã HTML, và chúng sẽ hỗ trỡ kiểm tra lỗi nhanh hơn. 
 
<blockquote class="tr_bq">
</blockquote>
Comment theo điều kiện 
Bạn có thể tình cờ gặp comments có điều kiện trong HTML: 
<blockquote class="tr_bq">
 </blockquote>
comments có điều kiện ở trên định nghĩa các thẻ HTML được thực hiện bởi Internet Explorer. 
 
Software Program Tags (Thẻ comment được tạo ra bởi các phần mềm) 
Thẻ HTML comments này cũng có thể được tạo ra bởi các chương trình phần mềm tạo HTML khác nhau. 
Ví dụ: <! - Webbot bot -> thẻ comments HTML bằng FrontPage và Expression Web. 
 
 
Dịch và biên tập từ w3schools bởi Quỷ Lệ

HTML 12 - HTML Comments

Thẻ comment <! - and -> được sử dụng để chú thích trong HTML . HTML Comment Tags Bạn có thể thêm nguồn HTML của bạn bằng c...

Đọc thêm »

san

Computer Code 
<blockquote class="tr_bq">
var person = { 
    firstName:"John", 
    lastName:"Doe", 
    age:50, 
    eyeColor:"blue" 
} </blockquote>
 
Thẻ HTML định dạng Keyboard 
- Xác định kiểu nhập vào keyboard 
- Ví dụ: 
<blockquote class="tr_bq">
To open a file, select: 
 
<kbd>File | Open...</kbd> </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI-mscKx49iSEDSo9mVqkNhWL3mI9iuBuOu9vnRhhNXcI6albjAHmKa5Vl45VRl0pNlHTXdO0MTSAUBm15LOw0IAxYLuXsveacJLRmX_gYkerx8S7QQ0WyTtG3rGtuhGWBxfYBo2Qe2eeM/s1600/sshot-7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI-mscKx49iSEDSo9mVqkNhWL3mI9iuBuOu9vnRhhNXcI6albjAHmKa5Vl45VRl0pNlHTXdO0MTSAUBm15LOw0IAxYLuXsveacJLRmX_gYkerx8S7QQ0WyTtG3rGtuhGWBxfYBo2Qe2eeM/s1600/sshot-7.png" width="640" /></a></div>
 
 
Thẻ  <samp> 
- Thẻ <samp> xác định một đầu ra máy tính: 
<blockquote class="tr_bq">
<samp> demo.example.com login: Apr 12 09:10:17 Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189 </samp></blockquote>
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2nt_E7yP0vpRDKNAVrxNvBDMhkJkR4FkugNVQQ16ubNMQeDfvGoXB3VOQLikrNIhFAT-J_s4ZPKqwFaKAsMlqOO-nfya4-Hf53baJCyHv5dnCRZer-xdQHASTiLTY-51nMQ4FU_pNZFVx/s1600/sshot-8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2nt_E7yP0vpRDKNAVrxNvBDMhkJkR4FkugNVQQ16ubNMQeDfvGoXB3VOQLikrNIhFAT-J_s4ZPKqwFaKAsMlqOO-nfya4-Hf53baJCyHv5dnCRZer-xdQHASTiLTY-51nMQ4FU_pNZFVx/s1600/sshot-8.png" width="640" /></a></div>
 
 
 
Thẻ <code> 
- Thẻ <code> xác định mã lập trình  
<blockquote class="tr_bq">
 <code> var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" } </code></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc3F03vkUciIMZtk85Zvcm0RuKuAdnC4eYLkgoXu83_rgytruxPHOuSAoqViLZTGaW1kG-8L_9ZQAhniDakdMXYCQlzB8eZ4lTnOfPiKToi-CIhqNJBN5qRQKlHRG0wTC8G8WV15RpBHur/s1600/sshot-9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc3F03vkUciIMZtk85Zvcm0RuKuAdnC4eYLkgoXu83_rgytruxPHOuSAoqViLZTGaW1kG-8L_9ZQAhniDakdMXYCQlzB8eZ4lTnOfPiKToi-CIhqNJBN5qRQKlHRG0wTC8G8WV15RpBHur/s1600/sshot-9.png" width="640" /></a></div>
 
 
<blockquote class="tr_bq">
<div class="example_code notranslate htmlHigh">
<p>Coding Example:</p> 
 
<code> 
var person = { 
    
 firstName:"John", 
    lastName:"Doe", 
    
 age:50, 
    eyeColor:"blue" 
} 
</code></div>
</blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF9TImNSTwfh9KUrwfzjl05oA8TyDkwP66I54_Ujz6orID0yob3_InAFj99SHdalu9KOGS-HupzDE59dhqJ__vKW83Oip-1O7a-RolS4dPulHJZLw-K0wd6C6i4u6pX4WQSILxPsjjfR03/s1600/sshot-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF9TImNSTwfh9KUrwfzjl05oA8TyDkwP66I54_Ujz6orID0yob3_InAFj99SHdalu9KOGS-HupzDE59dhqJ__vKW83Oip-1O7a-RolS4dPulHJZLw-K0wd6C6i4u6pX4WQSILxPsjjfR03/s1600/sshot-10.png" width="640" /></a></div>
 
 
Để hiển thị chính xác bạn cần thêm thẻ <pre> 
<blockquote class="tr_bq">
Coding Example: 
 
<code> <pre> 
var person = { 
    firstName:"John", 
    lastName:"Doe", 
    age:50, 
    eyeColor:"blue" 
} 
</pre> </code></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkjcVd_qkHfdFawgzxZskdY_vXo5xhi56SUCy99kxfcRnc_0AjLw_sMCGVESnC2elkRL1vtBx7Yf17-NjZuwHycXtLoxKLjEuSorrAdZga1M_45ek5hh8vnFSJAskqGl-cQs0BjhpWIig6/s1600/sshot-11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkjcVd_qkHfdFawgzxZskdY_vXo5xhi56SUCy99kxfcRnc_0AjLw_sMCGVESnC2elkRL1vtBx7Yf17-NjZuwHycXtLoxKLjEuSorrAdZga1M_45ek5hh8vnFSJAskqGl-cQs0BjhpWIig6/s1600/sshot-11.png" width="640" /></a></div>
 
 
 
Thẻ <var> 
- Thẻ <var> xác định một biến toán học: 
<blockquote class="tr_bq">
  Einstein viết: <var>E = m c2</var> </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirW_4woi6qXIH5J92QRbstbHFjihSbElxZBZ09J3exkcrjxU-SN47nVCJ3758Yk_gLbVMgNMYO6XqwOD9IqWdEai4XeaOUpqSi1y2NJk4g2yLjfeVwInkYX9DaYjXxvF6yL-eMbuJtJazr/s1600/sshot-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirW_4woi6qXIH5J92QRbstbHFjihSbElxZBZ09J3exkcrjxU-SN47nVCJ3758Yk_gLbVMgNMYO6XqwOD9IqWdEai4XeaOUpqSi1y2NJk4g2yLjfeVwInkYX9DaYjXxvF6yL-eMbuJtJazr/s1600/sshot-12.png" width="640" /></a></div>
 
 
 
Dịch và biên tập từ w3schools bởi Quỷ Lệ

HTML 11 - HTML Computer Code Elements

Computer Code var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" ...

Đọc thêm »

san

Thẻ <q>: Trích dẫn ngắn 
- Thẻ <q> định nghĩa một đoạn trích dẫn ngắn. 
- Các trình duyệt thường chèn dấu ngoặc kép quanh phần tử nằm trong thẻ <q>. 
- Ví dụ: 
<blockquote class="tr_bq">
  Mục tiêu của blog là: <q>Chia sẻ kiến thức hacking và security.</q></blockquote>
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJOwboMXOslmKwraMjC9bv71bU66-VU6CM28Hm1mYS0S36z9s6BQwErRmF3GekbWHK9_qh_6-AEP7pPGUDLYpBAf-x3b9eYOtfSv1eLKfC7d3YIk7J596ZtIz18tszDp99P5kXI76MT1Ma/s1600/sshot-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJOwboMXOslmKwraMjC9bv71bU66-VU6CM28Hm1mYS0S36z9s6BQwErRmF3GekbWHK9_qh_6-AEP7pPGUDLYpBAf-x3b9eYOtfSv1eLKfC7d3YIk7J596ZtIz18tszDp99P5kXI76MT1Ma/s1600/sshot-1.png" width="640" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
Thẻ <blockquote>: Trích dẫn dài</div>
<div class="separator" style="clear: both; text-align: left;">
- Thẻ <blockquote> định nghĩa một đoạn trích dẫn dài. </div>
<div class="separator" style="clear: both; text-align: left;">
- Các trình duyệt thường thụt đoạn văn được bao bởi thẻ <blockquote> .</div>
<div class="separator" style="clear: both; text-align: left;">
- Ví dụ: </div>
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: left;">
 Quỷ Lệ - VHB Group: <blockquote> Tôi không phải hacker cũng không phải dân IT. Tôi đến với hacking đơn giản chỉ vì sự tò mò và lòng đam mê với mục đích hiểu hack để chống hack, để bảo mật tốt hơn. </blockquote></div>
</blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbBxLLzHGOeso_dBf4usHIhA9Wm3I-_SYHMIGQ0Lf3vlhyL1TRC728Zt66Ya4Z4pkjnbhTcT7XguJKdy583NTjlhkXJIGyAx37xJxc__scvEQCkgBfRMIb1kQqqrjVoXs9nVFtMU7fMgwQ/s1600/sshot-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbBxLLzHGOeso_dBf4usHIhA9Wm3I-_SYHMIGQ0Lf3vlhyL1TRC728Zt66Ya4Z4pkjnbhTcT7XguJKdy583NTjlhkXJIGyAx37xJxc__scvEQCkgBfRMIb1kQqqrjVoXs9nVFtMU7fMgwQ/s1600/sshot-2.png" width="640" /></a></div>
 
 
Thẻ <abbr>: Viết tắt 
- Thẻ <abbr> định nghĩa một chữ viết tắt hoặc một từ viết tắt. 
- Đánh dấu chữ viết tắt có thể cung cấp thông tin hữu ích cho các trình duyệt, hệ thống biên dịch và công cụ tìm kiếm.  
- Ví dụ: 
<blockquote class="tr_bq">
 The <abbr title="World Health Organization">WHO</abbr> was founded in 1948. </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdW-209CJ6fx3jJnF_dJmOe5MQ56DARDPm6riHFr5iYCOIpxkzq3pcWAfOm5cEvXdBpvKBQ0_dyT7fdbfwksK-2YnkJOy-QEPXZE1nW9AP9vGq9yntoOhHn9u8ed6jwQJ3T-cQ2sZCOMdz/s1600/sshot-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdW-209CJ6fx3jJnF_dJmOe5MQ56DARDPm6riHFr5iYCOIpxkzq3pcWAfOm5cEvXdBpvKBQ0_dyT7fdbfwksK-2YnkJOy-QEPXZE1nW9AP9vGq9yntoOhHn9u8ed6jwQJ3T-cQ2sZCOMdz/s1600/sshot-3.png" width="640" /></a></div>
 
 
Thẻ <address>: Thông tin liên hệ 
- Thẻ <address> xác định các thông tin liên lạc (tác giả / chủ sở hữu) của một tài liệu hoặc bài viết. 
- Các yếu tố thường được hiển thị bằng chữ in nghiêng. Hầu hết các trình duyệt sẽ thêm vào một dòng trước và sau khi các phần tử.  
- Ví dụ: 
<blockquote class="tr_bq">
 <address> Được dịch bởi: Quỷ Lệ Website: quylevhb.blogspot.com facebook: https://www.facebook.com/tearofdevilbr> Email: quylevhb@gmail.com 
</address></blockquote>
 
 
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyKHblUW10TiMFeI_K7LfUBSPblfP6Rf1M2ob1jSSedoWJnVV0k909pLSHlQQu0T3QwBdeXyJ00GdWWrTPU7uqfppwyD13SeGhqvDgY8-Yzj59phd99CWYjFP2a304OUQVq7-OfhgEyZn/s1600/sshot-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyKHblUW10TiMFeI_K7LfUBSPblfP6Rf1M2ob1jSSedoWJnVV0k909pLSHlQQu0T3QwBdeXyJ00GdWWrTPU7uqfppwyD13SeGhqvDgY8-Yzj59phd99CWYjFP2a304OUQVq7-OfhgEyZn/s1600/sshot-4.png" width="640" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
Thẻ <cite>: Tiêu đề công việc</div>
<div class="separator" style="clear: both; text-align: left;">
- Thẻ <cite> xác định các tiêu đề của một tác phẩm.</div>
<div class="separator" style="clear: both; text-align: left;">
- Trình duyệt sẽ hiện thị văn bản trong thẻ <cite> bằng chữ in nghiêng</div>
<div class="separator" style="clear: both; text-align: left;">
- Ví dụ:</div>
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: left;">
<cite>The Scream</cite> bviết bởi Edward Munch. Được in vào năm 1893. </div>
</blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhrai6ZIUN3EZrY0lnuXm5bDUrgzJUSM8eLC0vrROn1gHC7KtRWJNH5cxOkyDyfrsj1u_avGeeLtWx5b5k2rOp80mSEpGk4MaKRqifqQqcRje_rCdcw5meTwGM-kVvJ5tUEGQ0q83KvymI/s1600/sshot-5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhrai6ZIUN3EZrY0lnuXm5bDUrgzJUSM8eLC0vrROn1gHC7KtRWJNH5cxOkyDyfrsj1u_avGeeLtWx5b5k2rOp80mSEpGk4MaKRqifqQqcRje_rCdcw5meTwGM-kVvJ5tUEGQ0q83KvymI/s1600/sshot-5.png" width="640" /></a></div>
 
 
 
 
Thẻ <bdo>. 
-  Khi dùng thẻ này văn bản sẻ được viết từ phải sang trái 
- Ví dụ: 
<blockquote class="tr_bq">
<bdo dir="rtl">Tôi là Quỷ Lệ</bdo></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6MYaW6GT3bYFOgIH1GGAMKUSR1sHpnFgXM09yDBSbMyvUmkWAREoG_3ZQXvLIaSfE_jAFKDJMidaJuajfHOJ9gXepBh2Za_nNkLcw1MREIgxZhDVg4qdzhn5uMSwjQu_60teDH4LaIIg/s1600/sshot-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6MYaW6GT3bYFOgIH1GGAMKUSR1sHpnFgXM09yDBSbMyvUmkWAREoG_3ZQXvLIaSfE_jAFKDJMidaJuajfHOJ9gXepBh2Za_nNkLcw1MREIgxZhDVg4qdzhn5uMSwjQu_60teDH4LaIIg/s1600/sshot-6.png" width="640" /></a></div>
 
 
Dịch và biên tập từ w3school bởi Quỷ Lệ

HTML 10 - HTML Quotation and Citation Elements

Thẻ <q>: Trích dẫn ngắn - Thẻ < q> định nghĩa một đoạn trích dẫn ngắn . - Các trình duyệt thường chèn dấu ngoặc kép quanh...

Đọc thêm »

san

Định dạng phần tử HTML Trong chương trước, bạn đã học về phong cách HTML, cách sử dụng thuộc tính style của <a href="http://quylevhb.blogspot.com/2015/03/html-9-cac-inh-dang-van-ban.html" target="_blank">HTML</a>. HTML cũng xác định các yếu tố đặc biệt, để xác định văn bản có một ý nghĩa đặc biệt. HTML sử dụng các yếu tố như <b> và <i> để định dạng đầu ra, như văn bản in đậm hoặc in nghiêng. Các yếu tố Định dạng được thiết kế để hiển thị loại đặc biệt của văn bản:      Văn bản in đậm      Văn bản quan trọng      Văn bản in nghiêng      Văn bản nhấn mạnh      Văn bản được đánh dấu      Văn bản nhỏ      Văn bản đã xóa      Văn bản chèn vào      Chỉ số dưới      Chỉ số trên 
 
Định dạng Bold và Strong 
 
- Thẻ xác định chữ in đậm. Bắt đầu bằng và kết thúc bằng 
ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body>   Quỷ Lệ - VHB Group   http://quylevhb.blogspot.com/. </body> </html> </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfRDeKsGWHA6ZW9s7HtbaFBTiGV5rD4J4GQG5Y2gNFV7i-eyF_fohC-LDzrTclCQjUKttc0n0IHDrqQF_aKdzWv9KTTPbDYBYQFJxfl79vG3pq98sygxESzb5Hvxx9F7sDHxY8p8KBKAj/s1600/sshot-17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfRDeKsGWHA6ZW9s7HtbaFBTiGV5rD4J4GQG5Y2gNFV7i-eyF_fohC-LDzrTclCQjUKttc0n0IHDrqQF_aKdzWv9KTTPbDYBYQFJxfl79vG3pq98sygxESzb5Hvxx9F7sDHxY8p8KBKAj/s1600/sshot-17.png" width="640" /></a></div>
 
 - Thẻ có tác dụng nhấn mạnh văn bản bằng cách in đậm văn bản đó. Bắt đầu bằng và kết thúc bằng 
Ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body>   Quỷ Lệ - VHB Group   http://quylevhb.blogspot.com/. </body> </html></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1asrg0Zu1PVySvAAc6hu9DhoJvz0-hcSH6X81LYI9o4R-qPvBhX0qnj4cjJqGR58HfTWN_c7abaelkHbSH7JgrwhUtS3mtP5xeWyEKS0ojLhX6tI_DMwxQKHOZMF77s5GyVBesIKCNs7O/s1600/sshot-18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1asrg0Zu1PVySvAAc6hu9DhoJvz0-hcSH6X81LYI9o4R-qPvBhX0qnj4cjJqGR58HfTWN_c7abaelkHbSH7JgrwhUtS3mtP5xeWyEKS0ojLhX6tI_DMwxQKHOZMF77s5GyVBesIKCNs7O/s1600/sshot-18.png" width="640" /></a></div>
 
 
Thẻ định dạng Italic và Emphasized 
 
- Thẻ định dạng Italic có tác dụng tạo văn bản in nghiêng. Bắt đầu bằng và kết thúc bằn 
ví dụ: 
<!DOCTYPE html> 
<blockquote class="tr_bq">
<html> <body>   Quỷ Lệ - VHB Group   http://quylevhb.blogspot.com/. </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj7JN1dQkNI_aXuLt9qF2qVbmJpErlyYbszwS_9EvbSHiQQQwddPJ73sG_zLtDFUDk9_Dc19vltTJlEmt-3DJprUkmqawfwEEMWDpj3F8snuECFxVimNpRHFZSddDu8lQMglz4TSnVNXuj/s1600/sshot-19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj7JN1dQkNI_aXuLt9qF2qVbmJpErlyYbszwS_9EvbSHiQQQwddPJ73sG_zLtDFUDk9_Dc19vltTJlEmt-3DJprUkmqawfwEEMWDpj3F8snuECFxVimNpRHFZSddDu8lQMglz4TSnVNXuj/s1600/sshot-19.png" width="640" /></a></div>
 
- Thẻ định dạng <a href="http://quylevhb.blogspot.com/2015/03/html-9-cac-inh-dang-van-ban.html" target="_blank">emphasized</a> có tác dụng nhấn mạnh văn bản bằng cách in nghiêng văn bản đó. Bắt đầu bằng và kết thúc 
 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body> Quỷ Lệ - VHB Group http://quylevhb.blogspot.com/. </body> </html> </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVE9qvjTHUFCFdAnVNCrqKxOn-BypaMjtMwAeNz78UEu16h0uwBm2Xl1zsM4c6zaeqvMQOkpOu5bDRZlA3x6qBQc0eatthf5rIeg0pCS6aNO0Ys8V5uTxR9Av2lz4sqmgfYZIF8eyRupJ/s1600/sshot-20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVE9qvjTHUFCFdAnVNCrqKxOn-BypaMjtMwAeNz78UEu16h0uwBm2Xl1zsM4c6zaeqvMQOkpOu5bDRZlA3x6qBQc0eatthf5rIeg0pCS6aNO0Ys8V5uTxR9Av2lz4sqmgfYZIF8eyRupJ/s1600/sshot-20.png" width="640" /></a></div>
 
 
- Trình duyệt hiển thị <a href="http://quylevhb.blogspot.com/2015/03/html-9-cac-inh-dang-van-ban.html" target="_blank"><strong></a> như <b> và <em> như <i>. - Tuy nhiên, có một sự khác biệt trong ý nghĩa của các thẻ: <b> và <i> định nghĩa chữ in đậm và in nghiêng, nhưng <strong> và <em> có nghĩa là các văn bản là "quan trọng". 
 
Định dạng văn bản nhỏ 
Thẻ <small> xác định văn bản nhỏ. 
Ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body>   <h2>Quỷ Lệ - VHB Group</h2>  </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVZiqTw2OoB5Q2speDrcEJVmdMYyYOCNBYI4XiZIqAMLSi4X5BaC4uWh-n3hITOE2H1PnfG657N-l1uJh-v6QxwJIpjucbiyy7aICAHYHZfjKsrqbTyYdyd-lppbQjjW_r86k7_vLSAcC/s1600/sshot-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVZiqTw2OoB5Q2speDrcEJVmdMYyYOCNBYI4XiZIqAMLSi4X5BaC4uWh-n3hITOE2H1PnfG657N-l1uJh-v6QxwJIpjucbiyy7aICAHYHZfjKsrqbTyYdyd-lppbQjjW_r86k7_vLSAcC/s1600/sshot-21.png" width="640" /></a></div>
 
 
Thẻ đánh dấu 
Thẻ <mark> để đánh dấu văn bản: 
ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body>   <h2>Quỷ Lệ - VHB Group</h2>  </body> </html> </blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsI22w3lCRJCxCkiuq2v2hlPBytIImu_RcjuRbUsPsmhRO6HjZNyl-emTibpQmawSXPZtrm6vrF6KZ3Q-IC9qgoN9eIhiE5MulhZOcZY7AyJ293GgLBtFg7QVvRxrQk8X8H4fXuKH2-UQ/s1600/sshot-22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsI22w3lCRJCxCkiuq2v2hlPBytIImu_RcjuRbUsPsmhRO6HjZNyl-emTibpQmawSXPZtrm6vrF6KZ3Q-IC9qgoN9eIhiE5MulhZOcZY7AyJ293GgLBtFg7QVvRxrQk8X8H4fXuKH2-UQ/s1600/sshot-22.png" width="640" /></a></div>
 
 
 Thẻ Deleted 
Thẻ <del> yếu tố định nghĩa xóa (gỡ bỏ) văn bản. 
ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body> Quỷ Lệ thích màu <del>đen</del> tím. </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO1o5ZJSWe8alXFlIsohxNqy_-vsMU7ipT1cmzv56MutGbElVCoGGWUaQW5tNx6RzjBaOOzO9r1eqKFQ9no4Uw-lIAvrE7V95nFwShCRMQQGpDxFd4BRdBGXVv5EmPtQ7uNFoZSeY7gaEn/s1600/sshot-23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO1o5ZJSWe8alXFlIsohxNqy_-vsMU7ipT1cmzv56MutGbElVCoGGWUaQW5tNx6RzjBaOOzO9r1eqKFQ9no4Uw-lIAvrE7V95nFwShCRMQQGpDxFd4BRdBGXVv5EmPtQ7uNFoZSeY7gaEn/s1600/sshot-23.png" width="640" /></a></div>
 
 
Thẻ Inserted 
Thẻ <ins> định nghĩa chèn (thêm) văn bản. 
Ví dụ: 
<!DOCTYPE html> <html> <body> Quỷ Lệ <ins>VHB Group</ins>. </body> </html> 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpM1fIkQDgdhxweSz0AxzKBDwko45f-V0se9lZ4Jj0DM54D4npQruEh6_CC4tN0C61kSZT7wdK9mKCHVdkg7GauSJK_wlK3e7DvGBOwX3pXVtWkyZb2-S6Wo5zktgLNnLWTtktCfk-s8La/s1600/sshot-24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpM1fIkQDgdhxweSz0AxzKBDwko45f-V0se9lZ4Jj0DM54D4npQruEh6_CC4tN0C61kSZT7wdK9mKCHVdkg7GauSJK_wlK3e7DvGBOwX3pXVtWkyZb2-S6Wo5zktgLNnLWTtktCfk-s8La/s1600/sshot-24.png" width="640" /></a></div>
 
 
Thẻ Subscript (Chỉ số dưới) 
Thẻ <sub> xác định chỉ số dưới 
Ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body> Quỷ Lệ VHB Group 12 </body> </html> </blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXO1Hs1MFWPxM1p7GCIjerDGwdNDVmZrClzCcee6WJ0Gdn34705zzpjvyt1480eTw66HuK-rtWdvwx6wtdynuBdMBK43NYxDWeRkdnO0WFYe-8qBGjuaJYjFBQUAIr9XX7KCHKchxGPMov/s1600/sshot-25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXO1Hs1MFWPxM1p7GCIjerDGwdNDVmZrClzCcee6WJ0Gdn34705zzpjvyt1480eTw66HuK-rtWdvwx6wtdynuBdMBK43NYxDWeRkdnO0WFYe-8qBGjuaJYjFBQUAIr9XX7KCHKchxGPMov/s1600/sshot-25.png" width="640" /></a></div>
 
 
Thẻ Superscript (Chỉ số trên) 
Thẻ <sup> xác định chỉ số trên 
Ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body> Quỷ Lệ VHB Group 12 </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIm9BWDCdFg2mbKzSFRV2avjiVxZD4XDzOaK2t9RfAi12uRRV3mGRRvE_wjgezU4MtsCd8oQLxquYg5j3-upwg7eIxblGuE31Z7mFZsyf2xK6Hsvi80Yppy3ksUThJlt1dsIqfxIWAWP52/s1600/sshot-26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIm9BWDCdFg2mbKzSFRV2avjiVxZD4XDzOaK2t9RfAi12uRRV3mGRRvE_wjgezU4MtsCd8oQLxquYg5j3-upwg7eIxblGuE31Z7mFZsyf2xK6Hsvi80Yppy3ksUThJlt1dsIqfxIWAWP52/s1600/sshot-26.png" width="640" /></a></div>
 
 
 
Dịch và biên tập từ w3schools bởi Quỷ Lệ - VHB Group

HTML 9 - Các thẻ định dạng văn bản

Định dạng phần tử HTML Trong chương trước , bạn đã học về phong cách HTML , cách sử dụng thuộc tính style của HTML . HTML cũng xá...

Đọc thêm »

san

HTML Styling Mỗi phần tử HTML có một phong cách mặc định (màu nền là màu trắng, màu chữ là màu đen, text-size kích thước là 12px ...) Thay đổi kiểu mặc định của một phần tử HTML, có thể được thực hiện với các thuộc tính phong cách. Ví dụ này thay đổi màu nền mặc định từ trắng thành xám: 
<blockquote class="tr_bq">
<body style="background-color:lightgrey"> 
<h1>Quỷ Lệ - VHB Group</h1> 
http://quylevhb.blogspot.com/.</blockquote>
<blockquote>
</body> </blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEcS6AnFA-1KoIxx1IsC2T9nHIxkBN9dnvvSfGVdDlL7n7u9IGpxhfc8KB3ORFAPFvZ7LgQwxKPA5snON81cw2LHY2XOgdmISN4z2-w9VqaOM07R7PJ_B8EnuYJGCZl3_Z42wtezSP2bUi/s1600/sshot-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEcS6AnFA-1KoIxx1IsC2T9nHIxkBN9dnvvSfGVdDlL7n7u9IGpxhfc8KB3ORFAPFvZ7LgQwxKPA5snON81cw2LHY2XOgdmISN4z2-w9VqaOM07R7PJ_B8EnuYJGCZl3_Z42wtezSP2bUi/s1600/sshot-12.png" width="640" /></a></div>
 
 
 
 
Các thuộc tính bgcolor, hỗ trợ trong các phiên bản cũ hơn của <a href="http://quylevhb.blogspot.com/2015/03/html-8-html-styles.html" target="_blank">HTML</a>, sẽ không hợp lệ trong HTML5. 
 
 
 Các thẻ thuộc tính Style Các thuộc tính style của HTML có cú pháp như sau: 
<blockquote class="tr_bq">
 style="property:value" </blockquote>
property là một thuộc tính CSS. value là một giá trị CSS. 
 
HTML Text Color Các property xác định màu sắc màu văn bản được sử dụng cho một phần tử HTML. 
Ví dụ:  
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body>   <h1 style="color:blue">Quỷ Lệ - VHB Group</h1>   style="color:red">http://quylevhb.blogspot.com/. </body> </html></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfWRvf4Wr7WWgHdY_FBIiRoEYr_KGj4FmxeQAxgIXwwsfC_hA0ZDfBrUJTP0XL_M8wpxUPnGa7fkTFqg0HMLjJ_2k8HM4xeURR2WTtnWOTHVJ33_z5T01dBfjNXxGBpFIo3Mf0GjCQIni/s1600/sshot-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfWRvf4Wr7WWgHdY_FBIiRoEYr_KGj4FmxeQAxgIXwwsfC_hA0ZDfBrUJTP0XL_M8wpxUPnGa7fkTFqg0HMLjJ_2k8HM4xeURR2WTtnWOTHVJ33_z5T01dBfjNXxGBpFIo3Mf0GjCQIni/s1600/sshot-13.png" width="640" /></a></div>
 
 
HTML Text Fonts 
Các property font-family xác định phông chữ được sử dụng cho một phần tử HTML 
Ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body>   <h1 style="font-family:verdana">Quỷ Lệ - VHB Group</h1>   font-family:courier">http://quylevhb.blogspot.com/. </body> </html></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTrzpg2M7UAqL91uUpC7WgURDmrz48FPB_m0_qofjT4pdXvzAzS2Jf24Yp61KJY9JJb87s1gpu64o0xipmbvPV_dDjrj_L85vdq8kHuzJ_r7yeTuVS6c6IOx3MtgFR7wZhWAZm2XF0A4D/s1600/sshot-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTrzpg2M7UAqL91uUpC7WgURDmrz48FPB_m0_qofjT4pdXvzAzS2Jf24Yp61KJY9JJb87s1gpu64o0xipmbvPV_dDjrj_L85vdq8kHuzJ_r7yeTuVS6c6IOx3MtgFR7wZhWAZm2XF0A4D/s1600/sshot-14.png" width="640" /></a></div>
 
 
HTML Text Size Các property font-size xác định kích thước văn bản 
Ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body>   <h1 style="font-size:300%">Quỷ Lệ - VHB Group</h1>   font-size:160%">http://quylevhb.blogspot.com/. </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio6Gjxi3sgQ_RcqmwhaFBtvVr69gEQIT8I5MazCViUEoP-irRWeJr9Sd2lVUziy0wYP3VIcvtNbxQhYnDYmOweEsnp4QhhmDiy1VLJhUWdQPuV4RSH0pjFPKdBlk3DJZP2uiPrJFJVdedu/s1600/sshot-15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio6Gjxi3sgQ_RcqmwhaFBtvVr69gEQIT8I5MazCViUEoP-irRWeJr9Sd2lVUziy0wYP3VIcvtNbxQhYnDYmOweEsnp4QhhmDiy1VLJhUWdQPuV4RSH0pjFPKdBlk3DJZP2uiPrJFJVdedu/s1600/sshot-15.png" width="640" /></a></div>
 
 
HTML Text Alignment 
Các property text-align xác định sự sắp xếp văn bản theo chiều ngang cho một phần tử HTML 
 Ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body>   <h1 style="text-align:center">Quỷ Lệ - VHB Group</h1>   http://quylevhb.blogspot.com/. </body> </html> </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHO5A9b4iwg3V49k1C5cDQ8CKG-0NXFl8D35bpxp5eXcdGYlNcXFBKfSWljpSMbsSGZ8apYR8r4ablsTs8IkXUl1Ldega9IbMtsVCnbi4pH2ZZ7a-S91YxHwiQrAfSJYXZ186YXHZB-Xh/s1600/sshot-16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHO5A9b4iwg3V49k1C5cDQ8CKG-0NXFl8D35bpxp5eXcdGYlNcXFBKfSWljpSMbsSGZ8apYR8r4ablsTs8IkXUl1Ldega9IbMtsVCnbi4pH2ZZ7a-S91YxHwiQrAfSJYXZ186YXHZB-Xh/s1600/sshot-16.png" width="640" /></a></div>
 
 
* Các tag <center>, hỗ trợ trong các phiên bản cũ hơn của <a href="http://quylevhb.blogspot.com/2015/03/html-8-html-styles.html" target="_blank">HTML</a> không hợp lệ trong HTML5. 
 
 
Tổng kết 
     - Sử dụng thuộc tính style cho các phong cách của phần tử HTML      - Sử dụng background-color cho màu nền      - Sử dụng color cho màu sắc văn bản      - Sử dụng font-family cho các phông chữ văn bản      - Sử dụng font-size cho các kích cỡ văn bản      - Sử dụng text-align cho sự liên kết văn bản  
 
 
Dịch và biên tập từ w3schools bởi Quỷ Lệ VHB Group

HTML 8 - HTML Styles

HTML Styling Mỗi phần tử HTML có một phong cách mặc định ( màu nền là màu trắng , màu chữ là màu đen , text- size kích thước là 1...

Đọc thêm »

san

Tài liệu HTML được chia thành nhiều đoạn. 
 
 HTML Paragraphs 
Các phần tử HTML <p> định nghĩa một đoạn văn. 
<blockquote class="tr_bq">
This is a paragraph This is another paragraph  </blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6dw1Ce907hZqLhvKxteDSFBx9no80uSgELWQNIB2IQrkhJX1vcb5f85rtxDToNayB-lIaZkjOyjYYkovbAYxEno14vyuLIz-LuB9ZwoeBBNqQ3Ojc24XjIHc4XHDOIH4QnFX4Zqr-1vgB/s1600/sshot-9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6dw1Ce907hZqLhvKxteDSFBx9no80uSgELWQNIB2IQrkhJX1vcb5f85rtxDToNayB-lIaZkjOyjYYkovbAYxEno14vyuLIz-LuB9ZwoeBBNqQ3Ojc24XjIHc4XHDOIH4QnFX4Zqr-1vgB/s1600/sshot-9.png" width="640" /></a></div>
 
 
Trình duyệt sẽ tự động thêm một dòng trống trước và sau khi mỗi đoạn văn. 
 
Hiển thị HTML 
- Bạn không thể chắc chắn <a href="http://quylevhb.blogspot.com/2015/03/html-7-html-paragraphs.html" target="_blank">HTML</a> sẽ được hiển thị như thế nào .  
- Màn hình lớn hay nhỏ, và thay đổi kích cỡ cửa sổ sẽ tạo ra kết quả khác nhau.  
- Với HTML, bạn không thể thay đổi sản lượng bằng cách thêm dấu cách hoặc thêm dòng trong mã HTML của bạn.  
- Trình duyệt sẽ loại bỏ không gian thêm và thêm dòng khi trang được hiển thị.  
- Bất kỳ số lượng của không gian, và bất kỳ số lượng các dòng mới, được tính là chỉ có một không gian. 
Ví dụ: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <body> This paragraph contains a lot of lines in the source code, but the browser ignores it. This paragraph contains      a lot of spaces in the source     code, but the    browser ignores it. The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change. </body> </html></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHkJ66diHTwBhZFoCtXwn61ilkg-hILza2_tYE9B6bMcIacaSnAM3dSFD0JBnLBw38_FPinGwWoKzZhfwgEs63DgIk5pTWNZz97_tLQZQnsWtc3eO2WkC7rUNoCKwdGCIoUUo7TgFBQnsT/s1600/sshot-5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHkJ66diHTwBhZFoCtXwn61ilkg-hILza2_tYE9B6bMcIacaSnAM3dSFD0JBnLBw38_FPinGwWoKzZhfwgEs63DgIk5pTWNZz97_tLQZQnsWtc3eO2WkC7rUNoCKwdGCIoUUo7TgFBQnsT/s1600/sshot-5.png" width="640" /></a></div>
 
 
 
Đừng Quên thẻ kết thúc Hầu hết các trình duyệt sẽ hiển thị một cách chính xác HTML ngay cả khi bạn quên thẻ kết thúc: 
 Ví dụ: 
<blockquote class="tr_bq">
This is a paragraph This is another paragraph  </blockquote>
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6cF3r7s5_AiKIbrc5BKhlcTWBUKWs8jCZ5XP577_GxwgORkiCQOv8_xq6yDOJ_uORd3rQLvKBggKNmKQ-0PTSiNHUI-hhPgK1zmS8uDWl4g3sdHZgDP-6kIkU1pPFOm5jS64IhyphenhyphenyoFZP/s1600/sshot-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6cF3r7s5_AiKIbrc5BKhlcTWBUKWs8jCZ5XP577_GxwgORkiCQOv8_xq6yDOJ_uORd3rQLvKBggKNmKQ-0PTSiNHUI-hhPgK1zmS8uDWl4g3sdHZgDP-6kIkU1pPFOm5jS64IhyphenhyphenyoFZP/s1600/sshot-6.png" width="640" /></a></div>
 
 
- Ví dụ trên sẽ làm việc trong hầu hết các trình duyệt, nhưng không nên làm như vậy.  
- Quên thẻ kết thúc có thể tạo ra lỗi.  
- Lưu ý các phiên bản chặt chẽ của HTML, giống như <a href="http://quylevhb.blogspot.com/2015/03/html-7-html-paragraphs.html" target="_blank">XHTML</a>, không cho phép bạn bỏ qua các từ khóa kết thúc. 
 
HTML Ngắt Dòng Thẻ xác định bạn muốn xuống một dòng. Sử dụng thẻ nếu bạn muốn có một ngắt dòng (một dòng mới) mà không bắt đầu một đoạn mới: 
<blockquote class="tr_bq">
 This is a para graph with line breaks  </blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8lMdpRYv3JS936HmIDHo3XZOHRHw1AlA9xlXntHMBemothjQjc0UAlI40sXtPJ0g3e-ogD_UpLHyG0lSIuheokKk7nY_FBgOpBcpFXcngoTAnCFMn_qazyTnUarelnbFOBGU9noel6Yf/s1600/sshot-7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8lMdpRYv3JS936HmIDHo3XZOHRHw1AlA9xlXntHMBemothjQjc0UAlI40sXtPJ0g3e-ogD_UpLHyG0lSIuheokKk7nY_FBgOpBcpFXcngoTAnCFMn_qazyTnUarelnbFOBGU9noel6Yf/s1600/sshot-7.png" width="640" /></a></div>
 
 
Thẻ phần tử là một phần tử HTML rỗng. Nó không có thẻ kết thúc. 
 
Thẻ <pre> 
Thẻ <pre> xác định một khối văn bản trước khi định dạng, với các không gian có cấu trúc và dòng. Để hiển thị bất cứ điều gì, với khoảng cách đúng đắn và dòng, bạn phải bọc các văn bản trong một thẻ <pre>: 
<blockquote class="tr_bq">
 This will display as a poem: <pre>   My Bonnie lies over the ocean.   My Bonnie lies over the sea.   My Bonnie lies over the ocean.   Oh, bring back my Bonnie to me. </pre></blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQiaX-NGRe30IUTlIpw4V36U8Z9oxIbqKHNdvEmYZUpBt5HM3gZnrrzzpGEBt03nOqNIFXWDmxYVFjvQvUkNCG5a582qKyHQd1rhDB9PcWnRZmLdo8okLKJsvL03h8raR08DDVfP-b-8-I/s1600/sshot-8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQiaX-NGRe30IUTlIpw4V36U8Z9oxIbqKHNdvEmYZUpBt5HM3gZnrrzzpGEBt03nOqNIFXWDmxYVFjvQvUkNCG5a582qKyHQd1rhDB9PcWnRZmLdo8okLKJsvL03h8raR08DDVfP-b-8-I/s1600/sshot-8.png" width="640" /></a></div>

HTML 7 - HTML Paragraphs

Tài liệu HTML được chia thành nhiều đoạn . HTML Paragraphs Các phần tử HTML định nghĩa một đoạn văn. This ...

Đọc thêm »

san

HTML Headings (Tiêu đề) Headings (Tiêu đề) được định nghĩa với thẻ <h1> đến <h6> . 
<blockquote class="tr_bq">
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>  </blockquote>
Lưu ý: Các trình duyệt sẽ tự động thêm một số không gian trống (lề) trước và sau khi từng nhóm tiêu đề. 
  
Tiêu đề là rất quan trọng - Sử dụng các  HTML headings cho tiêu đề. Không sử dụng các tiêu đề để làm cho văn bản BIG hoặc bold.  
- Công cụ tìm kiếm sử dụng các tiêu đề của bạn để thu thập chỉ số cấu trúc và nội dung của các trang web của bạn.  
- Người dùng lướt các trang của bạn bởi các tiêu đề của nó. Điều quan trọng là sử dụng tiêu đề để hiển thị cấu trúc tài liệu.  
- Tiêu đề h1 nên là tiêu đề chính, tiếp theo tiêu đề h2, h3 thì ít quan trọng hơn. 
 
HTML Horizontal Rules (Quy tắc HTML theo chiều ngang) 
 - Các tag <hr> tạo ra một dòng ngang trong một trang HTML.  
- Các yếu tố hr có thể được sử dụng để phân tách nội dung riêng biệt: 
<blockquote class="tr_bq">
This is a paragraph. <hr> This is a paragraph. <hr> This is a paragraph.  </blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK7pD8aKVAD5cxmmi5tm2MqQPPaKr0DUeYQfNttNHCjivXk6NNhqmKxie5sxgo4ydYWlBFrxv64rDP99_LFzYdCOmMI7BQSPgrzNeIIG20axL_KwhDhBWw6df-Eq11-iaJLxF2n2C_vjwK/s1600/sshot-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK7pD8aKVAD5cxmmi5tm2MqQPPaKr0DUeYQfNttNHCjivXk6NNhqmKxie5sxgo4ydYWlBFrxv64rDP99_LFzYdCOmMI7BQSPgrzNeIIG20axL_KwhDhBWw6df-Eq11-iaJLxF2n2C_vjwK/s1600/sshot-1.png" width="400" /></a></div>
 
Thẻ <head> 
<head> chứa dữ liệu meta. Dữ liệu meta không được hiển thị. 
<head> được đặt giữa tag <html> và thẻ <body>: 
<blockquote class="tr_bq">
<!DOCTYPE html> <html> <head>   <title>Quỷ Lệ - VHB Group</title>   <meta charset="UTF-8"> </head> <body> The HTML head element contains meta data. Meta data is data about the HTML document. </body> </html>  </blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH9HHvcb3Wpq6D1SGHErhO0aOIlP0DpXATVrKNn-2Uf-MhkDHDCkwSCtPWlTxIIF_zg6ngD0BE20wvswKMN75TsCKsXanree-n5CTODqVcGXISY5Gj4U4tGTOK_8hrr-4JWa_60vH56HnF/s1600/sshot-5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH9HHvcb3Wpq6D1SGHErhO0aOIlP0DpXATVrKNn-2Uf-MhkDHDCkwSCtPWlTxIIF_zg6ngD0BE20wvswKMN75TsCKsXanree-n5CTODqVcGXISY5Gj4U4tGTOK_8hrr-4JWa_60vH56HnF/s1600/sshot-5.png" width="640" /></a></div>
 
 
HTML meta là dữ liệu về các tài liệu <a href="http://quylevhb.blogspot.com/2015/03/html-6-html-headings.html" target="_blank">HTML</a>. 
 
Thẻ <title> Thẻ <title> sẽ không được hiển thị trong tài liệu, nhưng có thể được hiển thị trong tab trình duyệt. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKLSGZtkkOmBDZ7kBMy7iguQ6bXsUJ9ONO4Or81zBd5fYbmSukGICC91X6dFZfgBhJsWpKNdWFx9kziURQaqbomBzZ7lQb1yWKqEqc6GQcVLiWkzWFZzdrrfhuHucesdLxoM07Z3-a-KMX/s1600/sshot-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKLSGZtkkOmBDZ7kBMy7iguQ6bXsUJ9ONO4Or81zBd5fYbmSukGICC91X6dFZfgBhJsWpKNdWFx9kziURQaqbomBzZ7lQb1yWKqEqc6GQcVLiWkzWFZzdrrfhuHucesdLxoM07Z3-a-KMX/s1600/sshot-2.png" /></a></div>
 
 Thẻ <meta> Thẻ <meta> có thể được sử dụng để xác định các bộ ký tự, và các thông tin khác về các tài liệu <a href="http://quylevhb.blogspot.com/2015/03/html-6-html-headings.html" target="_blank">HTML</a>. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNh220G4PeppPGr0VV09IsexEluYMdInxnahfQEzJyXDguA3mgCWVqo6niLbyqE3b1oRiIA_CjqpOovj6-vLH6a6KXn8QxoDTAt-MC7rehlGom9PeBvDODBHcrRlZ3FLqh61I9p9qFESU/s1600/sshot-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNh220G4PeppPGr0VV09IsexEluYMdInxnahfQEzJyXDguA3mgCWVqo6niLbyqE3b1oRiIA_CjqpOovj6-vLH6a6KXn8QxoDTAt-MC7rehlGom9PeBvDODBHcrRlZ3FLqh61I9p9qFESU/s1600/sshot-3.png" width="640" /></a></div>
 
 More Meta Elements HTML <style> được sử dụng để xác định kiểu CSS nội bộ. Các <link> phần tử HTML được sử dụng để xác định kiểu CSS bên ngoài. 
 Mẹo HTML - Làm thế nào để xem HTML Source Bạn đã bao giờ nhìn thấy một trang Web và tự hỏi "Hey! Làm sao họ làm điều đó?" Để tìm hiểu, kích chuột phải vào trang và chọn "View Page Source" (trong Chrome) hoặc "View Source" (trong IE), hoặc tương tự trong trình duyệt khác. Điều này sẽ mở ra một cửa sổ chứa mã HTML của trang. 
 
Thẻ HTML tham khảo 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWUNZzeDRyciSz8DRFAjlR-7QcylZJIJLJ2OIfR5ZWJpPKK3LwIG3XAtn19O3bVk5poln1_v-7JJKXfLLgV0vqn3UbpKklS-2QD7-hOo6uEF2Swatn7GvXyycy-m5Iihd9U2sOkFUqKsSN/s1600/sshot-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWUNZzeDRyciSz8DRFAjlR-7QcylZJIJLJ2OIfR5ZWJpPKK3LwIG3XAtn19O3bVk5poln1_v-7JJKXfLLgV0vqn3UbpKklS-2QD7-hOo6uEF2Swatn7GvXyycy-m5Iihd9U2sOkFUqKsSN/s1600/sshot-4.png" width="640" /></a></div>
 
 
Dịch và biên tập từ w3schools bởi Quỷ Lệ - VHB Group

HTML 6 - HTML Headings

HTML Headings (Tiêu đề) Headings ( Tiêu đề) được định nghĩa với thẻ < h1 > đến < h6 > . <h1>This is a heading...

Đọc thêm »

Free share all

HTML 13 - HTML Styles - CSS

HTML 12 - HTML Comments

HTML 11 - HTML Computer Code Elements

HTML 10 - HTML Quotation and Citation Elements

HTML 9 - Các thẻ định dạng văn bản

HTML 8 - HTML Styles

HTML 7 - HTML Paragraphs

HTML 6 - HTML Headings

Bài đăng phổ biến

Bình luận

Lưu trữ Blog