avatar

2010-05-20,14:16

Миний бие html ийн ердөө л анхан шатны мэдлэгтэй хүн. Гэхдээ анхан шатныхаа энэ мэдлэгийг бага гэж гололгүйгээр ор тас мэдэхгүй хүмүүст зориулж өөрийнхөө мэддэгээс бусадтайгаа хуваалцмаар санагдлаа...

Илүү ихийг сурмаар байвал өдөрт нэг удаа дарж байгаарай...

Өмнө нь html үндэс гэж нэг хичээл оруулж байсан эхний хичээлийг тэр гэж ойлгон уншиж судлахыг хүсье.

Удаах хичээл нь html ээс өнгө болон тексттэй ажиллах тухай заасан байгаа. Харин энэ хичээлийг ерөнхийд нь хараад аваарай. Заах гэж байгаа хичээлийн маань агуулгаас бага  зэрэг холдсон боловч html ийн нэн чухал элементийн тухай заасан учраас хараад авах хэрэгтэй боловуу.

Харин одоо 3 дахь хичээлийг гэж үзээд энэ хичээлийг сайтар анхаараарай. Энэ хичээлээс хойш дэс дараатайгаар хар аргаар энгийн хүнд ойлгомжтой байхыг бодолцож үзэн заахыг хичээх болно... Ингээд доорх хичээлд анхаарлаа хандуулна уу...

 

html хэл нь <> гэсэн хаалттай тагуудаас бүтдэг гэж өмнөх хичээлд дурьдаж байсан. Харин эдгээр тагуудыг дотор нь хаалттай болон хаалтгүй гэж 2 ангилдаг.

Хаалттай таг нь: <>энд утга байрлана

хаалтгүй таг нь: <энд утга байрлана/> гэж бичигддэг. 

html хэлний эхлэл төгсгөл болгон гэж эхлээд гэж төгсдөг. Өөрөөр хэлбэл бүх бичсэн кодны чинь хамгийн эхэнд гэж байрлаад гэж төгссөн байх хэрэгтэй. Энэнээс хойш код бичигдэхгүй. Удаах код нь гэж байна.

Энэ нь хийж буй хуудасны чинь толгойг тодорхойлно. Энэ таг дотор хэд хэдэн дэд тагууд байрлаж болдог. Ер нь html хэлэнд дотроо дэд тагууд байрлуулж байж хуудсаа хэлбэржүүлдэг тагууд нэлээд хэд бий. Энэ тухай дараа дараагийн хичээлүүдээр тодорхой заана. 

таг дотор орсон дэд тагын жишээ бол таг юм. энэ Тагын утга нь хөтчийн дээр байрлах гарчиг үг юм. Миний блогын хувьд kula's blog хичээл гэж харагдаж байгааг анзаарч байгаа байх аа.

Доторх дэд тагууд дараах байдлаар харагддаг:

Kula'S Blog

HEAD таг хаагдаад араас нь хамгийн гол хэсэг болох хуудсанд юуг харуулах гэж байгааг зааж өгдөг BODY таг байрлана. Энэ таг мөн адил хаалттай таг юм. Дотроо маш олон дэд тагуудыг багтаах боломжтой.




:-)
Спэм хамгаалалт:
   
 
xaax
гэж харагдана. BODY таг дуусаад араас нь HTML кодоо  дуусгах буюу гэж тавьж өгнө. Үүнээс хойш код бичигдэхгүй. Харин дараа дараагийн хичээлүүдээр BODY HEAD тагууд дотор байрлах дэд тагуудыг нэг бүрчлэн зааж өгөх болно.

Одоо харин та энгийн нэг юм бичихэд бэлэн болсон html хуудас хийж үзээрэй.

Анхаарах зүйлс: Кодуудаа бичихдээ бүх хаалттай кодуудыг хосоор нь зэрэг бичээд оруулах утгаа дунд нь оруулж өгөөд явбал код алдахгүй амар байх болно.

Харин хэрэглэхэд амар гэдэг үүднээс дараагийн хичээл дээр тусгай программ та бүхэнд өгнө. Тэрэн дээр хийгээд явбал амар байх... Одоо харин NOTEPAD аа нээгээд нэг хуудас хийж үзээрэй...

 

1. start>programms file>accesseries>Notepad гэж нээгээрэй...

2.

          Хуудасны нэр

Энд дурын текстээ бичээд үзээрэй. Хичээл №2 ийн дагуу текстээ хэлбэржүүлж болно.




:-)
Спэм хамгаалалт:
   
 
xaax

4. file>save

5. file ийнхаа нэрийг бичээд араас нь .html эсвэл .htm гэж өргөтгөж өгөөд enicode гэдгээс unicode ийг сонгож хадгална. энэ нь Монгол фонт таних үүрэгтэй...

6. Одоо хадгалсан хуудсаа нээгээд үзээрэй. Энгийн л нэг текстэн хуудас байгаа биз... Дараагийн хичээлүүдээр үүнийг хэрхэн янз янзаар олон төрлийн материал оруулах талаар заах болно.

Сэтгэгдэл бичих
Сэтгэгдэл:




:-)
Спэм хамгаалалт:
   
 
xaax