Өмнөх хичээлд бид сайтын төлөвийн мөрийг html кодод хөрвүүлсэн. Дараагийн хэсэг болох сайтын толгой хэсэг, агуулгын хэсгийн цэсний үеийн кодлолыг энэ хичээлээр үзнэ.
Сайтын толгой.
Кодолж эхлэхийн өмнө фотошоп файлын толгойн хэсгийн үеүүдийн бүлгийн (Header) зохион байгуулалтыг харцгаая.
Материалыг бүртгэлтэй хэрэглэгч үзнэ.
how_to_regБүртгүүлэхМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 3807 Нийтийн
Хөтөч хуудсыг хүлээн аваад түүнийг ямар байдлаар хөрвүүлэхээ тодорхойлдог. Хуудасны хамгийн эхний тег нь <HTML> байх ёстой. Учир нь энэ тег нь таны хуудсыг HTML дээр бичигдсэн гэдгийг хөтөчид мэдэгдэж байгаа юм. Хамгийн жижиг HTML хуудас нь доорх хэлбэртэй байна:
<HTML> ...Хуудасны бие хэсэг... </HTML>
Хуудасны толгойн хэсэг <HEAD> болон түүний элементүүд
Хуудасны толгойн хэсгийн тэг нь <HTML> тэгийн араас шууд байрлах ба хуудасны бие хэсэгт дахин хаана ч ашиглагдахгүй. Энэхүү тег нь хуудасны ерөнхий утгыг илэрхийлдэг бөгөөд хуудасны харагдах хэлбэрт ямарч нөлөө үзүүлдэггүй. <HEAD> тегийн дотор ямар нэгэн текст бичихгүй байх хэрэгтэй. Нээлтийн <HEAD> тегийн араас <TITLE>, <BASE>, <LINK>,<SCRIPT> г.м хуудасны тодорхойлогч тегүүд байрлах бөгөөд бүх тодорхойлолтыг дууссны дараа </HEAD> тег бичигдэнэ.
Нээгдсэн тоо: 1741 Төлбөртэй
Өнөөдрийн хичээлээр сайтын төв хэсгийг кодлоно. Төв хэсэг гэдэгт слайдшоу болон түүний баруун талд гарах текстийн хэсгийг ойлгоно. PSD файл дээрээ харвал доорх зурагт үзүүлсэн хэсэг.
Нээгдсэн тоо: 4605 Нийтийн
HyperText Markup Language (HTML) гэдэг нь веб хуудас хийхэд зориулагдсан албан ёсны /стандарт/ хэл юм. Веб хуудсыг төрөл бүрийн WEB BROWSER (интернет хөтөч) ээр үзэж болно. Интернет хөтөч нь HTML ээр хийгдсэн хуудасны элементүүдийг хэв шинжийг тодорхойлолтуудыг хөрвүүлж хэрэглэгчид үзүүлдэг программ хангамж юм. Фонт, шугам, төрөл бүрийн графикийн элементүүдийг ашиглан веб хуудсыг хэлбэржүүлэх ажиллагааг хийх боломжийг HTML бүрдүүлж өгдөг.
Ихэнх хуудсууд нь гарчиг, догол мөр, жагсаалт гэх мэтийн стандарт элементүүдтэй байдаг. Хуудасны мэдээллийн бүтэц, бүрэн байдлыг ханган HTML-ийн тег-ийг ашиглан тухайн элементийг хэрхэн харуулах мэдээллийг интернет хөтөчид дамжуулан өгч болно. Интернет хөтөч нь хуудсыг уншихдаа HTML-ийн тегийг хөрвүүлэн зохиогч ямар байдлаар хэлбэржүүлсэн тэр хэлбэрээр нь дэлгэцэнд үзүүлнэ.
Нээгдсэн тоо: 1271 Бүртгүүлэх
Хичээлээр бид текстийг хэлбэржүүлэхэд нэг их өргөн ашиглаад байдаггүй тегүүдийн талаар үзэх болно. Хэдийгээр тегүүдийг ховор ашигладаг гэсэн ч тэдгээрийг мэддэг байх нь хэрэгтэй. Цаашид жишээн дээр кодын зөвхөн тухайн хэсгийг үзүүлэх ба харин туршин үзэхдээ эхний жишээний дагуу бүгдийг бичин туршилтаа хийж байгаарай. Эх кодын файлд өөрчлөлт орох бүрд Mozilla Firefox хувьд 
харин Internet Explorer -д 
товчийг дарах эсвэл F5 даран веб хуудсыг шинэчилнэ гэдгийг дахин сануулъя.
Товчилсон нэрийн тег abbr, acronym
<abbr></abbr>, <acronym></acronym> тегүүд нь текстийг товчлол гэдгийг заана. Анхдагч байдлаар текст доогуураа тасархай зураастай харагдах ба түүн дээр хулганы заагчийг аваачихад товчилсон үгний тайлбар гарч ирдэг. Товчлолын тайлбарыг харуулахдаа тегэд title параметрийг нэмээд түүний утгаар товчлолын тайлбарыг нэмэж өгнө.
тэгшитгэлийн язгууруудын нийлбэрийг ол.
Зурагт үзүүлсэн хагас тойрогт 
бол AB -ийн уртыг ол.