Макетыг кодлох. Хичээл 2

Өмнөх хичээлд бид сайтын төлөвийн мөрийг html кодод хөрвүүлсэн. Дараагийн хэсэг болох сайтын толгой хэсэг, агуулгын хэсгийн цэсний үеийн кодлолыг энэ хичээлээр үзнэ.

Сайтын толгой.

Кодолж эхлэхийн өмнө фотошоп файлын толгойн хэсгийн үеүүдийн бүлгийн (Header) зохион байгуулалтыг харцгаая.

Материалыг бүртгэлтэй хэрэглэгч үзнэ.

how_to_regБүртгүүлэх

Мэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.

Холбоотой материалууд
Жагсаалт

  Нээгдсэн тоо: 1170 Төлбөртэй

Дугаарлагдсан жагсаалт

Ямар нэгэн байдлаар дугаарлагдсан жагсаалт юм. Дугаараар араб тоо, ром тоо эсвэл үсгүүд байж болно. Жагсаалт дугаарлагдсан гэдгийг хөтөчид заан өгөхдөө <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>
Обьект оруулах

  Нээгдсэн тоо: 1568 Бүртгүүлэх

Эхлээд HTML-д хуудаст мултимедиа мэдээлэл оруулах боломжтой IMG гэсэн ганцхан элемент байсан. Элемент нь зөвхөн зураг оруулах л боломжтой харин бусад форматууд веб хуудаст хаалттай байсан. Тиймээс хөтөч программ боловсруулагчид шинэ шинэ элементүүдийг дэмжих боломжийг нэмэх болсон. Үүний үр дүнд Netscape фирмийн <embed>, Sun фирмийн <applet> тегүүд бий болсон.
Гэхдээ эдгээр элементүүд үүссэнээр бүх асуудлыг шийдвэрлэж чадаагүй тул HTML-д дурын форматтай ажиллах чадвартай <object> гэсэн шинэ элементийг нэмэн оруулсан. Элементийг ашиглахын тулд хэрэглэгчийн компьютерт обьектэд тохирох форматын файлыг харах боломжтой программ хангамж эсвэл хөтөчид нэмэлт модул (plug in) суулгасан байх шаардлагатай.

Тусгай тэмдэгтүүд

  Нээгдсэн тоо: 3496 Нийтийн

Өмнөх хичээлүүдэд бид нилээд олон тооны HTML кодыг бичсэн. Тэгвэл хөтөч <h1></h1> гэдгийг тег гэдгийг хэрхэн мэдэж байгаа юм бэ гэсэн асуулт гарч ирнэ. Өөрөөр хэлбэл текстийг хэрхэн гарчиг болгож байгаа. Тэгвэл эдгээр удирдах тэмдэгтүүдийг зүгээр текст болгон харуулахад яах хэрэгтэй вэ?
Үнэн хэрэгтээ хөтөч < > дотор байрлаж байгаа бүгдийг удирдах тегүүд гэж ойлгоно. Тэгвэл эдгээр тэмдэгтүүдийг дэлгэц дээр харуулахын тулд тэдгээрийг HTML -ийн тусгай тэмдэгтүүдийг ашиглана. HTML-ийн тусгай тэмдэгтүүдийн хүснэгт байдаг. Гэхдээ бид тэдгээрээс зөвхөн үндсэн хэсгийг л үзнэ.

Текстийг хэлбэржүүлэх I

  Нээгдсэн тоо: 1494 Төлбөртэй

  • HTML текст нь ихэнх интернет хуудасны үндсэн бүрдүүлэгч
  • Түлхүүр үгнүүд болон HTML хуудас дахь текстээр хэрэглэгчид таны сайтыг олдог
  • HTML текстүүд таны үзэмжээр дурын өнгө болон хэмжээтэй байж болохоос гадна та текстийн фонт, хэв загварыг тодорхойлон өгч болно.

Хэсэг болон мөр шилжүүлэх тегүүд

<br> - тегээр мөрийг шилжүүлнэ. Энэ тегийн араас бичигдсэн текстүүд шинэ мөрнөөс эхэлнэ.
<p></p> - текстийг нэг хэсэг байдлаар үзүүлэх. Шинээр хэсэг эхлэх бүрдээ <p> тегийг бичнэ. Мөр шилжүүлэх <br> тегээс ялгаатай нь хэсэг хоорондоо хоосон мөрөөр тусгаарлагдаж байдаг.
<p> тегт хэсэгт орсон текстийг зэрэгцүүлэх аргыг заах align гэсэн параметр байдаг. Авч болох утгууд нь

  • left - зүүнээс,
  • right - баруунаас,
  • center - төвд,
  • justify - бүх өргөнд.
Статик гишүүд…

Класс ба структурт ердийн талбар, арга, шинжүүдээс гадна статик талбар, арга, шинжүүд байж болдог. Статик талбар, арга, шинжүүд…

Нээгдсэн тоо : 45

 
useRef

Хичээлээр useState -тэй тун төстэй useRef хукийн талаар авч үзье. useRef хукийн онцлог ашиглалтыг компонент хэдэн удаа дахин…

Нээгдсэн тоо : 43

 
Тоог ихэсгэх

Хүүхдүүд тооны хичээлийг анхнаасаа зөв ойлгон сураагүйгээс анги ахих тусмаа математикийн хичээлийнн хоцрогдолоос болоод дургүй болох тал байдаг.…

Нээгдсэн тоо : 103

 
Графикийн паттерн.…

Нийтлэлээр графикийн хэвүүдийн /GUI pattern/ түүхийг авч үзье. Боловсруулалтын графикийн хэвүүдийг 30 гаруй жилийн туршид боловсруулж байгаа бөгөөд…

Нээгдсэн тоо : 82

 
Аргын хэт…

Хааяа өөр өөр параметрүүдийн багцтай нэг аргыг үүсгэх шаардлага гардаг. Ирсэн параметрүүдээс хамааран аргын тодорхой хэрэгжүүлэлтийг хэрэглэнэ. Ийм…

Нээгдсэн тоо : 81

 
Vuex -ийг…

Ямарч програмын ажиллагааны чухал хэсэг бол төрөл бүрийн мэдээллийн боловсруулалт, тэдгээртэй ажиллахтай холбоотой байдаг. Иймээс энэ хичээлээс vuejs…

Нээгдсэн тоо : 65

 
useEffect

Хичээлээр react -ийн хукуудаас их өргөн ашиглагддаг useEffect -ийн талаар авч үзье. useEffect -ийн ажиллагааг судлах хуудасны кодийг

…

Нээгдсэн тоо : 61

 
Тоон болон…

Илэрхийлэл бол математикийн хэлний үндэс болсон суурь ойлголтуудын нэг. Математикийн илэрхийллийг тооцооны алгоритм, аксиом, теорем, бодлогын нөхцлүүд гээд…

Нээгдсэн тоо : 81

 
Програмчлалын хэвүүд…

Програм зохиох бол нарийн төвөгтэй ажил. Ямар ч програмын хувьд өөрийн хийх ажлаа гүйцэтгэхийн чацуу цаашдаа хөгжих, ажлын…

Нээгдсэн тоо : 74

 
© 2014 Зохиогчийн эрхээр хамгаалагдсан. Холбогдох