HTML

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (765.14 KB, 11 trang )

I. Tìm hiểu về ngơn ngữ lập trình HTML:<sub>Tìm hiểu về ngơn ngữ lập trình HTML:</sub>
1.

1. Cấu trúc trang web:Cấu trúc trang web:
<HTML>

<TITLE> tiêu đề trang web</title>
<TITLE> tiêu đề trang web</title>

</HEAD>
</HEAD>

Thân trang web
Thân trang web

</BODY>
</BODY>
</HTML>
</HTML>

</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>

2. Cú pháp tag tổng quát:<sub>Cú pháp tag tổng quát:</sub>

Cú pháp tag tổng quát của một tag:
Cú pháp tag tổng quát của một tag:

<tên_tag> chuỗi văn bản </tên_tag>
<tên_tag> chuỗi văn bản </tên_tag>
tên_tag gõ vào dạng chữ thường hoặc
tên_tag gõ vào dạng chữ thường hoặc

hoa đều được và các tag có thể lồng vào
hoa đều được và các tag có thể lồng vào

nhau.
nhau.

3. Tạo đầu trang <HTML> </HTML>:<sub>Tạo đầu trang <HTML> </HTML>:</sub>

Tag<HTML> ở đầu trang web tĩnh và
Tag<HTML> ở đầu trang web tĩnh và

</HTML> ở cuối trang .
</HTML> ở cuối trang .

Trang web được bắt đầu và kết thúc bởi
Trang web được bắt đầu và kết thúc bởi

</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>

4. Tag bắt đầu <Head> </Head>:<sub>Tag bắt đầu <Head> </Head>:</sub>

Tag <Head> đánh dấu điểm bắt đầu
Tag <Head> đánh dấu điểm bắt đầu

phần_đầu_Heading của trang web.
phần_đầu_Heading của trang web.

5. Tag tiêu đề <Title> </Title>:<sub>Tag tiêu đề <Title> </Title>:</sub>

• Tag<Title> chỉ định tiêu đề của trang <sub>Tag<Title> chỉ định tiêu đề của trang </sub>

web
web

• <sub>Tiêu đề này sẽ xuất hiện trên thanh tiêu </sub><sub>Tiêu đề này sẽ xuất hiện trên thanh tiêu </sub>

đề của trình duyệt
đề của trình duyệt

• Tag này chỉ hợp lệ khi đưa vào bên trong <sub>Tag này chỉ hợp lệ khi đưa vào bên trong </sub>

</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>

6. Tag thân trang<BODY> </BODY>:<sub>Tag thân trang<BODY> </BODY>:</sub>

Dùng chỉ định bắt đầu và kết thúc phần nội

dung trang web này được định nghĩa như sau:
dung trang web này được định nghĩa như 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

</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5>

7. Tag xuống dòng sang đoạn mới <P> </P>:<sub>Tag xuống dịng sang đoạn mới <P> </P>:</sub>
• Ngắt văn bản sang đoạn mới<sub>Ngắt văn bản sang đoạn mới</sub>

• <sub>Thành phần </P> cuối đoạn không nhất thiết phải </sub><sub>Thành phần </P> cuối đoạn khơng nhất thiết phải </sub>

có
có

• <sub>Tag này được định nghĩa như sau:</sub><sub>Tag này được định nghĩa như sau:</sub>

<P ALIGN_align_type>, ALIGN= align_type dùng
<P ALIGN_align_type>, ALIGN= align_type dùng

chỉ định canh đoạn mới .
chỉ định canh đoạn mới .

Align_type =LEFT (canh trái)
Align_type =LEFT (canh trái)

RIGHT (canh phải)
RIGHT (canh phải)

</div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>

8. Tag xuống dịng khơng sang đoạn mới <BR> </BR>:<sub>Tag xuống dịng khơng sang đoạn mới <BR> </BR>:</sub>
Ngắt xuống dòng mới nhưng vẫn thuộc cùng một

