Өмнө дурьдсанчлан HTML нь өнөөдөр World Wide Web дээр ямар ч вэб хуудас бичих үндэс суурь болдог. Ашиглаж байна CSS үүсгэх HTML хэл дээрх код үндсэндээ өөрчлөгдөж байна. Та зүгээр л тодорхой зүйлд хүрэхийн тулд болхи HTML хаягуудыг дахин ашиглахдаа баяртай гэж хэлж болно. харааны эффектүүд. Зарим HTML шошго эсвэл атрибутуудын тухай, тухайлбал хуучирсан шошго...

гэр

Вэбсайт захиалаад бизнес хийгээрэй!

Энэ хэллэгийг олон сайтаас сонсож, харж болох бөгөөд энэ нь дэмий хоосон биш юм!

Вэб сайт — компанийн нүүр царай юм. Энэ нь боломжит хэрэглэгчтэй харилцах хамгийн орчин үеийн, үр дүнтэй суваг юм. Зөвхөн интернет сайтын боломжууд нь тайлагнах бүх аргыг бүрэн ашиглах боломжийг танд олгоно мэдээллийн мессежхэрэглэгч хүртэл. Текст, аудио, видео мэдээллийг нэг сайт дотор оруулж хэрэглэгчтэй танилцах боломжтой.

Ашиглах замаар програм хангамжЭнэ сайтад та төлбөр хүлээн авах, утсаар ярих, мэдээллийн сан хөтлөх, факс илгээх, хүлээн авах, солилцох боломжтой SMS мессежүүдболон бусад олон зүйлийг хийх. Орчин үеийн интернетвэб сайт нь аливаа компанид төдийгүй интернет хэрэглэгчдийн мэдээллийн төв юм.

Энэ бол хамгийн өргөн хүрээний үзэгчдэд өөрийн санаа, бүтээн байгуулалтыг үр дүнтэй, нэгэн зэрэг энгийн бөгөөд нүдээр харуулах ялалт-хож арга юм. Өнөөдөр HTML гипертекст тэмдэглэгээний хэлээр бичигдсэн вэб баримтууд нь вэб орчинд өгөгдөл дүрслэх үндсэн хэлбэр хэвээр байна.

HTML-ийн гол давуу талууд нь:

• HTML хэлийг хамгийн богино хугацаанд сурах боломжийг олгодог энгийн байдал.
• өөрөө бий болгох боломж вэб хуудсууд
• HTML нь өнөөдөр байгаа бүх платформ дээр яг адилхан ажилладаг тул нэмэлт тоног төхөөрөмж худалдан авах шаардлагагүй. Зүгээр л Notepad гэх мэт боломжтой текст засварлагчийг ашигла.

Энэ сайтад би өөрийн вэб сайтыг бий болгох бүх үйл явцыг, тухайлбал, бүх хэрэглэгчдэд нэвтрэх боломжийг олгохын тулд дууссан төслийг интернетэд нийтлэх үйл явцыг нарийвчлан тайлбарлахыг хичээсэн.

Би өөрөө программист биш, гэхдээ энэ ажил надад маш их урам зориг өгсөн учраас миний олон нийтлэл маш их хэрэг болно гэж найдаж байна.

HTML- баримт бичгийн гипертекст тэмдэглэгээний хэл. Үүний тусламжтайгаар та бусад хуудасны холбоос бүхий текст бичих, хүснэгт, жагсаалт үүсгэх, зураг оруулах гэх мэт олон зүйлийг хийх боломжтой. Энэ хэлийг вэбсайт бичихэд ашигладаг.

» эхлэгчдэд зориулсан html

» Үндсэн хуудас

» эхлэгчдэд зориулсан html

html хэлний үндсэн шошго (тодорхойлогч).

Бүх сонгодог HTML хичээлүүдийн уламжлалын дагуу бид хамгийн энгийн гипертекст баримтыг толилуулж байна.

Энд эхний түвшний гарчиг байна

Интернетэд тавтай морил!

Эхний ба сүүлчийн догол мөр.

Энэ жишээнд бид дараах гипертекст нэр томъёог (шошго гэж нэрлэдэг) ашигласан.

Баримт бичгийн нэр

Энэ бол дүрэм биш, тэр байтугай хууль ч биш, энэ бол баримт юм:

HTML баримт бичиг бүр гарчигтай байдаг.

Бусад хөтчүүд таны HTML баримт бичгийн нэрээр мэдээлэл олох боломжтой. Гарчгийн газар нь үргэлж тодорхойлогддог - энэ нь дэлгэцийн дээд хэсэгт байрладаг бөгөөд баримт бичгийн агуулгаас тусдаа байдаг. Нэрийн дээд урт нь 40 тэмдэгт байна.

Форматлаж байна

Формат нь шууд эсвэл зохиогчийнх байж болно. Хэрэв та шошгыг ашиглаж байгаа бол

Дараах шошгууд нь шууд форматлахад зориулагдсан:

Догол мөр.

Мөр таслах.

Гарчиг ба дэд гарчиг

HTML хэл нь зургаан түвшний гарчигтай ажиллах боломжийг олгодог. Эхний гарчиг бол хамгийн чухал зүйл юм. Түүнд хандаж байна Онцгой анхаарал. Бусад гарчгийг загварчилж болно, жишээлбэл, тод үсгээрэсвэл том үсэг.

HTML хэл дээр эхний гарчгийг гэж тэмдэглэсэн байдаг

:

Текст

n нь гарчгийн түвшинг, өөрөөр хэлбэл 1, 2, 3, 4, 5, 6 гэсэн тоонуудыг илэрхийлнэ.

HTML дээр эхний гарчиг нь баримт бичгийн гарчигтай ижил байж болно.

Жагсаалт нь дугааргүй хуваагдана:

Жагсаалтын зүйл

дугаарласан:

Жагсаалтын зүйл

тайлбартай:

Нохой (элемент)

Хүний найз (зүйлийн тайлбар)

болон үүрлэсэн:

Примус

Өөр нэг примус

Текст сонголт

HTML баримт бичгийн текстийг дараах аргуудын аль нэгээр нь тодруулж болно.

- иш татах

- програмын код

- тодорхойлолт

- логик онцлох

- гарны оролт

- компьютерийн мессежүүд

- хүчтэй өргөлт

- хувьсагч

Нэг том догол мөр

HTML хэл дээр мөр таслах нь чухал биш. Энэ нь та баримтынхаа хаана ч мөр таслах боломжтой гэсэн үг юм. Энэ нь гипертекст баримт бичигт дараалсан зай нь нэг болж хувирдагтай холбоотой юм. Гэхдээ! Хэрэв тэмдэглэгээний дараа зай байгаа бол

Үүнийг харгалзан үздэг. Хэрэв ямар нэгэн шошго үл тоомсорловол зайг мөн харгалзан үзнэ. Бусад тохиолдолд хөтөч хоорондын зайг алгасах болно.

HTML нь текст эсвэл зургийг бусад гипертекст баримтуудтай холбох боломжийг олгодог. Текстийг ихэвчлэн өнгөөр ​​тодруулж эсвэл доогуур зурсан байдаг.

Үүний тулд шошгыг ашигладаг. . А үсгийн ард заавал зай байх ёстой гэдгийг санаарай.

¦ залгах

¦ HREF=”файлын нэр”> гэж бичнэ

¦ бичнэ үү

Боб

Энд Боб гэдэг үг нь гипертекст холбоос үүсгэдэг BobAnapa.html баримт бичигт хамаарна.

Боб

