Tag xuống dòng sang đoạn mới <P> </P>: Tag xuống dòng sang đoạn mới <P> </P>: • Ngắt văn bản sang đoạn mới Ngắt văn bản sang đoạn mới. • Thành phần </P> c[r]
(1)I
I Tìm hiểu ngơn ngữ lập trình HTML:Tìm hiểu ngơn ngữ lập trình HTML:
1 Cấu trúc trang web:Cấu trúc trang web: <HTML>
<HTML> <HEAD> <HEAD>
<TITLE> tiêu đề trang web</title> <TITLE> tiêu đề trang web</title>
</HEAD> </HEAD>
<BODY> <BODY>
Thân trang web Thân trang web
</BODY> </BODY> </HTML> </HTML>
(2)2
2 Cú pháp tag tổng quát:Cú pháp tag tổng quát:
Cú pháp tag tổng quát tag: Cú pháp tag tổng quát tag:
<tên_tag> chuỗi văn </tên_tag> <tên_tag> chuỗi văn </tên_tag> tên_tag gõ vào dạng chữ thường tên_tag gõ vào dạng chữ thường
hoa tag lồng vào hoa tag lồng vào
nhau
3
3 Tạo đầu trang <HTML> </HTML>:Tạo đầu trang <HTML> </HTML>:
Tag<HTML> đầu trang web tĩnh Tag<HTML> đầu trang web tĩnh
</HTML> cuối trang </HTML> cuối trang
Trang web bắt đầu kết thúc Trang web bắt đầu kết thúc
(3)4
4 Tag bắt đầu <Head> </Head>:Tag bắt đầu <Head> </Head>:
Tag <Head> đánh dấu điểm bắt đầu Tag <Head> đánh dấu điểm bắt đầu
phần_đầu_Heading trang web phần_đầu_Heading trang web
5
5 Tag tiêu đề <Title> </Title>:Tag tiêu đề <Title> </Title>:
• Tag<Title> định tiêu đề trang Tag<Title> định tiêu đề trang
web web
• Tiêu đề xuất tiêu Tiêu đề xuất tiêu
đề trình duyệt đề trình duyệt
• Tag hợp lệ đưa vào bên Tag hợp lệ đưa vào bên
(4)6
6 Tag thân trang<BODY> </BODY>:Tag thân trang<BODY> </BODY>:
Dùng định bắt đầu kết thúc phần nội Dùng định bắt đầu kết thúc phần nội
dung trang web định nghĩa sau: dung trang web định nghĩa sau:
<BODY <BODY
BACKGROUD= url BACKGROUD= url BGCOLOR = color BGCOLOR = color
BGPROPERTIES = FIXED BGPROPERTIES = FIXED
LEFT MARGIN = n LEFT MARGIN = n
LINK =color LINK =color
TOPMARGIN = n TOPMARGIN = n
(5)7
7 Tag xuống dòng sang đoạn <P> </P>:Tag xuống dịng sang đoạn <P> </P>: • Ngắt văn sang đoạn mớiNgắt văn sang đoạn mới
• Thành phần </P> cuối đoạn khơng thiết phải Thành phần </P> cuối đoạn không thiết phải
có có
• Tag định nghĩa sau:Tag định nghĩa sau:
<P ALIGN_align_type>, ALIGN= align_type dùng <P ALIGN_align_type>, ALIGN= align_type dùng
chỉ định canh đoạn định canh đoạn
Align_type =LEFT (canh trái) Align_type =LEFT (canh trái)
RIGHT (canh phải) RIGHT (canh phải)
(6)8
8 Tag xuống dòng khơng sang đoạn <BR> </BR>:Tag xuống dịng khơng sang đoạn <BR> </BR>: Ngắt xuống dòng thuộc
Ngắt xuống dòng thuộc
đoạn hành
đoạn hành
</BR> khơng thiết phải có
</BR> khơng thiết phải có
9 Tag thêm đường thẳng nằm ngang <HR> </HR>:Tag thêm đường thẳng nằm ngang <HR> </HR>: Tag định nghĩa sau:
Tag định nghĩa sau:
<HR
<HR
ALIGN = align-type
ALIGN = align-type
COLOR = color
COLOR = color
NOSHADE
NOSHADE
SIZE = n
SIZE = n
WIDTH = m>
(7)10
10 Tag đậm <B> </B>:Tag đậm <B> </B>:
Hiển thị văn đậm phisical type Hiển thị văn đậm phisical type
11
11 Tag nghiêng <I> </I>:Tag nghiêng <I> </I>:
Hiển thị văn nghiêng theo phisical type Hiển thị văn nghiêng theo phisical type
12
12 Tag gạch <U> </U>:Tag gạch <U> </U>:
Hiển thị văn gạch theo phisical type Hiển thị văn gạch theo phisical type
13
13 Tag gạch <S> </S>:Tag gạch <S> </S>:
Hiển thị văn gạch theo phisical type Hiển thị văn gạch theo phisical type
14
14 Tag đậm logic type <STRONG> </STRONG>Tag đậm logic type <STRONG> </STRONG>
(8)15
15 Tag nghiêng logic type <EM> </EM>:Tag nghiêng logic type <EM> </EM>:
Hiển thị văn nghiêng theo logic type Hiển thị văn nghiêng theo logic type
16
16 Tag gạch ngang logic type <STRIKE> Tag gạch ngang logic type <STRIKE>
</STRIKE> : </STRIKE> :
Hiển thị văn ngang theo logic type Hiển thị văn ngang theo logic type
17
17 Tag số logic type <SUB> </SUB>:Tag số logic type <SUB> </SUB>:
Hiển thị văn dạng số theo logic type Hiển thị văn dạng số theo logic type
18
18 Tag mủ logic type <SUP> </SUP>:Tag mủ logic type <SUP> </SUP>:
(9)19
19 Tag Font chữ <FONT></FONT>:Tag Font chữ <FONT></FONT>:
Chỉ định font, size, màu văn Chỉ định font, size, màu văn
<FONT <FONT
SIZE= n SIZE= n
FACE = name FACE = name
COLOR = color COLOR = color
20
20 Tag định dạng bảng <TABLE></TR><TD></TABLE>Tag định dạng bảng <TABLE></TR><TD></TABLE>
Sử dụng tag <TABLE> để bắt đầu kết thúc Sử dụng tag <TABLE> để bắt đầu kết thúc
bảng bảng
Sử dung kèm theo với tag <TR></TR> để thêm Sử dung kèm theo với tag <TR></TR> để thêm dòng bảng tag <TD></TD> để thêm dịng bảng tag <TD></TD> để thêm ô
(10)21
21 Tag mức tiêu đề <hN></hN>:Tag mức tiêu đề <hN></hN>:
Dùng để tạo tiêu đề to nhỏ tuỳ ý theo Dùng để tạo tiêu đề to nhỏ tuỳ ý theo
cấp tiêu đề trang web cấp tiêu đề trang web
Có cấp tiêu đề khác định Có cấp tiêu đề khác định
nghĩa sau: nghĩa sau:
<hN> Text xuất tiêu đề </hN> <hN> Text xuất tiêu đề </hN>
(11)