TỰ HỌC LẬP TRÌNH WEB

<big> Nhập văn bản vào bạn muốn tăng cỡ chữ lớn hơn </big>

<small> Nhập văn bản bạn muốn giảm cỡ chữ bé hơn <small>

<Strike> Nhập văn bản cần gạch bỏ </Strike>

<u> Nhập đoạn văn bản cần gạch dưới </u>

<del> Nhập vào đoạn văn bản cần xoá </del>

<s> Nhập đoạn văn bản cần xoá </s>

<mark>Chữ màu nổi</mark>

Dùng cặp thẻ <ul></ul> để xác định một danh sách không có thứ tự

<ul>

<li>HTML</li>

<li>CSS</li>

<li>JavaScript</li>

</ul>

Đặt thuộc tính type= "kiểu danh sách" vào trong thẻ <ul> để xác

định kiểu cho danh sách.

<ul type="kiểu danh sách">

<li>HTML</li>

<li>CSS</li>

<li>JavaScript</li>

</ul>

Trong đó, kiểu danh sách có thể là:

 disc (tạo ký hiệu chấm tròn đen phía trước danh sách)

 circle (tạo ký hiệu chấm tròn trắng phía trước danh sách)

 square (tạo ký hiệu ô vuông đen phía trước danh sách)

 none (không tạo ký hiệu phía trước danh sách)

Dùng cặp thẻ <ol></ol> để xác định một danh sách có thứ tự

<ol>

</ol>
Bước 2: Xác định các phần tử trong danh sách bằng cặp thẻ <li></li>

<ol>

<li>HTML</li>

<li>CSS</li>

<li>JavaScript</li>

</ol>

Dùng cặp thẻ <dd></dd> để xác định các miệu tả, và đặt chúng

dưới các ý chính của danh sách.

Ví dụ:

<dl>

<dt>HTML/CSS</dt>

<dd>HTML</dd>

<dd>CSS</dd>

<dt>JavaScript</dt>

<dd>JavaScript</dd>

32

<dd>jQuery</dd>

<dt>Server Side</dt>

<dd>PHP</dd>

<dd>MySQL</dd>

</dl>

CANH LỀ ĐOẠN VĂN

left: canh cho đoạn văn nằm bên trái (mặc định là đoạn văn được nằm

ở bên trái, nên giá trị này không cần thiết)

33

 center: canh cho đoạn văn nằm ở giữa

 right: canh cho đoạn văn nằm bên phải

 justify: canh đều hai bên mép trái phải cho đoạn văn

Ví dụ

<p align="left"> HTML cơ bản</p>

<p align="center"> HTML cơ bản</p>

<p align="right"> HTML cơ bản</p>

<p align="justify"> HTML cơ bản</p>

THẺ <DIV>

Thẻ <div> là một trong những thẻ quan trọng và được sử dụng nhiều nhất trong

HTML.

Thẻ <div> thường được dùng để nhóm các phần tử lại với nhau thành một khối

để tiện cho việc định dạng tập thể.

LIÊN KẾT

<a href="URL" target="kiểu mở liên kết">Nội dung đại diện cho liên

kết</a>

VD:

<a href="http://webcoban.vn">Liên kết 1</a>

<a href="http://webcoban.vn" target="_self">Liên kết 2</a>

<a href="http://webcoban.vn" target="_blank">Liên kết 3</a>

BẢNG:

Dùng cặp thẻ <table></table> để tạo một cái bảng.

<table>

</table>

Bước 2: Dùng cặp thẻ <tr></tr> để tạo hàng cho bảng (một cặp thẻ <tr></tr>

tương ứng với một hàng)

<table>

<tr></tr>

<tr></tr>

<tr></tr>
<tr></tr>

</table>

Đặt cặp thẻ <td></td> vào bên trong cặp thẻ <tr></tr> để tạo ô cho hàng

(một cặp thẻ <td></td> tương ứng với một ô). Cuối cùng, thêm thuộc

tính border với giá trị 1px vào bên trong thẻ <table> để tạo đường viền cho bảng.

<table border="1px">

<tr>

<td>HTML</td>

<td>jQuery</td>

<td>PHP</td>

</tr>

<tr>

<td>CSS</td>

<td>Ajax</td>

<td>MySQL</td>

</tr>

<tr>

<td>Bootstrap 3</td>

<td>Angularjs</td>

<td>ASP.NET</td>

</tr>

</table>

NẾU IN DẠAM DÒNG ĐẦU TIÊN DÙNG THẺ <th>

ĐỊNH DẠNG BẢNG

border Thiết lập độ dày của đường viền bao xung quanh bảng

cellpadding

Thiết lập khoảng cách giữa nội dung của ô và đường viền của
cellspacing Thiết lập khoảng cách giữa hai ô

bgcolor

Thiết lập màu nền

 Nếu đặt bên trong thẻ <table> thì sẽ thiết lập màu nền

cho bảng

 Nếu đặt bên trong thẻ <tr> thì sẽ thiết lập màu nền cho

hàng

 Nếu đặt bên trong thẻ <td> hoặc <th> thì sẽ thiết lập

màu nền cho ô