HTML -ийн тухай

HyperText Markup Language (HTML) гэдэг нь веб хуудас хийхэд зориулагдсан албан ёсны /стандарт/ хэл юм. Веб хуудсыг төрөл бүрийн WEB BROWSER (интернет хөтөч) ээр үзэж болно. Интернет хөтөч нь HTML ээр хийгдсэн хуудасны элементүүдийг хэв шинжийг тодорхойлолтуудыг хөрвүүлж хэрэглэгчид үзүүлдэг программ хангамж юм. Фонт, шугам, төрөл бүрийн графикийн элементүүдийг ашиглан веб хуудсыг хэлбэржүүлэх ажиллагааг хийх боломжийг HTML бүрдүүлж өгдөг.

Ихэнх хуудсууд нь гарчиг, догол мөр, жагсаалт гэх мэтийн стандарт элементүүдтэй байдаг. Хуудасны мэдээллийн бүтэц, бүрэн байдлыг ханган HTML-ийн тег-ийг ашиглан тухайн элементийг хэрхэн харуулах мэдээллийг интернет хөтөчид дамжуулан өгч болно. Интернет хөтөч нь хуудсыг уншихдаа HTML-ийн тегийг хөрвүүлэн зохиогч ямар байдлаар хэлбэржүүлсэн тэр хэлбэрээр нь дэлгэцэнд үзүүлнэ.

Ихэнх тохиолдолд зохиогч өөрийн хуудасны гадаад хэлбэрийг хатуу тодорхойлж өгсөн байдаг. Интернет хөтөчийн боломжоос хамаарч хэрэглэгч хуудасны үзэгдэх хэлбэрийг удирдаж болох боловч түүний агуулгыг өөрчлөх боломжгүй. Жишээ нь нэг интернет хөтөч догол мөрийг тэмдэглэсэн тегийг таниад хуудсыг зөв гаргаж байхад нөгөө нь танихгүй байх тохиолдол байна. Зарим интернет хөтөч хуудасны үсгийн хэмжээ, өнгө зэргийг тохируулж болох боломжтой байдаг.

HTML-тегүүдийг ерөнхийд нь хоёр төрөлд хувааж болно:

  1. Хуудасны бие хэсэг body буюу интернет хөтөчөөр хэрхэн харагдахыг тодорхойлсон тегүүд
  2. Гарчиг, зохиогч г.м хуудсаны шинж чанаруудыг тодорхойлсон тегүүд

HTML -ийн хамгийн давуу тал нь та хуудсаа төрөл бүрийн үйлдлийн системд / платформ / төрөл бүрийн интернет хөтөчид тохирохоор хийж болдогт оршино.

HTML хуудсыг хийх программ хангамж

HTML хуудсыг хийхэд танд ямар программ хангамжууд хэрэгтэй болох вэ гэвэл

  • Дурын текст засварлагч эсвэл HTML үүсгэх тусгай зориулалтын программ. HTML хуудас үүсгэх программын сонголт нь зөвхөн зохигчийн өөрийн хүслээс хамаарна. Жишээ нь, Netscape компаний "Netscape Navigator Gold" төрлийн HTML- засварлагч нь WYSIWYG (What You See Is What You Get) технологийг ашиглан хуудсыг гарафикаар үүсгэх боломжтой байдаг бол хуудсыг үүсгэхэд ихэнхдээ хэрэглэгддэг хэрэгслүүд нь хуудсыг HTML формат руу хөрвүүлэх боломж бүхий хөрвүүлэгчтэй байдаг. Ер нь энгийн Notepad текст засварлагч байхад хангалттай.
  • Зохиосон веб хуудсаа харах интернет хөтөч программ. Энд өргөн дэлгэрсэн Internet explorer, Firefox, Chrome аль нь ч болно.

Үндсэн дүрэм

HTML-ийн бүх тегүүд "<" (зүүн өнцөгт хаалт)-ын тэмдгээр эхлээд ">" (баруун өнцөгт хаалт)-ын тэмдгээр дуусна. Нээлтийн ба хаалтын тег гэж байна. Доорх жишээ нь гарчигийн тегийг үзүүлж байгаа бөгөөд гарчигийн текст нь нээлтийн ба хаалтын тегүүдийн дунд бичигдэнэ:

<TITLE> Хуудасны гарчиг </TITLE>

Хаалтын тег нь нээлтийн тегээс өнцөг хаалтын доторх тегийн нэрийн өмнөх налуу зураасаар л ялгаатай. Дээрх жишээн дээр <TITLE> тег нь хөтөчид гарчигийн формат тег ашиглаж байгааг харин </TITLE> нь гарчиг дуусч байгааг тус тус мэдэгдэж байна.

<P> (догол мөр тодорхойлох тег) г.м зарим тегүүдэд хаалтын тег байх шаардлагагүй боловч хаалтын тегийг ашиглах нь хуудасны эхийг ойлгомжтой болгож өгөхөөс гадна XML төрлийн хуудаснууд хаалтын тегийг заавал шаарддаг тул та бүхэн эхнээсээ хаалтын тегийг хэрэглэж сурах нь цаашдаа хэрэгтэй гэдгийг санаарай.

HTML нь тегийг бичиж байгаа тэмдэгтийн том жижиг үсгээр бичигдсэн эсэхийг ялгадаггүй учраас дээрх жишээг дараах байдлаар бичиж болно:

<title> Хуудасны гарчиг </title>

Санамж. Хуудсыг хөтөч хөрвүүлэх үедээ HTML хуудасны эхэд оруулсан tab, space товчнуудаар оруулсан нэмэлт хоосон зай, мөр шилжүүлэг зэрэг эх текстийг уншихад хялбарчилсан тэмдэгтүүдийг хасдаг. Дээрх тэмдэгтүүдийг HTML хуудсанд зөвхөн <PRE> ба </PRE> тегүүдийн хооронд оруулж өгнө.

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

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

Багана нийлүүлэх тег colspan

Нарийн бүтэцтэй хүснэгтийг ашиглах хамгийн өргөн дэлгэрсэн хэлбэр бол веб хуудасны зохион байгуулалтыг хийх юм. Зургийг харцгаая

Хэрвээ зураг дээр хүснэгт байрлуулбал зураг нь тодорхой заагдсан өргөнтэй 3 мөр, 2 баганатай хүснэгт байгааг бид харах болно.

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

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

  Нээгдсэн тоо: 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>

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

HTML хуудсыг бичихдээ текстээ гарчиг, дэд гарчиг, текст гэх мэтээр хэсгүүдэд хувааж өгдөг. Нэгдүгээр түвшингийн гарчиг / хэмжээгээрээ хамгийн том нь / 1, дараагийнх нь 2, г.м хуваагдана. Ихэнх броузерууд нь өөрийн хэв маягаар зургаан түвшингийн гарчигийг хөрвүүлдэг. Зургаагаас дээш түвшингийн гарчиг нь стандартад ордоггүй тул броузерууд дэмжихгүй / танихгүй / байж болно. Нэгдүгээр түвшингийн гарчигийг дараах байдлаар бичнэ:

<H1> Нэгдүгээр түвшингийн гарчиг </H1>

Өөр түвшингийн гарчиг нь ерөнхий тохиолдолд

<Hx> x-түшингийн гарчиг </Hx>

гэсэн хэлбэрээр бичигдэнэ.

энд x - гарчигийн түвшинг тодорхойлсон 1 нээс 6 хүртэл тоо.

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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