Хэрэв та бүрэн шаардлага хангасан файлын нэрийг зааж өгөхийг хүсвэл UNIX синтакс ашиглах хэрэгтэй.

протокол: //hostport/path

Текстийг урьдчилан форматлаж байна

Tag

Нэг зайтай фонтоор текст үүсгэх боломжийг танд олгоно.

 
Програмын жагсаалтыг гаргахдаа энэ шошгыг ашиглана уу.
 
Өргөтгөсөн ишлэлүүд
 
Tag 
дан объектод ишлэл оруулах боломжийг танд олгоно.

 
Tag 
HTML баримт бичгийн зохиогчийн тухай мэдээлэл үүсгэх боломжийг танд олгоно.

 
Албадан шугамын тэжээл
 
Tag 
зөвхөн нэг мөр, өөрөөр хэлбэл нэмэлт зайгүй орчуулдаг.
 
Хэвтээ хуваагч
 
Tag 
цонхны бүхэл бүтэн өргөнийг хөндлөн шугам үүсгэдэг.

 
Суулгасан зургууд
 
Та өөрийн баримт бичигт зураг оруулах боломжтой.  Дотор зургийн синтакс нь дараах байдалтай байна.
 

 
Энд image_URL нь зургийн файлын заагч бөгөөд синтакс нь HTML холбоосынхтой ижил байна.
Өнөөдрийн нийтлэл нь шинэхэн програмистууд болон вэб дизайнеруудын дунд маш их хамааралтай сэдвийг хөндсөн, тухайлбал HTML засварлагчийг сонгох сэдэв юм.  Мэргэшсэн програм хангамжийн жагсаалтыг бүхэлд нь танилцуулсны дараа газар дээр нь хамгийн сайн сонголтыг хийхэд хэцүү байдаг - хөтөлбөр бүр нь онцгой бөгөөд өөрийн гэсэн хэд хэдэн онцлог, давуу болон сул талуудтай байдаг.  Аз болоход, дээрх мэргэжлүүдийн олон тооны хүмүүсийн дунд үр бүтээлтэй ажилласан жилүүдэд HTML баримт бичиг, ялангуяа интернет сайтуудыг үүсгэх, засварлах хамгийн оновчтой програмуудын "ажлын жагсаалт" бий болсон.  Энэ материал нь зургаан HTML редакторыг авч үзэхэд зориулагдсан болно.  Үүссэн нийтлэлийн хэмжээ их байгааг харгалзан бид танилцуулгыг хойшлуулахгүй бөгөөд тэр даруй ажилдаа орох болно.
Тиймээс бидний анхаарлыг татсан анхны HTML редактор бол Macromedia HomeSite юм.
Macromedia HomeSite нь хуудсыг гараар кодлохыг илүүд үздэг хэрэглэгчдийн дунд хамгийн алдартай HTML баримт бичгийг засварлах хэрэгслүүдийн нэг юм.  Үүний зэрэгцээ HomeSite нь өөрөө бүтээх үйл явцыг ихээхэн хурдасгаж, хөгжүүлэгчийн ажлыг хөнгөвчлөх боломжийг олгодог.
Зургийг томруулах
Хөтөлбөрийн ажлын талбарыг нөхцөлт байдлаар гурван хэсэгт хувааж болно: эхний, хамгийн том нь - баримт бичгийн агуулга бүхий бодит цонх, зүүн талд байрлах хоёр дахь хэсэг нь анхдагчаар дискэн дээрх баримт бичгийн жагсаалтыг агуулдаг.  Эцэст нь, дээд хэсэгт уламжлалт цэсээс гадна хамгийн их ашиглагддаг функц бүхий хэд хэдэн самбар байдаг бөгөөд тэдгээрийн гадаад төрхийг таны амтанд тохируулан өөрчилж болно.
Macromedia HomeSite нь зөвхөн HTML хуудсууд төдийгүй PHP, Perl, ASP, MySQL болон бусад түгээмэл хөгжүүлэлтийн хэрэгслүүдэд тохиромжтой синтаксийг тодотгож өгдөг.  Энэ баримт нь зөвхөн гипертекст тэмдэглэгээний хэлээр хязгаарлагдахгүй, илүү төвөгтэй вэб програмчлалын хэл ашигладаг туршлагатай хэрэглэгчдэд таалагдах болно.  Хэрэв та одоогийн синтаксийг тодруулсан өнгөт схемд сэтгэл хангалуун бус байвал энэ нь асуудал биш юм - та одоо байгаа нэгийг нь засварлаж эсвэл бүр өөрийн баримт бичгийн дизайны схемийг үүсгэж болно.  HomeSite нь HTML хэлний тодорхойлолтын програмын чадавхийг тайлбарлахаас гадна шошгоны лавлагаа агуулсан хүчирхэг тусламжийн системтэй бөгөөд одоогийн тодорхойлогчдод тохиромжтой зөвлөмжийг агуулсан байдаг - тэдгээрийг дуудахын тулд F2 товчийг дарахад л хэрэглэгч бүх боломжит шинж чанаруудыг харуулах болно. энэ шошгоны хувьд.
Байнга ашиглагддаг шошгоны бүлгүүдэд хандах хандалтыг хурдасгахын тулд баруун дээд буланд хэд хэдэн самбар байдаг бөгөөд тэдгээрийн гадаад төрх, байршлыг өөрчлөх боломжтой.
Самбар нь хэд хэдэн табуудад хуваагддаг бөгөөд тус бүр нь нэг бүлэгт хамаарах шошготой байдаг.  Жишээлбэл, Фонтын таб нь үсгийн хэмжээг хурдан нэмэгдүүлэх, хэв маяг, мөртэй харьцуулахад байрлалыг өөрчлөх, гурван түвшний гарчиг оруулах товчлууруудыг агуулдаг.
Тагийн бүх шинж чанарыг гараар оруулах өөр нэг арга бол Tag Editor гэж нэрлэгддэг шошго засварлагч бөгөөд янз бүрийн шинж чанаруудад утгыг оноох үйл явцыг ихээхэн хөнгөвчлөх боломжтой.
Хүснэгт, хүрээ үүсгэх, тохируулах хэрэгслүүдийг тусад нь тэмдэглэх нь зүйтэй - Хүснэгтийн шидтэн ба Хүрээний шидтэн нь нарийн төвөгтэй бүтэцтэй хүснэгт, хүрээ үүсгэх үед хөгжүүлэгчийн амьдралыг ихээхэн хөнгөвчлөх боломжийг олгодог.
Ийм ширээг өөрийн гараар бүтээхэд хичнээн их цаг хугацаа шаардагдахыг төсөөлөөд үз дээ!
Homesite нь зөвхөн ашигласан тодорхойлогчдын үнэн зөвийг шалгаад зогсохгүй текстийн зөв эсэхийг шалгадаг, мөн CSS файлуудын засварлагч - TopStyle гэж нэрлэгддэг каскадын загварын хуудаснуудыг агуулдаг гэдгийг тэмдэглэх нь зүйтэй.
Баримт бичгийг бүтээх ажлыг хурдасгахын тулд та гарын товчлолыг ашиглаж болно - HomeSite нь гарын дурлагчдад зориулсан өргөн хүрээний үйл ажиллагааны талбарыг санал болгодог.  Жишээлбэл, шошго 
Ctrl+Break товчлуурын хослолтой тохирч байна.  Гэсэн хэдий ч хэрэглэгч бараг ямар ч тушаалд тохиромжтой гарын товчлолыг өгөх боломжтой.
Давуу тал.  Хөтөлбөрийн давуу тал нь функциональ байдал, олон талт байдал, янз бүрийн програмчлалын хэлийг дэмжих, ойлгомжтой интерфэйс, өргөн боломж, хүчирхэг тусламжийн систем юм.  Сул талууд.  Орос хэлний дэмжлэг дутмаг, өндөр үнэ, танд хуудас үүсгэхийн тулд хамгийн багадаа HTML хэлний өнгөц мэдлэг хэрэгтэй, програмын өндөр үнэ.
Та Macromedia HomeSite-ийн хамгийн сүүлийн хувилбарыг эндээс татаж авах боломжтой.
SiteEdit програмыг Оросын EdgeStile компани бүтээсэн бөгөөд хөгжүүлэгчид агуулгын удирдлагын систем болгон байрлуулдаг.  HomeSite-ээс ялгаатай нь SiteEdit нь харааны хөгжүүлэлтийн хэрэгсэл гэж нэрлэгддэг WYSIWYG редакторуудад хамаардаг. том үсэгнүүдилэрхийллүүд Таны харж байгаа зүйл бол таны олж авсан зүйл - "харж байгаа зүйл чинь таны олж авсан зүйл").
Хөтөлбөрийн анхны нээлтийн дараа гарч ирнэ бэлэн загварвэб сайт.
Бүхэл бүтэн зангилааны бүтцийг дараах байдлаар дүрсэлсэн янз бүрийн хуудасхэд хэдэн хэсгийг агуулсан.  Хэсэг нь эргээд хэд хэдэн оруулга эсвэл объект агуулж болно.  Засварлах горимд шилжсэнээр (өгөгдмөл F9) бид засварлах боломжтой болно одоо байгаа хэсгүүдболон шинээр нэмэх, одоо байгаа бичлэгийн текстийг өөрчлөх эсвэл шинэ оруулга нэмнэ үү.
"Өөрчлөх хэсэг" товчийг дарсны дараа шинэ цонх гарч ирэх бөгөөд та энэ энгийн үйлдлийг хийж болно.
Шууд текст засварлахаас гадна хэрэглэгч фонтын хэв маягийг өөрчлөх, зураг оруулах товчлууруудад хандах боломжтой. одоогийн огноо, хүснэгт нэмэх, гипер линк оруулах, тэмдэглэгдсэн эсвэл дугаарласан жагсаалт үүсгэх - бүгдийг хулганаар энгийн товшилтоор хийнэ.  HTML хэлийг мэддэг хүмүүс дээрх функцээр хязгаарлагдахгүй, шаардлагатай кодыг гараар бичихэд хангалттай.  Засварлах цонхонд синтаксийг тодруулах гэх мэт нарийн ширийн зүйл байхгүй тул та HTML товчийг дарж гадаад засварлагч руу залгаж, шаардлагатай бүх өөрчлөлтийг хийж болно.
Хөтөлбөр нь хэд хэдэн дизайны загваруудыг санал болгодог: ном, галеон, кафе, далдуу модны арьс, строител, үүний ачаар та сайтын дүр төрхийг бүхэлд нь өөрчлөх боломжтой.
Хуудасны бүх элементүүдийг засах боломжтой.  Дизайныг илүү эрс өөрчлөхийн тулд хуудсан дээрх бүх элементүүдийг өөрчлөх хамгийн өргөн боломжийг олгодог дизайн засварлагч байдаг.