Ngắt xuống dòng mới nhưng vẫn thuộc cùng một

đoạn hiện hành

</BR> khơng nhất thiết phải có

</BR> khơng nhất thiết phải có
9.

9. Tag thêm đường thẳng nằm ngang <HR> </HR>:<sub>Tag thêm đường thẳng nằm ngang <HR> </HR>:</sub>
Tag này được định nghĩa như sau:

Tag này được định nghĩa như sau:

<HR

ALIGN = align-type

COLOR = color

NOSHADE

SIZE = n

WIDTH = m>

</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=7>

10.

10. Tag đậm <B> </B>:<sub>Tag đậm <B> </B>:</sub>

Hiển thị văn bản đậm phisical type
Hiển thị văn bản đậm phisical type

11.

11. Tag nghiêng <I> </I>:<sub>Tag nghiêng <I> </I>:</sub>

Hiển thị văn bản nghiêng theo phisical type
Hiển thị văn bản nghiêng theo phisical type

12.

12. Tag gạch dưới <U> </U>:Tag gạch dưới <U> </U>:

Hiển thị văn bản gạch dưới theo phisical type
Hiển thị văn bản gạch dưới theo phisical type

13.

13. Tag gạch giữa <S> </S>:<sub>Tag gạch giữa <S> </S>:</sub>

Hiển thị văn bản gạch giữa theo phisical type
Hiển thị văn bản gạch giữa theo phisical type

14.

14. Tag đậm logic type <STRONG> </STRONG><sub>Tag đậm logic type <STRONG> </STRONG></sub>

</div>
<span class='text_page_counter'>(8)</span><div class='page_container' data-page=8>

15.

15. Tag nghiêng logic type <EM> </EM>:<sub>Tag nghiêng logic type <EM> </EM>:</sub>

Hiển thị văn bản nghiêng theo logic type
Hiển thị văn bả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 bản ngang theo logic type
Hiển thị văn bản ngang theo logic type

17.

17. Tag chỉ số logic type <SUB> </SUB>:Tag chỉ số logic type <SUB> </SUB>:

Hiển thị văn bản dạng chỉ số theo logic type
Hiển thị văn bản dạng chỉ số theo logic type

18.

18. Tag mủ logic type <SUP> </SUP>:Tag mủ logic type <SUP> </SUP>:

</div>
<span class='text_page_counter'>(9)</span><div class='page_container' data-page=9>

19.

19. Tag Font chữ <FONT></FONT>:<sub>Tag Font chữ <FONT></FONT>:</sub>

Chỉ định font, size, màu văn bản
Chỉ định font, size, màu văn bả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><sub>Tag định dạng bảng <TABLE></TR><TD></TABLE></sub>

Sử dụng tag <TABLE> để bắt đầu và kết thúc một
Sử dụng tag <TABLE> để bắt đầu và kết thúc một

bảng
bảng

Sử dung kèm theo với tag <TR></TR> để thêm một
Sử dung kèm theo với tag <TR></TR> để thêm một
dịng trong bảng và tag <TD></TD> để thêm một ơ
dịng trong bảng và tag <TD></TD> để thêm một ơ

</div>
<span class='text_page_counter'>(10)</span><div class='page_container' data-page=10>

21.

21. Tag 6 mức tiêu đề <hN></hN>:<sub>Tag 6 mức tiêu đề <hN></hN>:</sub>

Dùng để tạo các tiêu đề to nhỏ tuỳ ý theo
Dùng để tạo các tiêu đề to nhỏ tuỳ ý theo

cấp tiêu đề trong trang web
cấp tiêu đề trong trang web

Có 6 cấp tiêu đề khác nhau được định
Có 6 cấp tiêu đề khác nhau được định

nghĩa như sau:
nghĩa như sau:

<hN> Text xuất hiện trong tiêu đề </hN>
<hN> Text xuất hiện trong tiêu đề </hN>

</div>
<span class='text_page_counter'>(11)</span><div class='page_container' data-page=11></div>