Толгойн хэсэг.
Хичээлээ сайтын толгойн хэсгийг кодлохоос эхлэе. Толгойн хэсэг хамгийн энгийн амархан хэсэг гэдгийг index.html хэсгийн кодоос ч тэр PSD макетаас ч харсан тодорхой. Кодын хэсгийг харуулбал.
<div id="header">
<div id="logo">
<h1><a href="#home" title="Home Page">E-surgalt.com</a></h1>
<h2>ONLINE LEARNING</h2>
</div>
</div>Материалыг тусгай эрхтэй хэрэглэгч үзнэ.
request_quoteТусгай эрх авахМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 3776 Нийтийн
Гадаад хэвийн хүснэгт
Доорх код бүхий ердийн html хуудас үүсгэе.
<html>
<head>
<title>CSS -ийг HTML -д оруулах</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<h1>1-р түвшингийн гарчиг</h1>
Энд энгийн текст
<h2>2-р түвшингийн гарчиг</h2>
Энд энгийн текст
</body>
</html>
Одоо Notepad дээр хоосон файл үүсгээд style.css гэсэн нэрээр html хуудас байрлах хавтаст хадгална. Одоохондоо манай style.css файл хоосон байх бөгөөд бидний хэвүүдийн хуудас болох юм.
Нээгдсэн тоо: 2122 Төлбөртэй
Сайтын html, css кодыг бичихдээ бид дээрээс доош дарааллах зарчмыг баримталж байсан бол энэ удаа дүрмээсээ бага зэрэг хазайн цэсний хэсгээс өмнө сайтын төв хэсгийг кодлох болно. Энэ хэсэг бол манай PSD макет дээр доорх зурагт үзүүлсэн хэсэг.
Нээгдсэн тоо: 2763 Нийтийн
Сайтын макетыг фотошоп дээр хийн дараа нь html кодод хэрхэн хөрвүүлэхийг сайтын Photoshop болон HTML хэл хэсгүүдээс үзэж танилцсан бол одоо бид сайтын html хуудсыг css ашиглан хэлбэржүүлэхэд суралцах юм. Ингэснээр та өөрөө сайтын загварыг бүрэн гаргаж сурах болно. Хэвийн хүснэгтийг зохиож эхлэхийн өмнө бид блокийн моделийн талаарх зарим зүйлсийг сайн ойлгох хэрэгтэй.
Нээгдсэн тоо: 3500 Нийтийн
CSS нь хэлнүүдийн адилаар өөрийн гэсэн бичлэгийн дүрэмтэй. Түүнд элемент, параметр, тегүүд байхгүй ч дүрэм бий. Дүрэм нь заагч ба их хаалтанд байрлах хэвийг тодорхойлогч блокоос бүрдэнэ.
Хэвийг тодорхойлогч блок нь цэг таслалаар тусгаарлагдсан шинж болон түүний утгуудаас бүрдэнэ.
тэнцэтгэл биш хэдэн бүхэл тоон шийдтэй вэ?
тэгшитгэлийг бод.