зургийг томруулах
Зүүн талд элементүүдийн жагсаалт, баруун талд - хуудасны харагдах байдал, доод талаас тодорхой тодорхойлогчийн шинж чанаруудын утгыг өөрчлөх цонхнууд байдаг.  Жишээлбэл, Фонтын шошгонд дараах шинж чанарууд байдаг: өнгө, хэмжээ, жин, хэв маяг, ташуу доогуур зураас, зай.  Эхлэгчдэд хайрцгийг бөглөх арга таалагдах болно - та гараар юу ч оруулах шаардлагагүй, унадаг жагсаалтаас хүссэн зүйлээ сонгоход л хангалттай.  Өнгөний сонголт нь бас хэцүү биш юм - палитр нь хэрэглэгчийн мэдэлд байдаг, та зүгээр л дуртай сүүдэрээ шийдэх хэрэгтэй бөгөөд түүний арван зургаатын кодыг харгалзах талбарт аль хэдийн зааж өгсөн болно.
Хөтөлбөрт сайтыг дуурайлган хийсэн бэлэн загвар багтсан болно Барилгын компанитаны хэрэгцээнд нийцүүлэн өөрчлөх боломжтой.
Хуудасны кодыг програмаас шууд хадгалах боломжгүй байгаа нь сонин байна, үүний тулд та "Хуудсыг хөтөч дээр харах" гэсэн зүйлийг сонгох хэрэгтэй бөгөөд зөвхөн хөтчөөс хуудсыг html файл болгон хадгалах боломжтой.  Энэ арга нь SiteEdit програмын Стандарт ба Бизнесийн хувилбаруудад төслийг бүхэлд нь хостинг руу шууд байршуулах боломжтой байдагтай холбоотой бололтой. үнэгүй хувилбарЭхлэх энэ боломжхарамсалтай нь алга болсон.  Тиймээс үл нийцэх байдал үүсдэг.
Давуу тал.  Энгийн интерфэйс - HTML-ийн талаар бараг ямар ч мэдлэг шаардагддаггүй, функциональ байдал, түгээлтийн иж бүрдэл бага жинтэй, орос интерфэйс хэл, үнэгүй эхлүүлэх хувилбар.
Сул талууд.  Програмаас шууд файл хадгалах боломжгүй, зөв ​​бичгийн алдаа.
SiteEdit нь эхлэгчдэд, тэр байтугай HTML-ийг огт мэдэхгүй хүмүүст зориулсан хувийн хуудас, энгийн вэб төслүүдийг бүтээхэд төгс төгөлдөр юм.
SiteEdit нь Эхлэл, Стандарт, Бизнес, хоёр нэмэлт -Partner гэсэн гурван үндсэн хувилбартай.  Та SiteEdit-ийн Эхлэх хувилбарыг эндээс татаж авах боломжтой.
Бидний тоймд ирсэн өөр нэг үнэгүй програм бол HTML эх сурвалж юм.  Миний анхаарлыг татсан хамгийн эхний зүйл бол програмын түгээлтийн багцын жижиг хэмжээ байсан - ердөө 1.5 MB!  Энэ нь хөтөлбөрийн үйл ажиллагаа, түүний чадавхийн талаар зарим эргэлзээтэй бодлуудад хүргэсэн.  Гэсэн хэдий ч бид маш их гайхсан.


