Các thẻ định dạng văn bản

Một phần của tài liệu Tài liệu Internet và intranet pdf (Trang 28 - 31)

• Định dạng chữ

ƒ Cú pháp <FONT Face = “fontname1,fontname2,..></Font>

ƒ Trong đó:

o fontname1 là phông chữ được chọn

o fontname2 được sử dụng khi trên máy người dùng không tôn tài fontname1 o Ví dụ: <font face = “Arial, Time new roman”, bold>

• Định dạng kích thước chữ: dùng để định kích thước cho toàn bộ văn bản

ƒ Cú pháp: <Basefont size = “n”>

ƒ n mang giá trị từ 1 đến 7. Giá trị mặc định là 3. • Định màu cho văn bản

ƒ Color: là màu dùng cho chữ. Giá trị màu có thể gõ bằng chữ hoặc hệ số hexa (16)

ƒ Ví dụ: <Font color=“red”> Lớp lập trình Web </font> <Font color=“#FF000”> Lớp lập trình Web</font>

• Định dạng chữ

ƒ Thẻ <B>nội dụng</B> hoặc <Strong>Nội dung</Strong>

ƒ Thẻ <I>nội dụng</i> hoặc <em>nội dụng</em> • Định dạng chỉ số trên mà dưới ƒ Chỉ số trên: <SUP></SUP> ƒ Ví dụ: AX2+BX+C =0 AX<SUP>2</SUP>+BX+C=0 ƒ Chỉ số dưới: <SUB></SUB> - Ví dụ: C+02=C02 C+O<SUB>2</SUB>=CO<SUB>2</SUB> • Phân đoạn văn bản

ƒ Cú pháp <P thuộc tính=“giá trị”>

ƒ Thuộc tính align: canh đoạn văn bản. Align có thể nhận các giá trị sau – Left: nội dụng trong đoạn được canh trái

– Righ: nội dung trong đoạn được canh phải – Center: nội dung trong đoạn được canh giữa

• Thẻ phân cấp đề mục: Trong HTML cho phép sử dụng 6 cấp đề mục trong trang Web

ƒ Cú pháp: <Hn>Nội dung</Hn> với n mang giá trị từ 1 tới 6

ƒ Ví dụ:

z <H1> Giám đốc </H1>

z <H2> Phó giám đốc </H2>

z <H3> Nhân viên </H> • Chèn hình ảnh vào trang Web

ƒ Cú pháp: <IMG SRC= “tên tập tin chứa hình ảnh>

ƒ Tên tệp tin chứa hình ảnh có cả đường dẫn thư mục. Nếu tệp tin hình ảnh được đặt cùng thư mục với thư mục chứa trang Web thì không cần đường dẫn thư mực

ƒ Ví dụ <IMG SRC=“images/anh1.jpg”> • Thêm đường viên xung quanh hình ảnh

ƒ Cú pháp: <IMG SRC=“tên file” Border=“n”>

ƒ Với n là độ dày của đường biên ảnh, tính bằng pixel

ƒ Ví dụ <IMG SRC=“images/anh1.jpg” border=“2”> • Canh chỉnh hình ảnh

ƒ Cú pháp: <IMG align=“giá trị”>Nội dung

ƒ Giá Trị:

o left: hình ảnh nằm bên trái màn hình o right: hình ảnh nằm bên phải màn hình o center: hình ảnh nằm giữa màn hình

o Ví dụ <image src="IBM.jpg" align=“left">Xin chào • Thêm chữ xung quanh hình ảnh

ƒ Cú pháp: <IMG SRC=“tên file” align=“giá trị”> Nội dung

ƒ Giá trị

o Top: ví trí văn bản nằm ở phái trên hình ảnh o middle: vị trí văn bản nằm ở giữa hình ảnh o bottom: vị trí văn bản nằm ở dưới hình ảnh • Chèn ảnh nèn

<html>

<body background="background.jpg"> <h3>Look: A background image!</h3>

<p>Both gif and jpg files can be used as HTML backgrounds.</p> <p>If the image is smaller than the page, the image will repeat itself.</p> </body>

</html>

• Đường kẻ ngang trang Web

ƒ Thẻ <HR>: dùng để kẽ đường ngang trên trang Web, giúp trang Web rõ ràng hơn.

