More Related Content
Similar to текст хэлбэржүүлэх
Similar to текст хэлбэржүүлэх (10)
текст хэлбэржүүлэх
- 2. Зорилго: Html хэл ашиглан зураг оруулж,
текст хэлбэржүүлж сурах
Зорилт:
• текст гүйлгэж сурах
• текстний өнгө өөрчлөж сурах
• зураг оруулж сурах
• HTML хэлэнд дэвсгэр өнгө өөрчилж
сурах
4/26/2012 2
- 3. Өмнөх хичээлийн мэдлэг
1. Өмнөх хичээл дээр бид ямар хичээл үзлээ?
2. HTML хэлний тагуудыг нэрлэ.
3. Ямар ямар үүрэг гүйцэтгэдэг вэ?
HTML жагсаалт нь эрэмбэлэгдсэн, эрэмбэлэгдээгүй, тодорхойлолтын
гэсэн 3 төрөл байдэг.
Жагсаалтыг <li>
Эрэмбэлэгдээгүй жагсаалт <ul>
<ul type=” ”>
Type ( disc=битүү дугуй)
(circle=хөндий дугуй)
(square=дөрвөлжингөөр)
Эрэмбэлэгдсэн жагсаалт дугаарлагдсан байдаг.
4/26/2012 3
- 4. Зураг оруулахдаа
• <img src=”оруулах гэж байгаа зургийн
байрлалыгбичнэзургийн нэр.jpg”> гэж оруулна.
• Гүйдэг текст хийх
• <marquee> тагыг ашиглан
• <marquee> текстбичнэ</marquee>
• Үсгийн фондны өнгө өөрчлөх
• <font> тагыг ашиглан
• <font color=”өнгө (англиар)”> энд бичнэ.</font>
• Дэвсгэр өнгө өөрчлөх
• <body >тагыг ашиглан
• <body bgcolor=” өнгө (англиар)”>
4/26/2012 4
- 5. Жишээ : Зураг оруулах код
• <html>
• <body>
• <img src=”зургийн байрлаж байгаа замнэр.jpg” width=”зургийн
өргөний хэмжээ” height=” зургийн өндрийн хэмжээ”>
• </body>
• </html>
Жишээ 3: Дэвсгэр өнгө өөрчлөх
• <html>
• <body bgcolor=” өнгө (англиар)”>
• </body>
• </html>
4/26/2012 copyright 2006 5
www.brainybetty.com
- 7. Жишээ : Үсгийн фондны өнгө өөрчлөх
• <html>
• <body>
• <font color=”(өнгө англиар)”> энд үг (текст) бичнэ </font>
• </body>
• </html>
Жишээ : үг (текст) гүйлгэх код
• <html>
• <body>
• <marquee> энд үг (текст) бичнэ </marquee>
• </body>
• </html>
4/26/2012 7
- 9. Дасгал:
• Арийн фонд өнгө оруул
• Миний анхны вэбэд тавтай морил гэдэг үгийг хамгийн томоор
гүйдэгээр бич.
• 10 гэсэн folder дотроос зураг оруул.
Хийх заавар
• <html>
• <body bgcolor=” өнгө (англиар)”>
• <h1><marquee><font color=”(өнгө англиар)”> энд үг (текст) бичнэ
</font></marquee></h1>
• <img src=”зургийн байрлаж байгаа замнэр.jpg” width=”зургийн
өргөний хэмжээ” height=” зургийн өндрийн хэмжээ”>
• </body>
• </html>
4/26/2012 copyright 2006 9
www.brainybetty.com