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> Хүрээний өргөн