SlideShare a Scribd company logo
1 of 16
МИС - МТС
HTML HEAD
<title>
 The <title> Энэ тааг нь хуудасны ерөнхий
гарчгийг тодорхойлдог.
 HTML/XHTML дээр бичигдсэн бүх хуудсуудад
энэ тааг нь шаардлагатай байдаг.
 Веб хөтөч дээр хуудасны агуулгыг тодорхойлно.
 Тухайн хуудсыг веб броусер дээр дуртай
(favorite) хэсэгт нэмэхэд тухайн хуудасны нэр
биш <title> харагддаг.
 Сайт ямар нэг хайлтын үр дүнд харагдах бол
мөн сайтын <title> харагддаг.
<title> жишээ
 <head><title>Title of the document</title></head>
 <title>www.news.mn | Мэдээллийн эх
сурвалж</title>
<title> жишээ
<base>
 Энэ тааг нь тухайн хуудсанд өөр ямар нэг веб
сайтаас ямар нэг зүйл(script, зураг, видео г/м..)
авч өөрийн хуудсанд ашиглаж байгаа бол
тухайн хуудасны URL –ийг нь зааж өгөхөд
хэрэглэгддэг.
 Бичигдэх хэлбэр:
 <base href =“URL” target=“_blank”>
<base> Аттрибутууд
href URL Бааз болох сайтын URL
targe
t
_blank
_parent
_self
_top
framenam
e
Тухайн сайтнаас өөр ямар
нэг холбоос оруулж
байгаа бол тухайн
холбоосоо хаана дуудахыг
зааж өгнө.
<Link>
 Энэ тааг нь гадаад нөөц файлуудын
хоорондын харилцаа хамаарлыг
тодорхойлдог.
 Бичигдэх хэлбэр:
 <link rel="stylesheet" type="text/css"
href="styles.css">
<link> Аттрибутууд
Аттрибут Утга Тодорхойлолт
charset
char_encodi
ng
HTML5 дээр дэмжигдэхгүй.
Холболтоор оруулж байгаа
файлын кодлолыг заана.
href URL
Холбоос файлын байрлалыг
зааж өгөх
hreflang
language_c
ode
Холболтоор оруулж байгаа
файлын хэлийг заана.
type MIME_type
Холбоост файлын MIME
төрлийг зааж өгнө.
MIME төрөл
file type MIME type
ai application/postscript
aif audio/x-aiff
css text/css
html text/html
htm text/html
<link> Аттрибутууд
rel
alternate
archives
author
bookmar
k
external
first
help
icon
last
license
Заавал бичих
шаардлагатай
аттрибут. Файлуудын
хоорондын харилцааг
заана.
<link> Аттрибутууд
rel
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up
<link> Жишээ
 <link rel="stylesheet" type="text/css"
href="http://static.newsresources.info/style/interfa
ce/news/default/root.css?1"/>

 <link rel="stylesheet" type="text/css"
href="http://static.newsresources.info/style/interfa
ce/comp/share-tools.css?1"/>
 <link rel="stylesheet" type="text/css"
href="http://static.newsresources.info/style/interfa
ce/comp/follow.css?1"/>
<meta>
 Мета өгөгдөл гэдэг нь тухайн веб хуудсан дээр
харагдахгүй боловч машин буюу компьютер
унших боломжтой өгөгдөл юм.
 Энэ нь тухайн сайтын талаар мэдээлэл, түлхүүр
үг, хайлтан дах илэрц, сайтад хамгийн сүүлд
хэзээ засвар орсон зэрэг мэдээлэл байдаг.
 <meta> таагыг үргэлж Head тааг дотор бичих
ёстой.
<meta> Аттрибутууд
charset
character_s
et
Тусгай тэмдэгтийн кодлол.
content text name атрибутын ерөнхий агуулга
name
application-
name
author
description
generator
keywords
Мета өгөгдлийн нэр
Жишээ
<script>
 <script> тааг нь клиентын скриптүүдийг
тодорхойлоход ашиглагдана. Жишээ
нь:JavaScript.
 Жишээ:
 <script>
document.write("Hello World!")
</script>

More Related Content

More from Энхтамир Ш

ПХ-н баримтжуулалтын бодлого тогтоох
ПХ-н баримтжуулалтын бодлого тогтоохПХ-н баримтжуулалтын бодлого тогтоох
ПХ-н баримтжуулалтын бодлого тогтоохЭнхтамир Ш
 
Lecture 4 - Програм хангамжийн төслийн үнэлгээ
Lecture 4 - Програм хангамжийн төслийн үнэлгээLecture 4 - Програм хангамжийн төслийн үнэлгээ
Lecture 4 - Програм хангамжийн төслийн үнэлгээЭнхтамир Ш
 
