Đừng nghĩ rằng bạn đang cô đơn bởi vì có ai đó đang sẵn sàng giơ tay cho bạn nắm. Hãy cùng chia sẻ để vơi đi nỗi buồn và tận hưởng trọn vẹn niềm vui trong cuộc sống này bạn nhé!










You are not connected. Please login or register

codeforumotion6 » Thiết Kế Web » HTML/CSS » [Thiết Kế Web] Các Tabs trong HTML

1[Thiết Kế Web] Các Tabs trong HTML Empty [Thiết Kế Web] Các Tabs trong HTML Tue Jul 02, 2013 7:04 pm

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com



Được sửa bởi tvt-12cth1 ngày Tue Jul 02, 2013 8:20 pm; sửa lần 2.

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs HTML

+ Cú pháp
Code:
<html>

Nội Dung Trang HTML


</html>

+ Đây Là Tabs quan trong nhất của 1 trang HTML. Nó bao quanh toàn bộ trang Web của chúng ta.

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs Head

+ Cú Pháp

Code:

<head>
  Nội Dung Header
</head>

+ Những nội dung không hiện thị nên trang web, bạn nên bỏ trong tabs này. VD: CSS, Javascript , Jquery ,....

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs Body

+ Cú Pháp

Code:

<body>
  Nội Dung Trang Web
</body>

+ Nội dung của trang web được hiện thị trong tabs này. Thường là banner, main , footer

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Cấu tạo chung của 1 trang web

Code:

<html>
   <head>
     <!--Khai báo để viết được tiếng việt trong trang web-->
       <meta charset="utf-8" />
       <!--Tiêu Đề Của Trang Web-->
        <title></title>
   </head>
   <body>
      
   <!--Nội Dung Trang Web-->
 
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs Table

Code:

<table width="" border="" cellspacing="" cellpadding="" >
  <tr>
      <td></td>
  </tr>
</table>

+ Width: Chiều dài của table
+ border: đường viền của table.
    * border="0": Không có border
    * border="1": có border
+ cellspacing: khoảng cách giữa các cột
+ cellpadding: Khoảng cách giữa nội dung trong bảng so với bảng
+ <tr>: Hàng trong bảng
+ <td>: Cột trong bảng

VD:

Code:

  <html>
   <head>
      <meta charset="utf-8" />
        <title>Ví Dụ Về Table</title>
   </head>
   <body>
       <table width="200" border="1"  cellspacing="0" cellpadding="0">
           <tr>
                 <td width="50%">Td 1</td>
                 <td width="50%">Td 2</td>
           </tr>
           <tr>
                 <td width="50%">Td 3</td>
                 <td width="50%">Td 4</td>
           </tr>
      </table>
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs p

Code:

  <p>Nội dung</p>

+ Viết tắt của từ paragraph. Định dạng nội dung văn bản có xuống dòng


+ VD:
Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về paragraph</title>
  </head>
  <body>
      Nội dung văn bản 1 không có p
      nội dung văn bản 2 không  có p   
<hr />
      <p>Nội dung văn bản 1 có p</p>
      <p>nội dung văn bản 2 có p</p>
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Thẻ h

+ Cú Pháp

Code:

<h1></h1>
<h2></h2>
..
..
<h6></h6>

+ Viết tắt của từ heading gồm 6 thẻ từ 1 đến 6.

VD:
Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về heading</title>
  </head>
  <body>
    <h1>thẻ h1</h1>
    <h2>thẻ h2</h2>
    <h3>thẻ h3</h3>
    <h4>thẻ h4</h4>
    <h5>thẻ h5</h5>
    <h6>thẻ h6</h6>
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs div


+ Cú Pháp
Code:

<div>Nội dung</div>

+ Dùng để nhúng css vào HTML

VD:
Code:

<html>
 <head>
   
     <meta charset="utf-8" />
     <style>
        #vd
         {
             color:blue;
             font-weight:bold;
          }
     </style>
       <title>Ví Dụ Về div</title>
 </head>
 <body>
    <div id="vd">VD về thẻ div</div>
 </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs form


+ Cú pháp
Code:

