HTML cơ bản (phần tiếp)

Phần trước mình đã giới thiệu định nghĩa và các thẻ html cơ bản. Trong phần này, mình sẽ giới thiệu nốt những gì liên quan đến html và để chuyển sang CSS trong phần sau. Trong phần này chúng ta sẽ tập trung trong một số thẻ cơ bản khác và tập trung vào table.

• Thẻ cơ bản khác

1. iframe. 

iframe là một thẻ rất hay để lồng một trang web khác vào trong trang web của mình chỉ bằng một cú pháp đơn giản:

<iframe src="http://www.erhay.com" width="100" height="100" scrolling="no"/>

Trong đó có scrolling là chúng ta cần chú ý đến. scrolling="no" để không hiển thị cuộn trang.
Hiển thị Demo như dưới :



Phần sau giới thiệu về CSS mình sẽ hướng dẫn cách hiển thị vị trí bất kỳ trên trang với CSS cho iframe bằng cách thêm id như sau:

<iframe id="my-iframe" src="http://www.erhay.com" width="100" height="100" scrolling="no"/>

2.Thẻ ký tự đặc biệt

Những ký tự được dùng thường xuyên nhất

Kết quả	Loại	Tên của ký tự	Số
	một khỏang trắng	 	 
<	nhỏ hơn	&lt;	&#60;
>	lớn hơn	&gt;	&#62;
&	dấu và	&amp;	&#38;
"	ngoắc kép	&quot;	&#34;
'	ngoặc đơn	&apos; (does not work in IE)	&#39;

Một vài ký tự khác

Kết quả	Loại	Tên của ký tự	Số
¢	cent	¢	¢
£	pound	£	£
¥	yen	¥	¥
§	section	§	§
©	copyright	©	©
®	registered trademark	®	®
×	nhân	×	×
÷	chia	÷	÷

• Table

Table là một thẻ rất quan trọng trong design web. Dù bạn biết về div(CSS) thì nhiều lúc table vẫn hoạt động một cách linh hoạt hơn. Cấu trúc cơ bản của một table.

<table>
 <tr>
    <td>Ô1</td>
    <td>Ô2</td>
 </tr>
</table>

Hiển thị của html bảng trên:

Ô1

Ô2

Thêm độ rộng, cao, border cho table:

<table border="1" width="100">
   <tr>
        <td>Ô1</td>
        <td>Ô2</td>
   </tr>
   <tr>
        <td>Ô3</td>
       <td>Ô4</td>
   </tr>
</table>

Hiển thị

Ô1	Ô2
Ô3	Ô4

Gộp 2 hàng gồm Ô1 và Ô2 bằng colspan="2" (colspan="2" với 2 là số ô tương ứng trên hàng)

<table border="1" width="100">   <tr>        <td align="center" colspan="2">Ô12</td>   </tr>   <tr>       <td>Ô3</td>       <td>Ô4</td>   </tr></table>​​​​​​​​​​​​​​​​​​

Hiển thị:

Ô12
Ô3	Ô4

​​​​​​​​​​​​​​​​​​
Tương tự vậy ta cũng có thể gộp Ô1 với Ô3 thành Ô13 như sau:

<table border="1" width="100">   <tr>       <td rowspan="2" align="center" bgcolor="#EEEEEE">Ô12</td>       <td>Ô2</td>   </tr>   <tr>       <td>Ô4</td>   </tr></table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Hiển thị:

Ô12	Ô2
	Ô4

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
Hai bài giới thiệu html cơ bản (gồm bài hôm trước) bạn cần nắm vững trước khi chuyển qua CSS. Bạn nên tự tập notepad cho quen. Tuy rất đơn giản nhưng tập trở lên thạo và thành thói quen thì cần mất thời gian. Chúc bạn cảm thấy vui với 2 bài giới thiệu cơ bản về html này. 

Cảm ơn bạn đã quan tâm. Mọi thắc mắc bạn có thể gửi tại : http://ask.erhay.com