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

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

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

Холбоосын тег a

html хуудасны хамгийн чухал ойлголтуудын нэг бол холбоос. Интернет хуудас үзэж байхдаа бид товч эсвэл текст дээр дараад хэрэгтэй хуудас руу шилждэг. Эдгээр хуудаснууд нь тухайн сервер дээр байж болохоос гадна ертөнцийн нөгөө өнцөгт байрлах серверт ч байж болно. Ямарч тохиолдолд хуудас руу тэр дороо л шууд шилждэг.
Өөр хуудсанд шилжихийн тулд хаана дарахыг та хэрхэн мэдэх вэ? Холбоосын өнгө өөр байх эсвэл доогуур зураастай эсвэл хулганы заагчийг аваачихад дүрс нь өөр болох гэх мэтээр хараад мэдэхээр байдаг.
Энэ мэт өөрчлөлтүүдийг хариуцаж байдаг контейнер-тег бол <a></a> юм. Харин хэрэглэгч зүүн даралт хийхэд хаашаа шилжүүлэхийг тегийн href атрибут тодорхойлно.

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

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

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

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

Хичээлээр бид текстийг хэлбэржүүлэхэд нэг их өргөн ашиглаад байдаггүй тегүүдийн талаар үзэх болно. Хэдийгээр тегүүдийг ховор ашигладаг гэсэн ч тэдгээрийг мэддэг байх нь хэрэгтэй. Цаашид жишээн дээр кодын зөвхөн тухайн хэсгийг үзүүлэх ба харин туршин үзэхдээ эхний жишээний дагуу бүгдийг бичин туршилтаа хийж байгаарай. Эх кодын файлд өөрчлөлт орох бүрд Mozilla Firefox хувьд харин Internet Explorer товчийг дарах эсвэл F5 даран веб хуудсыг шинэчилнэ гэдгийг дахин сануулъя.

Товчилсон нэрийн тег abbr, acronym

<abbr></abbr>, <acronym></acronym> тегүүд нь текстийг товчлол гэдгийг заана. Анхдагч байдлаар текст доогуураа тасархай зураастай харагдах ба түүн дээр хулганы заагчийг аваачихад товчилсон үгний тайлбар гарч ирдэг. Товчлолын тайлбарыг харуулахдаа тегэд title параметрийг нэмээд түүний утгаар товчлолын тайлбарыг нэмэж өгнө.

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

Хөтөч хуудсыг хүлээн аваад түүнийг ямар байдлаар хөрвүүлэхээ тодорхойлдог. Хуудасны хамгийн эхний тег нь <HTML> байх ёстой. Учир нь энэ тег нь таны хуудсыг HTML дээр бичигдсэн гэдгийг хөтөчид мэдэгдэж байгаа юм. Хамгийн жижиг HTML хуудас нь доорх хэлбэртэй байна:

<HTML> ...Хуудасны бие хэсэг... </HTML>

Хуудасны толгойн хэсэг <HEAD> болон түүний элементүүд

Хуудасны толгойн хэсгийн тэг нь <HTML> тэгийн араас шууд байрлах ба хуудасны бие хэсэгт дахин хаана ч ашиглагдахгүй. Энэхүү тег нь хуудасны ерөнхий утгыг илэрхийлдэг бөгөөд хуудасны харагдах хэлбэрт ямарч нөлөө үзүүлдэггүй. <HEAD> тегийн дотор ямар нэгэн текст бичихгүй байх хэрэгтэй. Нээлтийн <HEAD> тегийн араас <TITLE>, <BASE>, <LINK>,<SCRIPT> г.м хуудасны тодорхойлогч тегүүд байрлах бөгөөд бүх тодорхойлолтыг дууссны дараа </HEAD> тег бичигдэнэ.

Лямбда-илэрхийлэл нь нэргүй аргын хураангуй бичилтийг илэрхийлнэ. Лямбда-илэрхийлэл утга буцаадаг, буцаасан утгыг өөр аргын…

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

 

Кодийн сайжруулалт /рефакторинг/ хичээлээр програмийн кодоо react -ийн зарчимд нийцүүлэн компонентод салгасан.…

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

 

Хадгалагч (Memento) хэв обьектын дотоод төлвийг түүний гадна гаргаж дараа нь хайрцаглалтын зарчмыг зөрчихгүйгээр обьектыг сэргээх боломжийг олгодог.

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

 

Делегаттай нэргүй арга нягт холбоотой. Нэргүй аргуудыг делегатийн хувийг үүсгэхэд ашигладаг.
Нэргүй аргуудын тодорхойлолт delegate түлхүүр үгээр…

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

 

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

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

 

Төсөлд react-router-dom санг оруулан чиглүүлэгчдийг бүртгүүлэн тохируулсан Санг суулган тохируулах хичээлээр бид хуудас…

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

 

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

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

 

Зуучлагч (Mediator) нь олон тооны обьектууд бие биетэйгээ холбоос үүсгэхгүйгээр харилцан ажиллах боломжийг хангах загварчлалын хэв юм. Ингэснээр…

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

 

Делегатууд хичээлд ухагдхууны талаар дэлгэрэнгүй үзсэн ч жишээнүүд делегатийн хүчийг бүрэн харуулж чадахааргүй байсан.…

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

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

Арифметик прогресийн 5-р гишүүн 8,4 харин 10-р гишүүн 14,4 тэнцүү бол энэ прогресийн 22-р гишүүнийг ол.

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

 

Дарааллын эхний n гишүүний нийлбэр томьёогоор өгөгджээ. Хэрэв энэ дараалал геометр прогресс бол q -г ол, арифметик прогресс бол d -г ол.

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

 

бол M·N=?

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