зургийг томруулах
Програмын интерфэйс нь HomeSite-тэй төстэй боловч мэдээж хэрэг хэрэгсэл, боломжууд нь хамаагүй бага байдаг.  Зүүн талд та нээх шаардлагатай файлуудаа сонгох боломжтой Explorer цонх байна.  Төв хэсэгт - вэб баримт бичгийг засварлах шууд цонх.  Үүний баруун талд палитр байгаа бөгөөд энэ нь маш тохиромжтой горимд ажилладаг.  Хулганы курсорыг палитрын нэг эсвэл өөр хэсэг дээр аваачихад RGB палитр дахь өнгө бүрийн бүрэлдэхүүн хэсэг нэн даруй гарч ирэх ба бага зэрэг доогуур - өнгө өөрөө.  Нэмж дурдахад, та хүссэн талбар дээр дарахад арван зургаатын өнгөний кодыг баримт бичигт нэн даруй оруулна.  Маш тохиромжтой.
Програмын ажлын талбарын дээд хэсэгт шинэ баримт бичиг үүсгэх, байгаа файлуудыг нээх, файл хэвлэх, зөв ​​бичгийн алдаа шалгах болон бусад нийтлэг үйлдлүүдийг багтаасан ердийн хэрэгслийн самбар байдаг.  Бүх дүрс нь сайн хэв маягаар хийгдсэн боловч урам хугарах цорын ганц зүйл бол тодорхой үйлдлийн дүрс дээр гүйлгэх үед зөвлөмж байхгүй байна.  Програм нь системд аль хөтчүүдийг суулгаж байгааг өөрөө тодорхойлдог бөгөөд хэрэгслийн самбар нь хэрэглэгчдэд ашиглах боломжтой хөтчүүд дэх баримт бичгийг үзэх дүрстэй байдаг нь анхаарал татаж байна.  Миний хувьд стандартаас гадна Internet Explorer, Opera болон Mozilla Firefox, хөтөлбөрт үзүүлсэнчлэн.
Одоо програмын боломжуудын тайлбар руу шууд орцгооё.  HTML эх сурвалж нь нэрнээс нь харахад зөвхөн кодлогчийн ажлыг хөнгөвчлөх зорилготой бөгөөд үүнийг бүрэн орлуулахгүй.  Хөтөлбөр нь хуудсыг нүдээр харуулах чадваргүй, i.e.  Гипертекст тэмдэглэгээний хэлний үндсийг мэдэхгүй хүмүүст энэ бүтээгдэхүүн ажиллахгүй.  Гэсэн хэдий ч, вэб баримт бичгийг гараар боловсруулахыг илүүд үздэг хүмүүст HTML Source нь кодлох үйл явцыг хурдасгах сайхан хэрэгслүүдтэй.
HTML Source нь HTML файлуудад зориулсан синтакс тодруулгыг санал болгодог боловч миний бодлоор программ дахь энэ функцийг хэрэгжүүлэх нь HomeSite-ээс арай доогуур байна.  Нэгдүгээрт, хэв маягийн тодорхойлолттой холбоотой кодын хэсгийг огт тодруулаагүй болно.  Хоёрдугаарт, ямар ч боломж байхгүй өөрөө тохируулахижил HomeSite-д байсан өнгөний схем.
"Оруулах" цэсэнд хэрэглэгч тусгайлан огноо оруулах боломжтой HTML тэмдэгтүүд, зураг, түүнчлэн олон төрлийн эмотиконууд.  Ийм ер бусын функцийг хөтөлбөртөө оруулсан хөгжүүлэгчдийн маш анхны шийдвэр.  Виртуал харилцааны шүтэн бишрэгчид үүнд дуртай байх ёстой.
"Таг" цэс нь HTML тодорхойлогчдын үндсэн бүлгүүдийг агуулдаг.
Энэхүү програм хангамжийн хэрэгслийн бүх хэрэгслийг агуулсан "Хэрэгслүүд" цэсийн агуулга нь хамгийн их сонирхол татдаг.  Түүний агуулгыг нарийвчлан авч үзье.
"Хэрвээ хөрвүүлэх" зүйл нь үсгийн томыг өөрчлөх боломжийг олгодог, i.e.  эсвэл үүнийг эргүүлэх, эсвэл тодорхой нэг зүйл рүү авчрах.  Дараагийн зүйл "Код хуудсыг хөрвүүлэх" нь бүх хуудасны кодчилолыг хурдан өөрчлөх боломжийг танд олгоно.  Үлдсэн цэгүүдийн дунд суулгасан алдаа шалгагч, гипертекст тэмдэглэгээний хэлний стандартыг боловсруулдаг W3C байгууллагын шаардлагад нийцүүлэн баримт бичгийн дүр төрхийг авчирдаг Tidy нэртэй HTML кодыг оновчтой болгох хэрэгслийг тэмдэглэх шаардлагатай. .
Үүнд HTML Source програмын дэвшилтэт тусламжийн системийг тэмдэглэх нь зүйтэй Бүрэн тайлбарпрограмын онцлог, түүнчлэн CSS зэрэг HTML хэлний тодорхойлолт.
Давуу тал: Авсаархан түгээлтийн хэмжээ, анхны боломжууд, дэвшилтэт тусламжийн систем.
Сул талууд: Баримт бичгийг визуал боловсруулах боломж хомс, програмыг тохируулах боломж багатай, орос хэлээр ярьдаггүй.
Тиймээс HTML Source нь зөвхөн хөгжүүлэлтийн хэрэгсэл төдийгүй лавлах хэрэгсэл болгон туршлагатай хөгжүүлэгчдэд таалагдах болно.  Та HTML эх сурвалжийг эндээс татаж авах боломжтой
Бидний тоймд ирсэн дараагийн програм бол AG FreeSoft-ийн боловсруулсан Magic HTML Studio юм.  Хөтөлбөрийг эхлүүлсний дараа бидний нүдэнд ер бусын зураг гарч ирэв - Magic HTML Studio-ийн дизайн үнэхээр ер бусын байв.
Хэн нэгэнд энэ интерфейс таалагдаж магадгүй, гэхдээ миний бодлоор энэ төрлийн програмын хувьд тийм ч сайн шийдэл биш юм.  Баримт бичгийн синтакс онцлох зүйл байхгүй байсанд би бас сэтгэл дундуур байсан.  За, загвартай холбоотой бүх нэхэмжлэлийг орхиж, Magic HTML Studio функциональ бүрэлдэхүүн хэсэгтэй хэрхэн ажиллаж байгааг харцгаая.
Мөн энд бүх зүйл зөвхөн зориулагдсан хамгийн дээд түвшин!  Java Constructor, CQI QuickBuilder зэрэг хэрэгслүүд нь ямар үнэ цэнэтэй вэ?  Гэхдээ хамгийн түрүүнд хийх зүйл.
Зүүн талд текстийг хурдан форматлах, бичих төрөл, хуудсан дээрх текстийн байрлалыг өөрчлөх товчлуурууд байдаг.  Баримт бичигт янз бүрийн түвшний гарчиг оруулахад зориулсан дүрс тэмдэгтүүд бас бий.  Баруун талд нь хэрэглэгч тодорхой өнгөт текст оруулах товчлуурууд руу нэвтрэх боломжтой боловч орон зайг маш утгагүй ашигладаг - өнгө тус бүрт тусдаа товчлуурыг хуваарилдаг боловч ердийн палитр ашиглах нь илүү тохиромжтой байх болно. , шиг HTML програмэх сурвалж.
Одоо Magic HTML Studio-д зориулагдсан цорын ганц хэрэгсэл, хэрэгслүүд рүү шилжье.  Java Constructor бол JavaScript скрипт үүсгэх хүчирхэг бөгөөд нэгэн зэрэг энгийн хэрэгсэл бөгөөд үүний тулд хэрэглэгч мэдлэг огт шаарддаггүй. өгөгдсөн хэлпрограмчлал.  Бүтээгчийг ашигласнаар та хуудсан дээрээ хуанли эсвэл цаг оруулах, динамик эсвэл унждаг цэс хийх, хэд хэдэн зураг болон бусад ашигтай динамик элементүүдээс бүрдсэн энгийн баннер үүсгэх боломжтой.


