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

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

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

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

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

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

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

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

Фрейм бүтцийн жишээ

Хөтөчийн цонхыг фреймүүдэд хувааж болдог. Өөрөөр хэлбэл зэрэгцэн орших хэсгүүдэд хуваана гэсэн үг. Эдгээр хэсгүүдэд өөр өөр html хуудаснуудыг ачааллаж болно. Жишээн дээр тодорхой үзүүлье. Доорх код бүхий index.html файлыг үүсгээрэй.

<html>
<head>
<title>Фреймтэй ажиллах</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<frameset rows="30%, 10%, 60%" >
<frame>
<frame>
<frame>
</frameset>
</html>

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

Веб хөтөчийн түүхээс.

HTML -ыг хэдэн янзаар кодчилж болно. Хөтөч программууд ч HTML -ийг өөр өөрөөр уншдаг. Ер нь бол HTML олон янзын шийдлүүдтэй. Иймээс өөр өөр хөтөч дээр сайтууд өөр өөрөөр харагддаг. Интернет бараг үүсэж эхлэхээс л HTML -ийн ерөнхий стандартыг бий болгох гэж оролдсон боловч энэ нь маш урт замыг туулжээ. Анх эхлээд хөтөч программ үнэтэй байхад Netscape үндсэн хөтөч байж HTML 0.3.2 гэдэг стандарт байсан. Зах зээлийн бараг 90% -ийг Netscape эзэлж байсан тул нэгдсэн стандарт бараг шаардлагагүй шахуу байв. Үүнээс гадна Netscape бусад хөтөч дээр ажилладаггүй өөрийн гэсэн сонин элементүүдийг бүтээсээр л.

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

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

Үйл явдал /event/ тодорхой үйлдэл хийгдсэн талаар системд мэдэгддэг. Хэрвээ бид энэхүү үйлдлийг ажиглах хэрэгтэй бол яг энд…

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

 

Манай төсөл олон хуудсуудтай болон тэдгээрийн хооронд динамикаар шилжилт хийж байгаа ч тухайн үед шилжилт хийгдсэн хуудаст тохирох…

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

 

Зочин (Visitor) паттерн классуудыг өөрчлөхгүйгээр тэдгээрийн обьектуудын үйлдлийг тодорхойлох боломжийг олгоно. Зочин хэвийг ашиглахдаа классуудын хоёр ангилалыг тодорхойлно.…

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

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

Өдрийн хуваарьт 5 хичээл ордог. Тэгвэл 11 хичээлээс зохиож болох хуваарийн хувилбарын тоог ол. Нэг хичээл өдөрт нэг удаа л орно.

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

 

y=8x3 ба y=8x функцуудын графикаар хязгаарлагдсан дүрсийн талбайг ол.

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

 

тэгшитгэлийн язгуурууд x1 , x2 , x3 бол

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