• Đị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>
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
Cú pháp: <Font color = “Giá trị”></Font>
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ụ:
<H1> Giám đốc </H1>
<H2> Phó giám đốc </H2>
<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 Tạo liện 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