ƒ Cú pháp:

o <HR size=“n” width=“w” align=“giá trị”>

™ Size: độ dày/mỏng của đường kẻ tính bằng pixel

™ Width: chiều rộng của đường kẻ tính bằng pixel

™ Align: canh đường kẻ. Có 3 giá trị left,right, center • Định màu nền cho trang Web

ƒ Để đình mầu nền cho trang Web, bổ sung thuộc tính bgcolor vào trong thẻ BODY

ƒ Cú pháp <BODY bgcolor=“color”>

ƒ Color là màu cần định cho trang Web • Định ảnh nền cho trang Web

ƒ Dùng hình ảnh làm nền cho toàn trang Web thày vì sử dụng màu nền

ƒ Cú pháp <BODY background=“tên tệp”>

ƒ Tên tệp là tên tệp tin hình ảnh càn làm nền cho trang Web • Xuống dòng trong trang Web

ƒ Cú pháp <BR> • Tạo danh sách theo thứ tự

ƒ Cú pháp

<OL Type = X START=n>

<LI> Nội dung mục 1 <LI> Nội dung mục 2 …..

<LI> Nội dung mục N

</OL>

ƒ Trong đó X đỉnh kiểu ký hiệu sẽ được sử dụng trong danh sách o A là chữ hoa

o a danh sách được đanh theo thứ tự chữ thường o I,I,1

o N là giá trị bắt đầu của danh sách • Tạo dấm tròn (bullet) cho danh sách

ƒ Cú pháp

<UL Type=“kiểu chấm tròn”> <LI> Nội dung mục 1

<LI> Nội dung mục 2 …..

<LI> Nội dung mục N </UL>

ƒ Trong đó “kiểu chấm tròn” mang một trong 3 giá trị sau: o disc: kiểu dấu chấm tròn đậm

o Circle: kiểu dấu chấm tròn rỗng o Square: kiểu dấu chấm vuông đặc

• Tạo danh sách định nghĩa: là loại danh sách có dạng một từ hay một cụm từ kèm theo nội dung dài, rất thích hợp giải thích ý nghĩ của nội dung

ƒ Cú pháp: sử dụng các thẻ <DL>, <DT>, <DD> o <DL>: để tạo danh sách định nghĩa

o <DT> :đánh dấu thuật ngữ được định nghĩa trong danh sách o <DD>: giải thích thuật ngữ ở trên

ƒ Ví dụ <DL>

<DT><B>Hướng công nghệ phần mềm></B> <DD>

Đào tạo ra những lập trình viên, đáp ứng nhu cầu cần thiết của xã hội </DD>

</DL>

2.3.3 To lin kết (link)

Liên kết là đặc trưng WWW, cho phép người dùng chuyển từ mục này sang mục khác trong cùng một trang hoặc chuyển sang một trang Web này sang một trang Web khác

a. Liên kết trong cùng một trang Web: cho phép liên kết đến các mục bên trong một trang Web.

• Các bước thực hiện

ƒ Tạo một điểm neo (bookmark)

o Cú pháp: <a name=“tên điểm neo cần tạo”>NDung</A>

ƒ Tạo liên kết đến điểm neo

o Cú pháp: <a href=“#tên điểm neo cần liên kết đến”</A> o Dấu # báo cho trình duyệt biết liên kết này là nội bộ

ƒ Ví dụ: `

b.Tạo liên kết đến các trang Web khác

ƒ Cú pháp <A href=“URL”>Nội dung</A> o Ví dụ

¾ <a herf=http://www.vimaru.edu.vn>DHHH</A> o Thuộc tính

¾ Target=“giá trị”: mở liên kết ở vị trí nào?phụ thuộc giá trị – _blank:nạp liên kết vào một cửa sổ trống mới

– _parent: nạp liên kết vào cửa sổ cha gần nhất của trang Web hiện thời

– _self: nạp liên kết vào cùng cửa sổ với trang Web hiện hành – _top: nạp liên kết vào cửa sổ cao nhất

Một phần của tài liệu Tài liệu Internet và intranet pdf (Trang 28 - 31)

Tải bản đầy đủ (PDF)

(123 trang)