HTML- ийн жишээ
HTML -Hyper Text Markup Language
Жишээ – 1 HTML бичих ерөнхий загвар
<html>
<title>Гарчиг</title>
<head> Энд толгой хэсэг байрлана.</head>
<body>
Энд их биеийн хэсэг
</body>
</html>
Тайлбар
<html> HTML хэлний үндсэн хэл эхлэл төгсөл заах таг
<head> Вэб хуудасны толгой хэсэг заах таг
<body> Вэб хуудасны их биеийг заах таг
Жишээ -2 Текст хэлбэржүүлэх
<html>
<head> <font color="green">Энд толгой хэсэг байрлана.</font></head>
<body bgcolor="yellow">
<marquee direction="left"><font size="23"><i>Энд их биеийн хэсэг<i></font></br></left>
<font size="23"><i>Энд их биеийн хэсэг<i></font></br>
<font size="20"><b>Энд их биеийн хэсэг<b></font></br>
</body>
</html>
Тайлбар
<bgcolor> Хуудасны арын дэвсгэр өнгө өгөх таг
<marquee direction="left"> текстийг зүүн тийш хөдөлгөх таг
<font size>, <font color> Текстийн өнгө, хэмжээг өгнө.
<i> текстийг налуу, <b> текстийг тод, <u> текстийг доогуур зураастай бичих тагууд
Жишээ -3 Холболт хийх
<html>
<body>
<a href="name.html">Энд дар</a>
</body>
</html>
Тайлбар
<a> Холболт хийх таг name.html - /Дээрх жишээн дээр End dar гэсэн үгэнд дээр дарахад дуудагдах веб хуудас, name гэдгийн оронд дуудах веб хуудасны нэрийг өгнө/
Жишээ -4 Зураг оруулах
<html>
<body>
<img src="pic.jpg" heigth="45" width="60">
</body>
</html>
Тайлбар
img - зураг оруулах таг
src – ямар төрлийн файл дуудахыг заана
height – зургийн өндөр
width – зургийн өргөн
Жишээ-5 Хүснэгттэй ажиллах
<html>
<body>
<table borde="1">
<tr>
<td colspan="2">Энд текст</td>
</tr>
<tr>
<td>Энд текст</td>
<td>Энд текст</td>
</tr>
<tr>
<td bgcolor="green">Энд текст</td>
<td>Энд текст</td>
</tr>
</table>
<body>
</html>
Тайлбар
<table>- Хүснэгт үүсгэх таг
<tr>- Хүснэгтийн мөр үүсгэх таг
<td>- Хүснэгтийн багана үүсгэх таг
<tr colspan="2">-Хүснэгтийн багана нэгтгэх /Энэ жишээнд 2 багана нэгтгэсэн байна./
<table bgcolor> Хүснэгтийн ар талын дэвсгэр өнгө
<td bgcolor> Нүдний өнгө
<table border> Хүрээний өргөн
<td bgcolor> Нүдний өнгө
<table border> Хүрээний өргөн
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus.
0 comments:
Post a Comment