Thứ Bảy, 9 tháng 11, 2013

Ngôn ngữ HTML dùng để soạn thảo trang web tĩnh

Để soạn thảo một trang Web thì việc trước tiên bạn phải hiểu thế nào là một trang Web, trang web đó được cấu tạo như thế nào, gồm các thành phần nào. Bài này sẽ hướng dẫn các bạn Cấu trúc trang web.

Cú pháp tag tổng quát 
Tag đầu trang: <HTML></HTML>
Tag bắt đầu: <HEAD></HEAD>
Tag tiêu đề: <TITLE></TITLE>
Tag thân trang: <BODY></BODY>
Tag định dạng font chữ: <FONT></FONT>,<BASEFONT></BASEFONT>
Tag xuống dòng sang đoạn mới: <P></P>
Tag xuống dòng không sang đoạn mới: <BR></BR>
Tag thêm đường thẳng nằm ngang: <HR></HR>
Tag 6 mức tiêu đề: <hN></hN>
Tag đậm: <B></B>
Tag nghiêng: <I></I>
Tag gạch dưới: <U></U>
Tag gạch giữa: <S></S>
Tag đậm logic type: <STRONG></STRONG>
Tag nghiêng logic type: <EM></EM>
Tag gạch ngang logic type: <STRIKE></STRIKE>
Tag chỉ số logic type: <SUB></SUB>
Tag mũ logic type: <SUP></SUP>
Tag nhạc nền: <BGSOUND></BGSOUND>
Tag hình ảnh, phim: <IMG></IMG>
Tag danh sách <UL><LI></UL>, <OL><LI></OL>
Tag định dạng bảng <TABLE><TR><TD></TABLE>
Tag tạo Frame <FRAMESET><FRAME></FRAMESET>
Bảng ký tự thay thế thể hiện trong file nguồn HTML
Tag liên kết đến 1 đoạn chỉ định trong tư liệu hiện hành hoặc một trang web khác <A></A>.

Cấu trúc trang web
<HTML>
<HEAD>
<TITLE>Tiêu đề trang web</TITLE>
</HEAD>
<BODY>
Thân trang web
</BODY>
</HTML>

Cú pháp tag tổng quát
Khi trình duyệt (web browser) hiển thị nội dung 1 trang web nó sẽ tìm kiếm trong đó những đoạn mã đặc biệt là các tag được đánh dấu bởi ký hiệu <và>, và căn cứ vào đó để thể hiện. Cú pháp tổng quát của 1 tag:
<tên_tag thuộc_tính_2=giá_trị_1 thuộc_tính_2=giá_trị_2...>...</tên_tag>
hoặc đơn giản nhất là: <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 hoa đều được và các tag có thể lồng vào nhau.
Ví dụ:
- tag chữ đậm <B> cú pháp <B>chuỗi văn bản in đậm</B>
- tag xuống hàng <P> có cú pháp <P ALIGN=align-type>một đoạn văn bản</P> HTML Kết quả
Dòng chữ này thường Dòng chữ này thường
<b>Dòng chữ này đậm</b> Dòng chữ này đậm
<i>Dòng chữ này nghiêng</i> Dòng chữ này nghiêng
<font color="#800000" face="Verdana">Ðây là đoạn văn thứ nhất màu đỏ có phông là Verdana.</font><p><font color="Black" face="Verdana">Ðây là đoạn văn thứ hai màu ô liu có phông cũng là Verdana.</font></p> Ðây là đoạn văn thứ nhất màu đỏ có phông là Verdana.
Ðây là đoạn văn thứ hai màu ôliu có phông cũng là Verdana.
<b><i>Dòng chữ này vừa đậm vừa nghiêng</i></b> Dòng chữ này vừa đậm vừa nghiêng
Ðoạn này canh trái.</font><p align="center"><font face="Verdana">Ðoạn này canh giữa.</font></p><p align="right"><font face="Verdana">Ðoạn này canh phải.</font> Ðoạn này canh trái.
Ðoạn này canh giữa.
Ðoạn này canh phải.

Tag đầu trang <HTML></HTML> :Tag <HTML> ở đầu trang web tĩnh và </HTML> ở cuối trang. Trang web được bắt đầu và kết thúc bởi tag này.
Tag bắt đầu <HEAD></... 

Không có nhận xét nào:

Đăng nhận xét