Энэ хичээлээр бид сайтын макетаас үлдсэн хэсгүүд болох блог, твиттер, хөл хэсгүүдийг кодлоно. Эдгээр хэсгийн кодчлолд ойлгомжгүй зүйл байхгүй ерөнхийдөө амархан. Блог болон твиттер хэсэг бараг ижилхэн тул тус бүрийг нэгэн зэрэг өөрчлөлтөнд оруулахын тулд class="module" бүхий div блокт авна. 1-р хичээлд гаргасан блокийн моделоо эргэн харцгаая.
Материалыг тусгай эрхтэй хэрэглэгч үзнэ.
request_quoteТусгай эрх авахМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 2048 Төлбөртэй
Олон html хуудаснуудад холбоост дүрсний карт (map) гэж нэрлэгдэх зохион байгуулалтыг ашигладаг. Ийм зохион байгуулалт хийхдээ зураг аваад түүний төрөл бүрийн хэсэгт холбоос хийж өгдөг. Хамгийн өргөн дэлгэрсэн жишээ бол аялагчдадын дэлхийн карт юм. Карт дээрээс сонирхсон орны газрын зураг дээр дарахад энэ улсын тухай хуудаст шилжих жишээтэй. Ийм дүрсний карт нь хэрэглэгчийн болон серверийн байж болдог. Хэрэглэгчийн дүрсний картын холбоос тухайн материалдаа хадгалагдан түүн дээр хулганаар даралт хийхэд хөтөч дарагдсан цэгийн координат ямар хэсэгт харьяалагдахыг өөрөө тодорхойлоод хэрэгтэй холбоосоор шилжүүлэлтийг хийнэ. Харин серверийн хувилбарын үед даралт хийгдсэн цэгийн координатууд эхлээд серверт дамжуулагдан тусгай программаар боловсруулалт хийгдсэний дараа холбоосын шилжилт хийгдэнэ. Эндээс хэрэглэгч талын дүрсний карт нь илүү гэдэг нь тодорхой. Түүнийг бид үзэх болно.
Нээгдсэн тоо: 1341 Бүртгүүлэх
Хичээлээр бид текстийг хэлбэржүүлэхэд нэг их өргөн ашиглаад байдаггүй тегүүдийн талаар үзэх болно. Хэдийгээр тегүүдийг ховор ашигладаг гэсэн ч тэдгээрийг мэддэг байх нь хэрэгтэй. Цаашид жишээн дээр кодын зөвхөн тухайн хэсгийг үзүүлэх ба харин туршин үзэхдээ эхний жишээний дагуу бүгдийг бичин туршилтаа хийж байгаарай. Эх кодын файлд өөрчлөлт орох бүрд Mozilla Firefox хувьд 
харин Internet Explorer -д 
товчийг дарах эсвэл F5 даран веб хуудсыг шинэчилнэ гэдгийг дахин сануулъя.
Товчилсон нэрийн тег abbr, acronym
<abbr></abbr>, <acronym></acronym> тегүүд нь текстийг товчлол гэдгийг заана. Анхдагч байдлаар текст доогуураа тасархай зураастай харагдах ба түүн дээр хулганы заагчийг аваачихад товчилсон үгний тайлбар гарч ирдэг. Товчлолын тайлбарыг харуулахдаа тегэд title параметрийг нэмээд түүний утгаар товчлолын тайлбарыг нэмэж өгнө.
Нээгдсэн тоо: 2934 Нийтийн
Веб хөтөчийн түүхээс.
HTML -ыг хэдэн янзаар кодчилж болно. Хөтөч программууд ч HTML -ийг өөр өөрөөр уншдаг. Ер нь бол HTML олон янзын шийдлүүдтэй. Иймээс өөр өөр хөтөч дээр сайтууд өөр өөрөөр харагддаг. Интернет бараг үүсэж эхлэхээс л HTML -ийн ерөнхий стандартыг бий болгох гэж оролдсон боловч энэ нь маш урт замыг туулжээ. Анх эхлээд хөтөч программ үнэтэй байхад Netscape үндсэн хөтөч байж HTML 0.3.2 гэдэг стандарт байсан. Зах зээлийн бараг 90% -ийг Netscape эзэлж байсан тул нэгдсэн стандарт бараг шаардлагагүй шахуу байв. Үүнээс гадна Netscape бусад хөтөч дээр ажилладаггүй өөрийн гэсэн сонин элементүүдийг бүтээсээр л.
Нээгдсэн тоо: 2814 Төлбөртэй
Фрейм бүтцийн жишээ
Хөтөчийн цонхыг фреймүүдэд хувааж болдог. Өөрөөр хэлбэл зэрэгцэн орших хэсгүүдэд хуваана гэсэн үг. Эдгээр хэсгүүдэд өөр өөр html хуудаснуудыг ачааллаж болно. Жишээн дээр тодорхой үзүүлье. Доорх код бүхий index.html файлыг үүсгээрэй.
<html>
<head>
<title>Фреймтэй ажиллах</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<frameset rows="30%, 10%, 60%" >
<frame>
<frame>
<frame>
</frameset>
</html>
илэрхийллийг хялбарчил.
тэгшитгэлийн 
завсар дахь шийдийг ол.
-ийн x4 -ийн коэффициентийг ол.