зургийг томруулах
Дизайнер нь шаардлагатай скриптийг автоматаар үүсгэдэг бөгөөд та үүнийг баримт бичгийн зөв газарт буулгахад л хангалттай.
Хөтөлбөрт мөн генератор орно CGI скриптүүд, үүний тусламжтайгаар та бага хурал үүсгэж болно, зочны номэсвэл скриптийн параметрүүдийг тохируулсны дараа нэг товшилтоор чатлах боломжтой.
Харамсалтай нь бидэнд энэ хэрэгслийг практикт туршиж үзэх боломж олдсонгүй - үүний тулд CGI скриптийг дэмждэг серверт файл байршуулах шаардлагатай болсон.  Хөтөлбөрийн бусад боломжууд руу шилжье.  Тиймээс, Options цэсийг ашиглан та Flash ачаалах скрипт нэмэх, элемент засварлагчийг дуудах, фонтыг өөрчлөх, маягт нэмэх зэрэг үйлдлүүдийг хийж болно.
Хөтөлбөрийн бүх үндсэн шинж чанаруудын тайлбарыг агуулсан орос хэл дээрх сайн тусламжийн системийг тэмдэглэх нь зүйтэй.
Давуу тал: дэвшилтэт JavaScript болон CGI скрипт бүтээгчид, динамик элементүүдийг нэмэх өргөн боломжууд, орос хэл дээрх тусламжийн систем.
Сул талууд: тийм ч сайн загвар биш, синтакс онцлон тэмдэглээгүй, харааны хөгжүүлэлтийн хэрэгсэл дутмаг.
Microsoft FrontPage-д багтсан Microsoft багц Office бол WYSIWYG сонгодог засварлагч бөгөөд кодыг гараар засах чадвартай.
Програмын интерфейс нь үүнтэй маш төстэй юм Microsoft Word, энэ нь огт гайхмаар зүйл биш юм - гадаад төрхийг нэгтгэх нь эхлэгчдэд FrontPage-ийн үндсэн шинж чанаруудыг хурдан эзэмшихэд тусална.
Хөтөлбөр нь баримт бичигтэй ажиллах гурван горимтой: Хэвийн, HTML, Урьдчилан харах.  Хэвийн горимд вэб хуудас хэвийн байна текст файлтекстээс зураг хүртэл бүх элементүүдийг засах чадвартай.


зургийг томруулах
HTML горим нь хуудасны кодыг үзэх, үүний дагуу засварлах боломжийг танд олгоно.  Энэ горимд FrontPage нь синтаксийг тодотгож өгдөг, гэхдээ дунд зэрэг - тодорхойлогчдыг цэнхэр өнгөөр ​​тодруулсан, бусад бүх зүйл нь хар өнгөтэй байна.
Эцэст нь, Урьдчилан харах горимд та хөтөчийн цонхонд таны хуудас хэрхэн харагдахыг харж болно.
FrontPage нь Microsoft-ын бусад бүтээгдэхүүнтэй нягт уялдаа холбоотой ажилладаг тул вэб баримт бичигт оруулах боломжийг олгодог янз бүрийн төрөлобъектууд: зураг, диаграмаас эхлээд Microsoft Excel хуудас хүртэл.
Мэдээжийн хэрэг, FrontPage нь хүснэгт үүсгэхийг илүү хялбар болгодог хүснэгт бүтээгчтэй.
Хөтөлбөрийн гол давуу талуудын нэг нь олон тооныХэрэглэгч төслийнхөө дизайны талаар толгойгоо гашилгахгүй байх боломжийг олгодог бэлэн загварууд.
Шаардлагатай загварыг сонгосны дараа та хуудсыг шууд контентоор дүүргэж болно.  Эндээс FrontPage-ийн гоо үзэсгэлэн гарч ирдэг: HTML хуудас үүсгэх үйл явц нь Microsoft Word дээр ердийн текст баримт бичгийг үүсгэхээс ялгаатай биш юм.  Текстийг засварлах, форматыг өөрчлөх, хүснэгт үүсгэх, засварлах, янз бүрийн объект, зураг оруулах зэрэгт ижил хэрэгслийг хэрэглэгч ашиглах боломжтой.  Хөтөлбөр нь сумтай, дугаарласан, олон түвшний жагсаалтыг хялбархан үүсгэх боломжийг олгодог - энэ бүхэн HTML хэлний мэдлэггүйгээр!
FrontPage нь ажлын талбарыг зураг, текст, гарчиг гэх мэт хуудасны тодорхой элементүүдийг агуулсан хэд хэдэн блок болгон хуваадаг.  Блок бүрийн хувьд та өөрийн форматын сонголтууд болон хуудастай холбоотой байршлыг зааж өгч болно.
Мөн зоосны урвуу тал байдаг - үүссэн кодын нарийн төвөгтэй байдал, төвөгтэй байдал нь мэдээжийн хэрэг баримт бичгийн эцсийн хэмжээнд нөлөөлдөг.  Ирээдүйд ийм баримт бичигт өөрчлөлт оруулах нь бас маш хэцүү байх болно.  Гэхдээ энэ нь тодорхой бүтээгдэхүүний бус харин бараг бүх WYSIWYG редакторуудын сул тал юм.
Давуу тал: MS Office бүтээгдэхүүний танил интерфейс, загваруудын сайн багц, MS Office багцын бусад програмуудтай нэгтгэх.
Сул талууд: хөгжүүлэх хэрэгслүүдийн жижиг багц, програмыг тусад нь худалдаж авах боломжгүй.  Microsoft FrontPage нь HTML засварлагчийн хувьд анх удаа сайн сонголт боловч хэрэглэгчийн хэрэгцээ өсөхийн хэрээр түүний чадвар хангалтгүй байж магадгүй юм.
Мөн эцэст нь хамгийн сүүлийн үеийн програмбидний тоймдоо Macromedia Dreamweaver MX 2004. Түгээлтийн багцын хэмжээ (62 MB) нь энэхүү HTML засварлагчаас маш их зүйлийг хүлээх боломжийг бидэнд олгодог.  Үнэн хэрэгтээ Macromedia Dreamweaver MX 2004-ийн боломжууд нь гайхалтай юм.  Суулгасны дараа хэрэглэгчээс сонгохыг хүсэх болно Гадаад төрхпрограмм бөгөөд энэ нь вэб баримт бичгийг үүсгэх аргаас хамааран өөр өөр байдаг.  "Код" -ыг сонгохдоо програмын интерфейсийг кодлогчийн хэрэгцээнд тохируулж, "Дизайн" -ийг сонгохдоо дизайнерын хэрэгцээнд тохируулна.  Гэсэн хэдий ч эдгээр хоёр горимын хооронд шилжих боломжтой бөгөөд гурав дахь, хосолсон горим бас байдаг - програмын ажлын талбар нь хоёр хэсэгт хуваагддаг.