<form>Nội dung trong form</form>

+ Tạo form cho 1 trang web, nếu lập trình web bằng ASP.Net thì form này rất quan trọng.

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs input

+Cú Pháp
Code:

  <input type="" />

+ Các loại type
* radio
* checkbox
* submit
* password
* text

VD:

Code:

  <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về heading</title>
  </head>
  <body>
    <input type="text" />Input text<br />
    <input type="password" />Input password<br />
    <input type="radio" />Input Radio<br />
    <input type="checkbox" />Input checkbox<br />
    <input type="submit" />Input submit<br />
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs br

+ Cú pháp
Code:

<br />

+ Dùng để xuống hàng trong HTML

VD:
Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về br</title>
  </head>
  <body>
  - Đây là đoạn văn bản không có br
<br />
  - Đây là đoạn văn bản <br />có br
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
tabs hr

+ Cú Pháp

Code:

<hr />

+ Tạo ra 1 đường gạch ngang dài

VD:
Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về hr</title>
  </head>
  <body>
 
<br />
  <hr />
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs img

+ Cú pháp

Code:

<img src="" />

+ src: là đường dẫn của link ảnh

VD:

Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về images</title>
  </head>
  <body>
 
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn1/s32x32/173814_100002747847260_442880320_q.jpg" />
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs ul li

+ Cú pháp
Code:

<ul>
  <li>Nội dung</li>
</ul>

+ Tạo ra 1 danh sách

VD:

Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về List</title>
  </head>
  <body>
 
<ul>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
  <li>List 4</li>
  <li>List n</li>
</ul>
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs b

+ Cú pháp
Code:

<b>Nội dung in đậm</b>

+ In đậm 1 đoạn văn bản

VD:

Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về List</title>
  </head>
  <body>
    Đoạn văn bản này không được in đậm
<br />
<b>Đoạn văn bản này được in đậm</b>
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
tabs i

+ Cú pháp

Code:

<i>Nội dung in nghiêng</i>

+ In nghiêng 1 đoạn văn bản

VD:

Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về italic</title>
  </head>
  <body>
    Đoạn văn bản này không được in nghiêng
<br />
<i>Đoạn văn bản này được in nghiêng</i>
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs u

+ Cú Pháp

Code:

<u>Nội dung gạch chân</u>

+ Gạch chân 1 đoạn văn bản

Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về u</title>
  </head>
  <body>
    Đoạn văn bản này không được gạch chân
<br />
<u>Đoạn văn bản này được gạch chân</u>
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
Tabs font


+ Cú pháp
Code:

  <font>Nội dung</font>

+ Gồm 2 loại
* <font color="màu"></font>
* <font size="kích thước"></font>

VD:
Code:

 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về font</title>
  </head>
  <body>
    Đoạn văn bản bình thường
<br />
  <font size="5">Đoạn văn bản có font size=5</font>
<br />
<font color="red">Đoạn văn bản có font color=red</font>
  </body>
</html>

posts :
114
:
Points :
10236
:
avatar-dulieu :
57,11757|50,11908|49,10855|64,12636|51,11463|48,12290|58,12220|66,11458
:
Thanked :
12
:
Birthday :
10/02/1994
:
Age :
30
:
tvt-12cth1

Admin

Admin
https://laptrinhc.forumvi.com
tabs marquee

+ Cú pháp
Code:

 <marquee>Nội dung chay</marquee>

+ Tạo chữ chạy trong html

VD:
Code:
 <html>
  <head>
   
      <meta charset="utf-8" />
     
        <title>Ví Dụ Về marquee</title>
  </head>
  <body>
    <marquee>Thẻ marquee</marquee>
  </body>
</html>



Load

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

codeforumotion6 » Thiết Kế Web » HTML/CSS » [Thiết Kế Web] Các Tabs trong HTML

Permissions in this forum:
Bạn không có quyền trả lời bài viết


Loadding...
Tắt Load Ajax


[Thiết Kế Web] Các Tabs trong HTML Logo-billboard
© CodeForum - RIP by Trần Văn Thỏa
© CodeForum - Edit byLasperpen