III. Các Thẻ Xử Lý Đoạn Văn Bản
Bây giờ chúng ta lần lượt đi qua các cặp thẻ hay sử dụng nhất. Xin nói
thêm: thẻ có cấu trúc: <tên_thẻ thuộc_tính1="gia_tri1"
thuộc_tính2="gia_tri2">. Tất nhiên các bạn có thể bỏ một số thuộc
tính đi (lúc đó, các thuộc tính bị bỏ đi sẽ được đặt ngầm định bởi trình
duyệt, rất khó chịu)
1. Các thẻ xử lý đoạn
a). Thẻ phân chia đoạn
Trong HTML, các đoạn tài liệu, văn bản, hình ảnh… được phân chia bằng cặp thẻ <P>văn bản</P>
Thẻ <P> có 1 số thuộc tính sau:
Align: Thuộc tính này sẽ chứa 1 trong 3 giá trị:
- center: Đoạn tài liệu sẽ được canh chỉnh vào giữa
- left: Đoạn tài liệu sẽ được canh chỉnh theo lề trái
- right: Đoạn tài liệu sẽ được canh chỉnh theo lề phải
- justify: Đoạn tài liệu sẽ được canh chỉnh theo hai bên
Ví dụ:
<HTML>
<BODY>
<p align ="justify"> Thử một tí</p>
</BODY>
</HTML>
Style:
Thuộc tính này sẽ quy định khoảng cách lề của đoạn. Trong thuộc tính
này lại có các thuộc tính con, tuy nhiên các thuộc tính con này được đặt
cách nhau bằng dấu chấm phẩy. Tất nhiên các bạn cũng có thể loại bỏ
thuộc tính con:
- margin-left : x (x là số nguyên chỉ định chiều rộng của lề trái)
- margin-right : y (y là số nguyên chỉ định chiều rộng của lề phải)
- margin-top: z (z là số nguyên chỉ định chiều rộng của lề trên)
- margin-bottom: t(t là số nguyên chỉ định chiều rộng của lề dưới)
- line-height: u% (u: khoảng cách giữa các dòng tính theo đơn vị 100 %)
Ví dụ:
<HTML>
<BODY>
<p
align ="center" style ="margin-left: 10; margin-right: 5; margin-top:
6; margin-bottom: 6"> Thử hai tí. Tí thứ 2 này xác định đoạn văn bản
căn giữa, có lề trái = 10, lề phải bằng 5, lề trên = 6, lề dưới = 6. Hết
tí thứ 2.</p>
<p align ="left" > Thử ba tí. Tí thứ 3 này
xác định đoạn văn bản căn trái, các lề đặt theo mặc định của trình
duyệt</p>
<p align ="left" style="line-height: 150%" >
Thử ba tí. Tí thứ 3 này xác định đoạn văn bản căn trái, các lề đặt theo
mặc định của trình duyệt</p>
</BODY>
</HTML>
b. Thẻ xuống dòng
Trong HTML, các ký tự xuống dòng không được sử dụng. Để ngắt một dòng nào đó, ta dùng thẻ <BR>. Đây là 1 thẻ đơn:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<p align="left" style="margin-left : 30">
Trung
thu là tết thiếu nhi<BR>Tại sao người lớn lại đi chơi nhiều
<BR>Chơi nhiều thì sẽ làm liều<BR>Làm liều lại đẻ ra nhiều
thiếu nhi<BR></p>
</BODY>
</HTML>
Chú ý:
Một cặp thẻ khác cũng được sử dụng để canh chỉnh đoạn tài liệu hay bảng biểu:
- <center>…</center>: Xác định canh chỉnh một đoạn tài liệu hoặc bảng biểu vào giữa trang.
-
IMindMap 8.0.4 iMindMap là công cụ tuyệt vời để vẽ bản đồ tư duy đem mọi chi tiết trong đầu bạn ra thành các ý tươgnr, để nắm bắt ý tư...
-
1. Download Bamboo in : http://www.atlassian.com/software/bamboo/download?os=linux cd ~ mkdir BAMBOO cd BAMBOO wget http://www.atlassia...
-
1.Giới thiệu về Vim Vim – Vi iMprove là bản cải thiện của Vim – một trình soạn thảo phổ biến trên Unix. Vim có tính cấu hình rất cao ...
Không có nhận xét nào:
Đăng nhận xét