зургийг томруулах
Баруун талд нь өөр олон түвшний цэс, ялангуяа одоогийн тодорхойлогч дээр тусламж үзүүлэх зүйлс, ашигласан зургийн жагсаалт, судлаач болон бусад зүйлсийг агуулсан.
Хөгжүүлэгчид нэмэлт тусламж үзүүлэх контекст цэсүүд, энэ нь үндсэн цэснээс дуудагдсан үндсэн функцуудыг давхардуулдаг.  Жишээлбэл, визуал горимд ажиллаж байгаа элемент дээр хулганы баруун товчийг дарснаар бид ашигласан фонт, түүний хэв маяг, өнгө болон бусад шинж чанаруудыг өөрчлөх боломжтой бөгөөд ашигласан шошгоны шинж чанаруудыг өөрчлөх боломжтой.
Хөтөлбөрийн гол онцлог нь харааны горимыг ашиглахад яг оршдог.  Хэрэгслийн самбар дээрх дүрсүүд нь хамгийн нийтлэг үйлдлүүдийг хариуцдаг: гипер линк нэмэх, зураг оруулах, хүснэгт байгуулах, одоогийн огноог нэмэх гэх мэт.
HTML хэлний чадамжийг мэддэг хэрэглэгчдэд бид Tag Chooser хэмээх хэрэгслийг ашиглахыг зөвлөж байна, үүний тусламжтайгаар та ямар ч HTML шошго төдийгүй JavaScript, ASP зэрэг програмчлалын хэлний үндсэн илэрхийлэл, операторуудыг оруулах боломжтой. Net, PHP, WML болон coldfusion.  Энэ бүхэн нь сервер талын програмчлалын хэлийг ашиглан янз бүрийн нарийн төвөгтэй төслүүдийг боловсруулахад програм хангамжийн хэрэгслийг ашиглах шинэ боломжийг нээж өгдөг.
Хосолсон горимын тав тухтай байдал нь хийсэн бүх өөрчлөлтийг хоёр цонхонд нэн даруй харуулах явдал юм.  Өөрөөр хэлбэл, та баримт бичгийн кодонд өөрчлөлт оруулахдаа үр дүнг зэргэлдээх цонхонд шууд харах ба эсрэгээр элемент сонгоход харгалзах код гарч ирнэ.
"Код" горимд ажиллах үед програмын ажлын талбар нь HomeSite-тэй төстэй байдаг - бүтээгдэхүүнүүд нэг бүтээгчтэй байдаг нь мэдрэгддэг, гэхдээ Dreamweaver-ийн ажиллагаа илүү өндөр хэвээр байна.  Хүснэгтийг бүтээхдээ урьд өмнө хэзээ ч байгаагүй уян хатан байдлыг бий болгодог ганц ширээний зохион бүтээгчийн үнэ цэнэтэй зүйл.  Нэмж дурдахад, хүснэгт үүсгэх үед програм нь хэдэн арван загвар бүхий дизайны загваруудын аль нэгийг ашиглахыг санал болгодог бөгөөд та тодорхой загварыг сонгохдоо түүний зарим шинж чанарыг тохируулан өөрийн хэрэгцээнд нийцүүлэн өөрчлөх боломжтой.  Хүснэгт үүсгэж, контентоор дүүргэсний дараа хүснэгтийг дурын баганаар эрэмбэлэх боломжтой болно.  Мөн энэ бүхэн - харааны горимд код нь өөрөө автоматаар өөрчлөгддөг.
Macromedia Dreamweaver MX 2004-ийг компанийн бусад бүтээгдэхүүнүүдтэй хамт ашиглаж болно - Macromedia Fireworks, Flash гэх мэт.
Хэрэв визуал горимд бичиг баримт үүсгэхийг илүүд үздэг хэрэглэгчийн сонголт бараг тодорхой бол "кодлогч" нь HomeSite эсвэл Dreamweaver MX 2004 гэсэн хоёр Macromedia бүтээгдэхүүнээс сонгоход хэцүү ажилтай тулгардаг.  Dreamweaver MX 2004-ийн чадвар нь кодлогчийн хувьд илүүц байх болно гэдгийг тэмдэглэх нь зүйтэй. их хэмжээний эзэлхүүнердийн ажил бол та харааны горимыг бүрэн ашиглаж болно - хэрэв програм үүнийг санал болгож байгаа бол яагаад туршиж болохгүй гэж?  HomeSite-ийн хэрэглэгчид ийм боломжоос хасагдсан боловч програм нь янз бүрийн нарийн төвөгтэй вэб баримт бичгийг тав тухтай хөгжүүлэхэд шаардлагатай бүх хэрэгслийг санал болгодог.
Тиймээс хүн бүр зорилго, боломжит мэдлэгийг харгалзан өөрт хэрэгтэй бүтээгдэхүүнээ өөрөө сонгох эрхтэй.  Мэдээжийн хэрэг, үнэ нь бас асуудал юм - Macromedia бүтээгдэхүүн хоёулаа Shareware хэлбэрээр тараагддаг, гэхдээ тэдгээрийг 30 хоногийн туршилтын хугацаанд үнэгүй ашиглах боломжтой.  Энэ хугацаа сонголт хийхэд хангалттай.
Давуу тал: Баримт бичгийг визуал боловсруулах асар том хэрэгсэл, тодорхой интерфейс, кодлогч горимд ажиллах чадвар, бэлэн загваруудын багц.
Сул талууд: их хэмжээний түгээлтийн хэмжээ, бүтээгдэхүүний өндөр үнэ.
Мөн хэл HTML, хамгийн чухал тодорхойлолт нь " шошго"(Англи хэлнээс "tag", заримдаа "tag" гэж бичдэг). Tag- энэ бол бэлгэдлийн эсвэл текстийн илэрхийлэл юм (тодорхой болгохын тулд програмчлалын хэл дээрх "команд" эсвэл "оператор" гэсэн нэр томъёотой тийм ч зөв бус зүйрлэлийг зөвшөөрье), ямар нэгэн тодорхой арга хэмжээ авахыг зааж өгдөг. тэмдэглэгээболон форматлахдэлгэцийн танилцуулга вэб хуудсууд.
Өөрөөр хэлбэл, энэ нь ямар ч оператор эсвэл тушаал биш, харин зүгээр л заалт юм (жишээлбэл, зүүн талд догол, баруун талд тодорхой хэмжээний дүрслэл байрлуулж, доор нь - гипер холбоос).
Бодит хаягуудаас гадна хэлээр гипертекст тэмдэглэгээтэдгээрийн шинж чанаруудыг ашигладаг.
Чимэглэл шошгобаримт бичгийн массив дахь өнцгийн хаалт ашиглан хийгддэг бөгөөд энэ нь орчуулагчдад текст (сэдэвчилсэн агуулга) болон шууд хооронд нь ялгах боломжийг олгодог. HTML-код, вэб хуудсан дээрх мэдээллийг зөв харуулах.
Шошгуудыг хослуулж болно (өөрөөр хэлбэл бие биентэйгээ салшгүй багц болгон ашигладаг).  Энэ тохиолдолд нөхцөл нээхболон хаахшошго.  Хосолсон шошгоны синтакс нь байнга:
Баримт бичгийн фрагмент...,
Түүнээс гадна шошгон дээр заасан заавар нь тэдгээрийн хооронд заасан баримт бичгийн бүхэл бүтэн хэсэгт хамаарна.  Шошго нь дан байж болно, өөрөөр хэлбэл хаалтын шошго нь стандарт юм HTMLүзүүлэх боломжгүй.
HTML хэлний элементүүд
Үл хамаарах зүйлгүйгээр HTML хэлний бүх элементүүд нь шошго эсвэл тэдгээрийн шинж чанарууд юм;  ямар ч тушаал, ямар ч нөхцөл байхгүй хэлГипертекст тэмдэглэгээ байхгүй байна (тусгай ангиллын META хаягуудыг доороос үзнэ үү).  Идэвхтэй элементүүд ба динамик нөлөө вэб хуудасСонгодог програмчлалын хэлнүүдийн аль нэгэнд аль хэдийн хэрэгжсэн (жишээлбэл, JavaScrypt нь вэбсайтуудад маш их алдартай байдаг) эсвэл серверийн програмчлалын аргуудын аль нэгэнд хэрэгжсэн гипертекст кодонд суурилуулсан бие даасан, бүрэн модулиудаар хийгддэг.
Симболизм META



