O.Javkhlan O.Javkhlan Зохиогч
Гарчиг: HTML хэлийн хичээл
Нийтлэгч: O.Javkhlan
Чансаа 5 of 5 Des:
HTML- ийн жишээ WWW -/World Wide Web/ -дэлхий нийтийн сүлжээ HTML -Hyper Text Markup Language Жишээ – 1 HTML бичих ерөнхий загв...
HTML- ийн жишээ

WWW -/World Wide Web/ -дэлхий нийтийн сүлжээ
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> Хүрээний өргөн













 
Top