Html căn bản

html

Chú ý  :     <form action="http://vantaitrichau.com"> </form>  Trong đó :

• form  : Gọi là thẻ.
• action : Thuộc tính
• vantaitrichau.com : Giá trị thuộc tính

CÁC THẺ ĐỊNH ĐẠNG CHỮ VIẾT 

1. <strong>: In đậm chữ viết.
2. <i>: In nghiêng chứ viết.
3. <u>: Gạch chân chữ viết.
4. <strike>: Gạch ngang chữ viết.
5. <em>: Nhấn mạnh câu.
6. <code>: Định dạng cho một đoạn mã nào đó.
7. <hr>: Thước kẻ ngang trên tài liệu.
8. <mark>: Tô sáng chữ viết
9. <pre>  :Thẻ định dạng

THUỘC TÍNH VĂN BẢN

•  style : Thuộc tính định dạng chữ viết .
•  color : Thuộc tính  định dạng màu chữ .
•  background-color : Thuộc tính màu nền. 
•  font-size  : Thuộc tính kích thước chữ .
•  font-family : Thuộc tính dùng cho font chữ.

text-align : Thuộc tính để canh lề:

1. text-align: left; // Căn lề văn bản từ bên trái 
2. text-align: right; // Căn lề văn bản từ bên phải
3. text-align: center; // Căn lề văn bản từ chính giữa
4. text-align: justify; // Căn lề văn bản đều hai bên

text-decoration: Trang trí văn bản.

1. overline: gạch trên chữ
2. underline: gạch dưới chữ
3. line-through: gạch ngang chữ
4. none: không có gạch gì cả

• text-indent: Thêm khoảng trống trước văn bản theo chiều ngang từ trái sang phải.
• text-shadow: Thêm bóng cho văn bản.
• text-transform: Tùy chỉnh việc hiển thị chữ in hoa.

CODE MÀU CHỮ

<span style="color: red">chữ màu đỏ</span>

MÀU NỀN

<span style="color: white; background-color: red">Chữ có nền màu đỏ và màu chữ là trắng</span>

KÍCH THƯỚC CHỮ

<span style="font-size: 32px">Chữ có kích thước 32px</span>

FONT CHỮ

<span style="font-family: Arial">Font chữ Arial</span>

CANH LỀ VĂN BẢN

<span style="text-align: center">Canh giữa văn bản</span>

THẺ TẠO LIÊN KẾT NEO 

<a href="http://vantaitrichaucom" title="vận tải " target="_blank">nhấp vào đây</a>

CHÈN HÌNH VÀO HTML

<img src="http://...jpg" title="Tiêu đề của hình ảnh" alt="Tên định danh của hình ảnh" />

DANH SÁCH LIST 

A. Theo thứ tự : 

<ol>

  <li>Mục con 1</li>

  <li>Mục con 2</li>

  <li>Mục con 3</li>

  <li>Mục con 4</li>

  <li>Mục con 5</li>

</ol>

B. Theo mục la mã : 

<ol type="I">

  <li>Mục con 1</li>

  <li>Mục con 2</li>

  <li>Mục con 3</li>

  <li>Mục con 4</li>

  <li>Mục con 5</li>

</ol>

C. Không theo thứ tự : 

<ul>

  <li>Mục con 1</li>

  <li>Mục con 2</li>

  <li>Mục con 3</li>

  <li>Mục con 4</li>

  <li>Mục con 5</li>

</ul>

D. Theo kiểu mô tả : 

<p>Một website gồm có</p>

<dl>

  <dt>HTML</dt>

  <dd>- khung xương của website.</dd>

  

  <dt>CSS</dt>

  <dd>- bộ da của website</dd>

  

  <dt>Javascript</dt>

  <dd>- bộ cánh của website</dd>

  

  <dt>Ngôn ngữ server-side (ASP.NET, PHP, RUBY,..)</dt>

  <dd>- linh hồn của website</dd>

</dl>

E. Theo kiểu xếp chồng : 

<ul>

  <li>WordPress

    <ul>

      <li>WordPress Themes</li>

      <li>WordPress Plugin</li>

    </ul>

  </li>

  <li>Front-end

    <ul>

      <li>HTML</li>

      <li>CSS</li>

      <li>Javascript (jQuery, AngularJS,..)</li>

    </ul>

  </li>

</ul>

NHÚNG TÀI LIỆU HTML VÀO WEB 

<iframe src="http://thachpham.com" width="500px" height="800px" scrolling="auto"></iframe>

Bagikan

Jangan lewatkan

Html căn bản

4/ 5

Oleh nguyentrichau

nguyentrichau 20:40 Komentar