HTML. Tag


Дэмжих сэдвүүд:


Вэб дизайн. HTML. Tag


Төгсөлтийн төсөлд HTML гипертекст тэмдэглэгээний хэлийг статик контентыг бөглөх програм хангамж болгон ашигласан.
HTML (Hyper Text Markup Language - Hypertext Markup Language) нь вэб хуудас, өөрөөр хэлбэл HTML баримтыг боловсруулахад зориулагдсан компьютерийн програмчлалын хэл юм.  HTML хэл нь баримт бичгийн элементүүдийг нэмж, форматлах боломжтой хяналтын тэмдэгтүүдийн цуглуулга юм.  Хуудасны элементийн харагдах байдал, үйл ажиллагааг өөрчлөхийн тулд түүний шинж чанаруудыг тохируулсан болно.
Хөтөчүүд HTML хэлний хаягуудыг таньж, баримт бичгийн кодыг хөтчийн цонхонд харагдах вэб хуудас болгон хувиргадаг.  Хөтөч программууд нь HTML хэлний дэлхийн стандартыг ашиглан бүтээгдсэн бөгөөд энэ нь вэб хуудсууд нь хөтчийн аль ч цонхонд харагдахаас үл хамааран адилхан харагдах боломжийг олгодог.
HTML-г World Wide Web Consortium (W3C) стандартчилж байна.  Вэб хуудсуудын програм хангамж, техник хангамжийн бүрэн бие даасан байдлыг хангах шаардлагатай байгаа хэдий ч эдгээр зарчмуудыг бүрэн хэрэгжүүлэхэд нэлээд хэцүү байдаг.  Хэлний ажил үргэлжилж байгаа нь нэг асуудал юм.  Вэб хуудас хөгжүүлэгчдэд нэмэлт сонголтоор хангадаг HTML-ийн шинэ хувилбарууд бий.
Олон тооны тусгай HTML редакторууд байдаг бөгөөд тэдгээрийг хоёр төрөлд хувааж болно:
Visual HTML редакторууд, өөрөөр хэлбэл WYSIWIG төрлийн редакторууд (жишээлбэл, Microsoft FrontPage, Macromedia Dreamveawer, Netscape Navigator Gold гэх мэт).  Эдгээр программ дээр ажиллахдаа хэрэглэгч график дүрстэй харьцдаг HTML элементүүд, баримт бичгийн ID-тай биш.  Дашрамд хэлэхэд, Word болон Word Perfect-д бэлтгэсэн текст баримт бичгийг HTML файл руу хөрвүүлэгч байдаг;
код бичих, засварлах ажлыг автоматжуулах боломжийг олгодог бодит HTML текстийн редакторууд (жишээлбэл, HomeSite, HotDog, Ken Nesbitt Web Editor болон бусад олон програмууд).  Эдгээр програмууд нь хэрэглэгчдэд HTML элементүүдийг баримт бичигт хурдан бөгөөд хялбар оруулах, командын синтаксийг шалгах, засварлагчийн цонхноос гаралгүйгээр хуудсыг ажиллуулах, дибаг хийх боломжийг олгодог.  Ерөнхийдөө ийм редактор дээр ажиллах нь Delphi эсвэл Visual Basic зэрэг интерактив програмчлалын орчинд ажиллахтай адил юм.
Дээрх хоёр ангиллаас гадна текст болон визуал HTML засварлагчдын онцлогийг хослуулсан програмууд байдаг бөгөөд ийм программд SoftQuad Sofware-ийн боловсруулсан HotMetal багтдаг.
Орчин үеийн HTML засварлагчдын чиг үүрэг нь маш олон янз байдаг: тэдгээрийн зарим нь, жишээлбэл, зөвхөн бие даасан хуудсуудыг бий болгох боломжийг олгодог, бусад нь эсрэгээр нь интернетийн алсын серверт байршуулах замаар бүхэл бүтэн вэб сайтыг зохион бүтээхэд ашигладаг.  Өнөөдөр мэргэжлийн HTML редакторууд болон сонирхогчдын вэб бүтээхэд зориулагдсан засварлагчдын хоорондох шугамыг зурахад хэцүү байдаг.
Элемент бүрийг ашиглахдаа түүний дотор ямар элементүүдийг байрлуулж, дотор нь ямар элементүүд байж болохыг мэдэх нь чухал юм.  Тиймээс, HTML, HEAD, TITLE, BODY элементүүдийн харьцангуй байрлал нь ямар ч хуудсан дээр стандарт байх ёстой, гэхдээ фрейм ашиглаагүй тохиолдолд.  Хэрэв хуудас нь хүрээний зохион байгуулалтын баримт бичиг бол (энэ талаар 3-р бүлгийн Frames хэсгээс дэлгэрэнгүй үзнэ үү) BODY элементийн оронд FRAMESET элементийг ашиглана.
Хамтдаа ашиглагддаг элементүүдийн бүлгүүд байдаг.  Эдгээрт хүснэгт, жагсаалт, хүрээ үүсгэх элементүүд орно.  Энэ тохиолдолд элементүүдийн үүрлэх дарааллыг хуудсан дээрх нэг буюу өөр объект үүсгэх логикоор тодорхойлно: энд та дизайны энгийн дүрмийг санах хэрэгтэй.  Хүснэгт болон жаазыг ихэвчлэн хуудасны дэлгэрэнгүй мэдээллийг (зураг, текст гэх мэт) тодорхой дарааллаар байрлуулахад ашигладаг.  Жишээлбэл, хүснэгтийн нүдэнд зураг байрлуулснаар та тодорхой байрлалд хүрч чадна.  Ийм тохиолдолд элементүүдийн үүрийг вэб хуудасны хөгжүүлэгч өөрөө тодорхойлдог бөгөөд түүний төсөөлөл, ур чадвараас ихээхэн хамаардаг.
Текстийг форматлахад ашигладаг олон тооны элементүүд нь олон төрлийн үүрлэх сонголтыг зөвшөөрдөг.  Мөн тэд өөрсдөө дотор нь байрлах ёстой тодорхой элементүүд.  Энд бид нийтлэг ойлголтоор удирдагдах ёстой: элемент бүр нь өгөгдсөн функцийг гүйцэтгэдэг бөгөөд тодорхой хүрээтэй байдаг.
Доорх жишээнд хоёр догол мөр (ногоон хайрцагны эхнийх) болон хүснэгт байна:
<Р
style="border: Зрх solid дгееп">Догол мөрийн текст 1

. . . 
<Р>Догол мөрний текст 2
Энэ тохиолдолд хүснэгт нь бие даасан элемент юм.  Жишээлбэл, энэ нь текстийн бусад хэсгээс үл хамааран зэрэгцүүлж болно.
Та өөр код ашиглаж болно:
<Р
style="border: Зрх solid дгееп">Догол мөрийн текст 1

. . . 
<Р>Догол мөрний текст 2
Эхний догол мөрийн төгсгөлийн шошго алга болсон.  Хүснэгт нь одоо эхний догол мөрний нэг хэсэг бөгөөд ногоон хүрээ нь хүснэгт болон текстийг хаах болно.
Үүний эсрэгээр, P элемент нь хүснэгт дотор байж болно: жишээлбэл, нэг TD эсийн элемент нь олон P догол мөр агуулж болно.
Үүрлэх дүрмийг зөрчих нь вэб хуудас үүсгэх хамгийн нийтлэг алдаануудын нэг юм.  Ийм алдаанаас зайлсхийхийн тулд синтакс дүрмийн хэрэгжилтийг автоматаар хянадаг гипертекст засварлагчдыг ашиглах шаардлагатай.  Доорх нь ердийн үүрлэсэн элементийн алдаа агуулсан мөр юм:
<Н1>Гарчиг 1<Н2>Гарчиг 2

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