Монголын Их, дээд сургуулиудын техник технологийн өнөөгийн байдал, хөгжлийн ...
Монголын  Их, дээд сургуулиудын техник технологийн өнөөгийн байдал, хөгжлийн ...Монголын  Их, дээд сургуулиудын техник технологийн өнөөгийн байдал, хөгжлийн ...
Монголын Их, дээд сургуулиудын техник технологийн өнөөгийн байдал, хөгжлийн ...Энхтамир Ш
 
Старт-ап, жижиг дунд байгууллага, үйлдвэрллийг дэмжих цахим систем
Старт-ап, жижиг дунд байгууллага, үйлдвэрллийг дэмжих цахим систем Старт-ап, жижиг дунд байгууллага, үйлдвэрллийг дэмжих цахим систем
Старт-ап, жижиг дунд байгууллага, үйлдвэрллийг дэмжих цахим систем Энхтамир Ш
 
Оюутны хөдөлмөр эрхлэлт
Оюутны хөдөлмөр эрхлэлтОюутны хөдөлмөр эрхлэлт
Оюутны хөдөлмөр эрхлэлтЭнхтамир Ш
 
НББ-ийн сургалтын өнөөгийн байдлын судалгаа
НББ-ийн сургалтын өнөөгийн байдлын судалгааНББ-ийн сургалтын өнөөгийн байдлын судалгаа
НББ-ийн сургалтын өнөөгийн байдлын судалгааЭнхтамир Ш
 
Хувьцааны өгөөж түүнд нөлөөлж буй хүчин зүйлсийн шинжилгээ
Хувьцааны өгөөж түүнд нөлөөлж буй хүчин зүйлсийн шинжилгээХувьцааны өгөөж түүнд нөлөөлж буй хүчин зүйлсийн шинжилгээ
Хувьцааны өгөөж түүнд нөлөөлж буй хүчин зүйлсийн шинжилгээЭнхтамир Ш
 
ОЮУТНЫ СУРЛАГЫН АМЖИЛТАНД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛСИЙН СУДАЛГАА
ОЮУТНЫ СУРЛАГЫН АМЖИЛТАНД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛСИЙН СУДАЛГААОЮУТНЫ СУРЛАГЫН АМЖИЛТАНД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛСИЙН СУДАЛГАА
ОЮУТНЫ СУРЛАГЫН АМЖИЛТАНД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛСИЙН СУДАЛГААЭнхтамир Ш
 
НИЙГМИЙН ХАЛАМЖИЙН САНГИЙН ЗАРЛАГАД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛИЙН ШИНЖИЛГЭЭ
НИЙГМИЙН ХАЛАМЖИЙН САНГИЙН ЗАРЛАГАД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛИЙН ШИНЖИЛГЭЭ НИЙГМИЙН ХАЛАМЖИЙН САНГИЙН ЗАРЛАГАД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛИЙН ШИНЖИЛГЭЭ
НИЙГМИЙН ХАЛАМЖИЙН САНГИЙН ЗАРЛАГАД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛИЙН ШИНЖИЛГЭЭ Энхтамир Ш
 
Өнөөгийн нөхцөлд их дээд сургууль төгсөгчдийн эзлэх байр сууринд нөлөөлөх хүч...
Өнөөгийн нөхцөлд их дээд сургууль төгсөгчдийн эзлэх байр сууринд нөлөөлөх хүч...Өнөөгийн нөхцөлд их дээд сургууль төгсөгчдийн эзлэх байр сууринд нөлөөлөх хүч...
Өнөөгийн нөхцөлд их дээд сургууль төгсөгчдийн эзлэх байр сууринд нөлөөлөх хүч...Энхтамир Ш
 
Англи хэл сурах дэлхий нийтийн чиг хандлага манай оронд нөлөөлж буйг судалс...
Англи хэл сурах дэлхий нийтийн чиг хандлага   манай оронд нөлөөлж буйг судалс...Англи хэл сурах дэлхий нийтийн чиг хандлага   манай оронд нөлөөлж буйг судалс...
Англи хэл сурах дэлхий нийтийн чиг хандлага манай оронд нөлөөлж буйг судалс...Энхтамир Ш
 
Acc2 buyanzaya, nominzul, khaliunaa
Acc2   buyanzaya, nominzul, khaliunaaAcc2   buyanzaya, nominzul, khaliunaa
Acc2 buyanzaya, nominzul, khaliunaaЭнхтамир Ш
 

More from Энхтамир Ш (20)

