Là ngôn ngữ dùng để soạn thảo các tư liệu webMột trang web có dạng như sau: Å tag mở đầu Trang Web đầu tiên Chào mừng các bạn đến World Wide Web Å Tag kết thúc HTML Hyper Text Ma
Trang 1Mạng cơ bản
MẠNG CĂN BẢN
Trang 2Là ngôn ngữ dùng để soạn thảo các tư liệu web
Một trang web có dạng như sau:
<HTML> Å tag mở đầu
<head>
<title> Trang Web đầu tiên </title>
</head>
<body>
Chào mừng các bạn đến World Wide Web
</body>
</HTML> Å Tag kết thúc
HTML (Hyper Text Makup Laguage)
Trang 3<title> Trang Web đầu tiên </title>
</head>
<body>
Chào mừng các bạn đến vời World Wide Web
</body>
Trang 4Tag <Body> </Body> điểm bắt đầu và kết thúc của phần nội dung
<Body
Background=“image/123.jpg” <!hình nền cho trang web>
Bgcolor=color <!màu nền trang web>
Text=color <màu văn bản trong trong web>
Link =color VLink=color Bgproperties=fixed>
……
</Body>
Trang 5Tag định dạng cho văn bản
• Thẻ <p> (paragraph): ngắt văn bản sang đoạn
- Cú pháp: <p align=align-type> … </p>
align-type: Left, Right, Center : canh đoạn văn bàn theo trái, phải, giữa
• Thẻ <BR> (Break): <!xuống dòng>
- Cú pháp: <br> nội dung cần xuống dòng </br>
Các Tag HTML Thông dụng
Trang 6Tag định dạng cho văn bản
Trang 7Tag định dạng cho văn bản
•Thẻ <HR>: thêm một đoạn thẳng nằm ngang
Cú pháp :
<hr Align=Left | Right | center
Color = #12ABFF
Width=m> <! độ dài của thanh ngang>
………
</hr>
• Lời chú thích cho HTML:
<! Lời chú thích ở trong này >
Các Tag HTML Thông dụng
Trang 8Tag định dạng cho văn bản
•Thẻ <blockqoute>: thụt một đoạn văn bản vào một tag
Cú pháp :
<blockquote>
Đoạn văn bản cần thụt vào
</blockquote>
Trang 9Tag định dạng cho văn bản
Chọn Font cho văn bản
• Thẻ <Font > : để thay đổi kiểu chữ
Cú pháp:
<FONT face=“Vni-time, Arial, Time-roman”
size = n color=#FFFABC >
….
</Font>
• Canh giữa văn bản ở giữa màn hình
<center> …… </center>
• Tạo chữ in đậm và in nghiêng:
<B> ………… </B> <i>……… </i>
Các Tag HTML Thông dụng
Trang 10Tag định dạng cho văn bản
- Tạo danh sách có sắp xếp thứ tự
Cú pháp:
<OL>
<li> …….
<li> …….
.
<li>…………
</OL>
- Tạo danh sách không có số thứ tự
<UL type=“disk | circle | square”> >
<li>………….
<li>…………
</UL>
Trang 11Tag định dạng cho văn bản
Thẻ <pre>: Tạo văn bản theo ý muốn
Cú pháp: <pre> ………… </pre>
Chèn hình vào trang Web
<img
src=“image/123.jpg”
width = x Height = y Align = “Bottom|Middle|Top|Left|Right”
Border = z HSPACE = n VSPACE = n >
Các Tag HTML Thông dụng
Trang 12Tạo liên kết Hyperlink
Liên kết đến web cục bộ:
<a href = “Folder/file.htm”> text to link </a>
Liên kết đến một file hình ảnh
<a href = “image/file.jpg”> text to link </a>
Liên kết đến một web site trên internet
<a href = “url”> text to link </a>
EX:
<a href = www.quantrimang.com/index.htm > trang web nói về mạng máy tính</a>
Trang 13Tạo liên kết Hyperlink bằng hình ảnh
<a href = “Folder/file.htm”>
<img src=“image/file.jpg”>
</a>
Các Tag HTML Thông dụng
Trang 14Tạo chuỗi ký tự chuyển động
Cú pháp:
<MARQUEE loop=n direct = left | right >
ký tự chuyển cần chuyển động
</MARQUEE>
Loop=n: chuỗi sẽ chuyển động n lần qua màn hình
Trang 15Chèn nhạc
Cú pháp:
<embed src=“abc.mp3”
autostart=“true”
loop=“true”
width=“2”
height=“4” >
</embed>
Các Tag HTML Thơng dụng