Зарим элементүүдэд төгсгөлийн шошго байдаггүй. Мэдээжийн хэрэг, мөрийн төгсгөлийг тэмдэглэдэг BR элементэд төгсгөлийн шошго хэрэггүй. Зарим элементүүдийг төгсгөлийн шошготой эсвэл тэмдэглэгээгүйгээр ашиглаж болно. Хамгийн алдартай жишээ бол P доголын элемент юм. Энэ нь төгсгөлийн тагтай байж болох ч хэрэв энэ таг тохируулаагүй бол тухайн элементийн төгсгөлийн элемент нь одоогийн догол мөрийн төгсгөлийг логикоор тодорхойлж чадах дараах элемент болно: өөр P элемент, an IMG зургийн элемент, UL жагсаалтын элемент, хүснэгтийн элемент TABLE гэх мэт. Тиймээс, хэрэгтэй мэдээлэлнэг элементийн тэмдэг нь энэ элементийн эхлэл ба төгсгөлийн шошго, эсвэл энэ элементийн эхлэл ба дараагийн элементийн эхлэл тэмдэг хооронд байх ёстой. Хуудас дээр оруулсан дурын текстийг хөтөч харуулах ёстой гэж ойлгодог тул энэ текстийг тойрсон элементүүдийн дагуу форматлагдана. Энэ нь текстийг олж авсан мөрөнд хуваахыг харгалздаггүй текст засварлагч. Онолын хувьд бүхэл бүтэн вэб хуудас нэг урт мөрөнд багтах боломжтой. Тэмдэглэлийн дэвтэрт оруулсан тэмдэгтүүд гэх мэт мөрийн төгсгөлийн тэмдэгтүүд нь HTML кодыг уншихад тусалж болох боловч хөтөч дээр харагдахгүй. Сүүлийнх нь хуудсыг дэлгэцэн дээр харуулахдаа Hn, P эсвэл BR элементүүдийн зохицуулалтын дагуу мөрийг таслах боломжтой бөгөөд бусад тохиолдолд текстийн хэмжээ, үсгийн хэмжээ, одоогийн цонхноос хамааран догол мөрийг дур мэдэн форматлаж болно. хэмжээ. Иймээс вэб хуудсууд нь дэлгэцийн янз бүрийн нягтрал, дэлгэцийн хэмжээ, хөтчийн цонхны хэмжээ, бүтэн дэлгэц эсвэл цонхтой горимд харагдах байдал нь эрс өөрчлөгдөхгүй байхаар байрлуулсан байх ёстой. Үл хамаарах зүйлгүй маш чухал дүрэм бол элементийн шинж чанаруудыг эхлэх шошгон дотор байрлуулах явдал юм.

Өнцөг хаалтанд орсон тэмдэгтүүд нь "хөтөч" нь эдгээр командын хооронд хавсаргасан текстийн хэсгүүдийг хэрхэн хөрвүүлэхийг мэддэг HTML командууд юм.

Баримт бичгийг бүхэлд нь HTML баримт бичиг гэж тэмдэглэсэн байх ёстой. Үүнийг хийхийн тулд энэ нь тушаалаар эхэлж, тушаалаар төгсөх ёстой.

Баримт бичиг нь 2 хэсгээс бүрдэнэ.

толгой (толгой).

баримт бичиг (Их бие).

HTML команд бичихдээ командыг жижиг эсвэл том үсгээр бичих нь хамаагүй.

Гарчиг нь тухайн баримт бичгийн гарчиг, агуулгыг тодорхойлсон арга зүйн мэдээлэл зэрэг мэдээллийг агуулна. Үндсэн хэсэг нь баримт бичгийн агуулгыг агуулдаг (хөтчийн цонхонд юу харагдаж байна).

Шошго бүр нь нэрээс бүрдэх ба дараа нь нэмэлт шинж чанаруудын жагсаалт, бүгд өнцгийн хаалтанд орно.< >.

Хаалтны агуулгыг хөтчийн цонхонд хэзээ ч харуулахгүй. Шошгогийн нэр нь ихэвчлэн түүний функцийн товчлол бөгөөд санахад хялбар болгодог. Аттрибутууд нь шошгоны функцийг өргөтгөх эсвэл сайжруулах шинж чанарууд юм. Дүрмээр бол шошго доторх нэр болон шинж чанарууд нь жижиг жижиг үсгээр ялгагддаггүй. Tag шиг ажиллах болно . Гэсэн хэдий ч зарим шинж чанаруудын утгууд нь том жижиг жижиг үсгийн мэдрэмжтэй байж болно. Энэ нь ялангуяа файлын нэр болон URL-д хамаатай. Баримт бичгийн ерөнхий схемийг Зураг 1.1-д үзүүлэв.

Зураг 1.1. Ерөнхий схем HTML баримт бичиг

Шошго нь эхлэл (нээх эсвэл эхлэх) ба төгсгөл (хаах) тэмдэгтэй. Шошгуудын хоорондох текст нь тэдгээрт агуулагдах зааврыг дагах болно. Жишээлбэл:

миний эхлээдВэб хуудас

Үр дүн: минийх эхлээдВэб хуудас.

Төгсгөлийн шошго нь эхлэх шошготой ижил нэртэй боловч өмнө нь ташуу зураас (/) байна. Үүнийг "шилжүүлэгч" шошго гэж ойлгож болно. Төгсгөлийн шошго нь хэзээ ч шинж чанаруудыг агуулдаггүй.

текст нь шошготой эхэлдэг . Энэ нь хаалтын шошгыг шаарддагБаримт бичгийн төгсгөлийг тэмдэглэсэн A. Дараагийн үүрэнд баримт бичгийн гарчиг болон агуулгын шошгууд байна. Толгойн шошгон дотор баримт бичгийн талаархи мэдээллийг (түүний гарчиг, тайлбар, кодчилолын хүснэгт гэх мэт) бичсэн болно. Гарчиг нь өөрөө ингэж бичигдсэн байдаг . Энэ нь хаалтын шошгыг шаарддаг. Баримт бичгийн агуулгын шошго нь тодорхойлно мэдээллийн хэсэгхуудасны тайлбар. Энэ нь текст, зураг болон бусад элементүүдийг агуулдаг. Тайлбарын шошго (хуудасны үндсэн хэсэг) дараах байдалтай байна. ....

Энгийн баримт бичгийн жишээг бичье:

<ТIТLЕ>Жишээ HTML хуудас

<ВОDY>Энэ бол HTML хэл дээрх тайлбарын бүтцийг харуулсан энгийн хуудас юм.

Tag

Ричард Бах

цорын ганц

Бид маш их замыг туулсан, тийм үү?

Бид хоёр хорин таван жилийн өмнө анх танилцсан. Дараа нь би нисгэгч байсан, нислэгийн сонирхлыг татдаг, амьдралын утга учрыг зэмсгийн уншилтаас олохыг хичээдэг байсан. Хорин жилийн өмнө бидний аялал биднийг Цахлайн далавчаар нээгдсэн шинэ ер бусын ертөнцөд хөтөлсөн.

Зураг 1.4-т үзүүлсэн шиг хөтөчийн цонх гарч ирнэ.

Зураг 1.4. Догол мөрүүдэд хуваах.