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> тегүүдийн хооронд оруулж өгнө.

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

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

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

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

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

Олон html хуудаснуудад холбоост дүрсний карт (map) гэж нэрлэгдэх зохион байгуулалтыг ашигладаг. Ийм зохион байгуулалт хийхдээ зураг аваад түүний төрөл бүрийн хэсэгт холбоос хийж өгдөг. Хамгийн өргөн дэлгэрсэн жишээ бол аялагчдадын дэлхийн карт юм. Карт дээрээс сонирхсон орны газрын зураг дээр дарахад энэ улсын тухай хуудаст шилжих жишээтэй. Ийм дүрсний карт нь хэрэглэгчийн болон серверийн байж болдог. Хэрэглэгчийн дүрсний картын холбоос тухайн материалдаа хадгалагдан түүн дээр хулганаар даралт хийхэд хөтөч дарагдсан цэгийн координат ямар хэсэгт харьяалагдахыг өөрөө тодорхойлоод хэрэгтэй холбоосоор шилжүүлэлтийг хийнэ. Харин серверийн хувилбарын үед даралт хийгдсэн цэгийн координатууд эхлээд серверт дамжуулагдан тусгай программаар боловсруулалт хийгдсэний дараа холбоосын шилжилт хийгдэнэ. Эндээс хэрэглэгч талын дүрсний карт нь илүү гэдэг нь тодорхой. Түүнийг бид үзэх болно.

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

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

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

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

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

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

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

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

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

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 
Энэ долоо хоногт

тэгшитгэлийг бод.

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

 

хязгаарыг бодоорой.

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

 

Ангийн нийт сурагчдын 60% нь эмэгтэй сурагчид байдаг. Ангиас санамсаргүйгээр нэг сурагч сонгоход эрэгтэй сурагч байх магадлалыг ол.

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