Lecture 14 test strategy
Lecture 14   test strategyLecture 14   test strategy
Lecture 14 test strategy
 
ПХ-н баримтжуулалтын бодлого тогтоох
ПХ-н баримтжуулалтын бодлого тогтоохПХ-н баримтжуулалтын бодлого тогтоох
ПХ-н баримтжуулалтын бодлого тогтоох
 
Personal Software Process
Personal Software ProcessPersonal Software Process
Personal Software Process
 
Lecture 4 - Програм хангамжийн төслийн үнэлгээ
Lecture 4 - Програм хангамжийн төслийн үнэлгээLecture 4 - Програм хангамжийн төслийн үнэлгээ
Lecture 4 - Програм хангамжийн төслийн үнэлгээ
 
Multimedia
MultimediaMultimedia
Multimedia
 
Css animation
Css animationCss animation
Css animation
 
Монголын Их, дээд сургуулиудын техник технологийн өнөөгийн байдал, хөгжлийн ...
Монголын  Их, дээд сургуулиудын техник технологийн өнөөгийн байдал, хөгжлийн ...Монголын  Их, дээд сургуулиудын техник технологийн өнөөгийн байдал, хөгжлийн ...
Монголын Их, дээд сургуулиудын техник технологийн өнөөгийн байдал, хөгжлийн ...
 
Старт-ап, жижиг дунд байгууллага, үйлдвэрллийг дэмжих цахим систем
Старт-ап, жижиг дунд байгууллага, үйлдвэрллийг дэмжих цахим систем Старт-ап, жижиг дунд байгууллага, үйлдвэрллийг дэмжих цахим систем
Старт-ап, жижиг дунд байгууллага, үйлдвэрллийг дэмжих цахим систем
 
Оюутны хөдөлмөр эрхлэлт
Оюутны хөдөлмөр эрхлэлтОюутны хөдөлмөр эрхлэлт
Оюутны хөдөлмөр эрхлэлт
 
НББ-ийн сургалтын өнөөгийн байдлын судалгаа
НББ-ийн сургалтын өнөөгийн байдлын судалгааНББ-ийн сургалтын өнөөгийн байдлын судалгаа
НББ-ийн сургалтын өнөөгийн байдлын судалгаа
 
Хувьцааны өгөөж түүнд нөлөөлж буй хүчин зүйлсийн шинжилгээ
Хувьцааны өгөөж түүнд нөлөөлж буй хүчин зүйлсийн шинжилгээХувьцааны өгөөж түүнд нөлөөлж буй хүчин зүйлсийн шинжилгээ
Хувьцааны өгөөж түүнд нөлөөлж буй хүчин зүйлсийн шинжилгээ
 
ОЮУТНЫ СУРЛАГЫН АМЖИЛТАНД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛСИЙН СУДАЛГАА
ОЮУТНЫ СУРЛАГЫН АМЖИЛТАНД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛСИЙН СУДАЛГААОЮУТНЫ СУРЛАГЫН АМЖИЛТАНД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛСИЙН СУДАЛГАА
ОЮУТНЫ СУРЛАГЫН АМЖИЛТАНД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛСИЙН СУДАЛГАА
 
НИЙГМИЙН ХАЛАМЖИЙН САНГИЙН ЗАРЛАГАД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛИЙН ШИНЖИЛГЭЭ
НИЙГМИЙН ХАЛАМЖИЙН САНГИЙН ЗАРЛАГАД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛИЙН ШИНЖИЛГЭЭ НИЙГМИЙН ХАЛАМЖИЙН САНГИЙН ЗАРЛАГАД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛИЙН ШИНЖИЛГЭЭ
НИЙГМИЙН ХАЛАМЖИЙН САНГИЙН ЗАРЛАГАД НӨЛӨӨЛӨХ ХҮЧИН ЗҮЙЛИЙН ШИНЖИЛГЭЭ
 
Өнөөгийн нөхцөлд их дээд сургууль төгсөгчдийн эзлэх байр сууринд нөлөөлөх хүч...
Өнөөгийн нөхцөлд их дээд сургууль төгсөгчдийн эзлэх байр сууринд нөлөөлөх хүч...Өнөөгийн нөхцөлд их дээд сургууль төгсөгчдийн эзлэх байр сууринд нөлөөлөх хүч...
Өнөөгийн нөхцөлд их дээд сургууль төгсөгчдийн эзлэх байр сууринд нөлөөлөх хүч...
 
