Giới thiệu các thẻ HTML cơ bản (Bài 3) Phần 1

Chức năng của một số thẻ HTML cơ bản:

+ Thẻ <p> Dùng xuất ra một đoạn văn bản </p>
- Trong thẻ p có thuộc tính align dùng để canh lề cho đoạn văn bản với align=left|right|center|bottom
+ Thẻ <br> để tạo xuống dòng
cho văn bản và thẻ này là thẻ đặc biệt không có thẻ kết thúc
+ Thẻ <b>dùng để làm đậm văn bản</b>
+ Thẻ <strong>cũng để làm đậm văn bản</strong>
+ Thẻ <i>dùng để làm nghiêng văn bản</i>
+ Thẻ <em>cũng dùng để làm nghiêng văn bản</em>
+ Thẻ <u>Dùng để tạo gạch dưới cho văn bản</u>
+ Thẻ <s>Dùng để tạo gạch ngang cho văn bản</s>
+ Thẻ <strike>Cũng dùng để tạo gạch ngang cho văn bản</strike>
+ Thẻ <font>Dùng để định kích cỡ , màu, kiểu font cho văn bản</font> với 3 thuộc tính như:
- color="mau"
- size="kichco"
- face="kieu font"
+ Ví dụ: Cú pháp viết thẻ font như sau: <font size="20" color="#FF0000" face="Arial">Thẻ font dùng để định kích cỡ , màu, kiểu font cho văn bản</font>

Cách sử dụng thẻ tạo danh sách có thứ tự:

Cú pháp: <ol type="a" start="2">
                    <li>Học Làm Web Online</li>
                   <li>Thiết kế Giao Diện Website Online</li>
                   <li>Lập Trình PHP Online
                         <ol>
                                <li>Lập Trình PHP Cơ Bản Online</li>
                                 <li>Lập Trình PHP Nâng Cao Online</li>
                         </ol>
                    </li>
                    <lí>Lập Trình HTML5/CSS3/Javascript Online</li>
               </ol>

+ Trong đó type là kiểu có các giá trị như: a, A, I, i
+ Trong đó start là thứ tự của danh sách: start='n" với n là số nguyên dương.

Cách sử dụng thẻ tạo danh sách không có thứ tự: 

Cú pháp:
<ul type="square">
 <li>Dreamweaver
  <ul>
   <li>Minh Dũ</li>
   <li>Phương Thảo</li>
  </ul>
 </li>
 <li>Viết Blog</li>
 <li>Nghe Nhạc</li>
</ul>
+ Thuộc tính type có các giá trị sau: square, circle, disc

 Cú pháp viết thẻ tạo tiêu đề đoạn:

<h1> Tiêu đề đoạn cấp 1 </h1>
<h2> Tiêu đề đoạn cấp 2 </h2>
<h3> Tiêu đề đoạn cấp 3 </h3>
<h4> Tiêu đề đoạn cấp 4 </h4>
<h5> Tiêu đề đoạn cấp 5 </h5>
<h6> Tiêu đề đoạn cấp 6 </h6>

+ Thẻ <img> dùng để chèn hình ảnh vào trang web (chú ý đây là thẻ đặc biệt không có thẻ kết thúc </img>)
+ Thẻ <img> có các thuộc tính cơ bản như sau:
     - src: Dùng để chỉ đường dẫn tới hình ảnh
     - width: Dùng để định độ rộng cho hình ảnh
     - height: Dùng để định chiều cào cho hình ảnh
     - border=n: Dùng định đường viền cho hình ảnh
     - alt: Dùng để tạo chú thích cho hình ảnh
     - title: Dùng để tạo tooltip khi di chuyển qua hình ảnh
     - hspace: Dùng để định khoảng cách từ hình đế nội dung văn bản theo chiều ngang
     - align="left": Dùng để canh lề hình qua bên trái, nội dung mô tả cho hình sẽ nằm bên phải

Ví dụ: <img src="images/hocwebgiare.jpg" width="100" height="100" alt="Học Web Giá Rẻ" title="Học Thiết Kế Web Lành Nghề với giả rẻ nhất" border="0">

Chia Sẻ

Bài viết liên quan

Previous
Next Post »