Өмнөх хичээлд бид сайтын төлөвийн мөрийг html кодод хөрвүүлсэн. Дараагийн хэсэг болох сайтын толгой хэсэг, агуулгын хэсгийн цэсний үеийн кодлолыг энэ хичээлээр үзнэ.
Сайтын толгой.
Кодолж эхлэхийн өмнө фотошоп файлын толгойн хэсгийн үеүүдийн бүлгийн (Header) зохион байгуулалтыг харцгаая.
Материалыг бүртгэлтэй хэрэглэгч үзнэ.
how_to_regБүртгүүлэхМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 3757 Нийтийн
Хөтөч хуудсыг хүлээн аваад түүнийг ямар байдлаар хөрвүүлэхээ тодорхойлдог. Хуудасны хамгийн эхний тег нь <HTML> байх ёстой. Учир нь энэ тег нь таны хуудсыг HTML дээр бичигдсэн гэдгийг хөтөчид мэдэгдэж байгаа юм. Хамгийн жижиг HTML хуудас нь доорх хэлбэртэй байна:
<HTML> ...Хуудасны бие хэсэг... </HTML>
Хуудасны толгойн хэсэг <HEAD> болон түүний элементүүд
Хуудасны толгойн хэсгийн тэг нь <HTML> тэгийн араас шууд байрлах ба хуудасны бие хэсэгт дахин хаана ч ашиглагдахгүй. Энэхүү тег нь хуудасны ерөнхий утгыг илэрхийлдэг бөгөөд хуудасны харагдах хэлбэрт ямарч нөлөө үзүүлдэггүй. <HEAD> тегийн дотор ямар нэгэн текст бичихгүй байх хэрэгтэй. Нээлтийн <HEAD> тегийн араас <TITLE>, <BASE>, <LINK>,<SCRIPT> г.м хуудасны тодорхойлогч тегүүд байрлах бөгөөд бүх тодорхойлолтыг дууссны дараа </HEAD> тег бичигдэнэ.
Нээгдсэн тоо: 2477 Төлбөртэй
Энэ хичээлээр бид сайтын макетаас үлдсэн хэсгүүд болох блог, твиттер, хөл хэсгүүдийг кодлоно. Эдгээр хэсгийн кодчлолд ойлгомжгүй зүйл байхгүй ерөнхийдөө амархан. Блог болон твиттер хэсэг бараг ижилхэн тул тус бүрийг нэгэн зэрэг өөрчлөлтөнд оруулахын тулд class="module" бүхий div блокт авна. 1-р хичээлд гаргасан блокийн моделоо эргэн харцгаая.
Нээгдсэн тоо: 1736 Бүртгүүлэх
Эхлээд HTML-д хуудаст мултимедиа мэдээлэл оруулах боломжтой IMG гэсэн ганцхан элемент байсан. Элемент нь зөвхөн зураг оруулах л боломжтой харин бусад форматууд веб хуудаст хаалттай байсан. Тиймээс хөтөч программ боловсруулагчид шинэ шинэ элементүүдийг дэмжих боломжийг нэмэх болсон. Үүний үр дүнд Netscape фирмийн <embed>, Sun фирмийн <applet> тегүүд бий болсон.
Гэхдээ эдгээр элементүүд үүссэнээр бүх асуудлыг шийдвэрлэж чадаагүй тул HTML-д дурын форматтай ажиллах чадвартай <object> гэсэн шинэ элементийг нэмэн оруулсан. Элементийг ашиглахын тулд хэрэглэгчийн компьютерт обьектэд тохирох форматын файлыг харах боломжтой программ хангамж эсвэл хөтөчид нэмэлт модул (plug in) суулгасан байх шаардлагатай.
Нээгдсэн тоо: 1279 Төлбөртэй
Дугаарлагдсан жагсаалт
Ямар нэгэн байдлаар дугаарлагдсан жагсаалт юм. Дугаараар араб тоо, ром тоо эсвэл үсгүүд байж болно. Жагсаалт дугаарлагдсан гэдгийг хөтөчид заан өгөхдөө <ol></ol> тегийг ашиглана. Бүх жагсаалт эдгээр тегийн хооронд байрлах бөгөөд пункт болгон <li></li> тегээр өгөгдөнө.
Дугаарлагдсан жагсаалтын жишээ
<html>
<head>
<title>Дугаарлагдсан жагсаалт</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<ol>
<li>Адуу</li>
<li>Үхэр</li>
<li>Хонь</li>
</ol>
</body>
</html>
функц өгөгдөв.
Нээгдсэн тоо : 2765
a ба b нь 3x2-x-1=0 тэгшитгэлийн шийдүүдтэй тэнцүү бол 
илэрхийллийн утгыг ол.
Нээгдсэн тоо : 691
илэрхийллийн a=36,7 тэнцүү байх утгыг ол.