Англи хэл сурах дэлхий нийтийн чиг хандлага манай оронд нөлөөлж буйг судалс...
Англи хэл сурах дэлхий нийтийн чиг хандлага   манай оронд нөлөөлж буйг судалс...Англи хэл сурах дэлхий нийтийн чиг хандлага   манай оронд нөлөөлж буйг судалс...
Англи хэл сурах дэлхий нийтийн чиг хандлага манай оронд нөлөөлж буйг судалс...
 
Acc2 buyanzaya, nominzul, khaliunaa
Acc2   buyanzaya, nominzul, khaliunaaAcc2   buyanzaya, nominzul, khaliunaa
Acc2 buyanzaya, nominzul, khaliunaa
 
Turiin sanhuu l12
Turiin sanhuu l12Turiin sanhuu l12
Turiin sanhuu l12
 
Turiin sanhuu l11
Turiin sanhuu l11Turiin sanhuu l11
Turiin sanhuu l11
 
Turiin sanhuu l10
Turiin sanhuu l10Turiin sanhuu l10
Turiin sanhuu l10
 
Turiin sanhuu l9
Turiin sanhuu l9Turiin sanhuu l9
Turiin sanhuu l9
 

Lecture html head

  • 2. <title>  The <title> Энэ тааг нь хуудасны ерөнхий гарчгийг тодорхойлдог.  HTML/XHTML дээр бичигдсэн бүх хуудсуудад энэ тааг нь шаардлагатай байдаг.  Веб хөтөч дээр хуудасны агуулгыг тодорхойлно.  Тухайн хуудсыг веб броусер дээр дуртай (favorite) хэсэгт нэмэхэд тухайн хуудасны нэр биш <title> харагддаг.  Сайт ямар нэг хайлтын үр дүнд харагдах бол мөн сайтын <title> харагддаг.
  • 3. <title> жишээ  <head><title>Title of the document</title></head>  <title>www.news.mn | Мэдээллийн эх сурвалж</title>
  • 5. <base>  Энэ тааг нь тухайн хуудсанд өөр ямар нэг веб сайтаас ямар нэг зүйл(script, зураг, видео г/м..) авч өөрийн хуудсанд ашиглаж байгаа бол тухайн хуудасны URL –ийг нь зааж өгөхөд хэрэглэгддэг.  Бичигдэх хэлбэр:  <base href =“URL” target=“_blank”>
  • 6. <base> Аттрибутууд href URL Бааз болох сайтын URL targe t _blank _parent _self _top framenam e Тухайн сайтнаас өөр ямар нэг холбоос оруулж байгаа бол тухайн холбоосоо хаана дуудахыг зааж өгнө.
  • 7. <Link>  Энэ тааг нь гадаад нөөц файлуудын хоорондын харилцаа хамаарлыг тодорхойлдог.  Бичигдэх хэлбэр:  <link rel="stylesheet" type="text/css" href="styles.css">
  • 8. <link> Аттрибутууд Аттрибут Утга Тодорхойлолт charset char_encodi ng HTML5 дээр дэмжигдэхгүй. Холболтоор оруулж байгаа файлын кодлолыг заана. href URL Холбоос файлын байрлалыг зааж өгөх hreflang language_c ode Холболтоор оруулж байгаа файлын хэлийг заана. type MIME_type Холбоост файлын MIME төрлийг зааж өгнө.
  • 9. MIME төрөл file type MIME type ai application/postscript aif audio/x-aiff css text/css html text/html htm text/html
  • 12. <link> Жишээ  <link rel="stylesheet" type="text/css" href="http://static.newsresources.info/style/interfa ce/news/default/root.css?1"/>   <link rel="stylesheet" type="text/css" href="http://static.newsresources.info/style/interfa ce/comp/share-tools.css?1"/>  <link rel="stylesheet" type="text/css" href="http://static.newsresources.info/style/interfa ce/comp/follow.css?1"/>
  • 13. <meta>  Мета өгөгдөл гэдэг нь тухайн веб хуудсан дээр харагдахгүй боловч машин буюу компьютер унших боломжтой өгөгдөл юм.  Энэ нь тухайн сайтын талаар мэдээлэл, түлхүүр үг, хайлтан дах илэрц, сайтад хамгийн сүүлд хэзээ засвар орсон зэрэг мэдээлэл байдаг.  <meta> таагыг үргэлж Head тааг дотор бичих ёстой.
  • 14. <meta> Аттрибутууд charset character_s et Тусгай тэмдэгтийн кодлол. content text name атрибутын ерөнхий агуулга name application- name author description generator keywords Мета өгөгдлийн нэр
  • 16. <script>  <script> тааг нь клиентын скриптүүдийг тодорхойлоход ашиглагдана. Жишээ нь:JavaScript.  Жишээ:  <script> document.write("Hello World!") </script>