Html товч: програм, үйлдвэрлэл

Шинэхэн вэбсайт бүтээгчид (бэлэн вэбсайт үүсгэхийг хүссэн хүмүүс өөрсдөө биш, өөрсдөө вэбсайт үүсгэхийг хүсч байгаа хүмүүс гэх мэт) html-ээр суралцах боломжтой боловч эхнийхээсээ эхлээд сайтыг үүсгэх бүхий л ялгааг ойлгох боломжтой байдаг.

Загварын хэв маягт сайтын цэс дэх товчлуур HTML

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

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

Товчлуур нь яг ижилхэн лавлагаа бөгөөд зөвхөн харагдахуйц гоё харагдах бөгөөд хэрэв шаардлагатай бол дээшээ товших юмуу тийшээ харахад сүүдэр буюу хэлбэрийг өөрчлөх хэрэгтэй.

HTML дээр товчийг хэрхэн яаж хийх

Та товчлуурыг хоёр аргаар хийж болно. Өөртөө эсвэл үйлчилгээг ашиглан товчнууд үүсгэх боломжтой.

Эхний арга нь бүх ажлын мөн чанарыг ойлгож, ойлгох боломжийг олгодог бөгөөд хоёр дахь нь үр дүнг авахын тулд зөвхөн боломжуудыг олж авах боломжийг олгодог.

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

Зураг ашиглаж буй товч

Энгийн html товчлуур нь зураг-холбоос шиг харагддаг бөгөөд 'a' tag (лавлагаа) -ийг img (image) таган дээр оруулах замаар үүсгэнэ.

Энэ жишээ нь үнэндээ энгийн зурагтай холбоос бөгөөд гэхдээ энэ нь ямар ч төрлийн дизайнтай байх боломжтой, гэхдээ энэ html товчлуур нь "ажиллах" биш өөр өөр нөхцөл байдалд өөрчлөлт оруулдаг.

Товчлуурыг стандарт бус харагдуулахын тулд нөхцөл байдлаас шалтгаалан өөрчлөгдөж болох тул та өөрийн анхны дүр төрхийг өөрчилж CSS-г нэмээрэй.

CSS ашиглан сайтын товчлуурууд

CSS бол стилиудад хариулдаг өөр нэг програмчлалын хэл бөгөөд энэ нь cascading style sheet гэж нэрлэгддэг.

HTML хуудасны товчлуурын код дараах байдалтай байна:

• <"А" h "r" e "f =" Та Интернетэд байгаа хаягийн хаягийг зааж өгөх хэрэгтэй "class =" ">

Анхаар ! Жишээ ашиглах үед "a ба href авах" гэсэн тэмдгийг хасна уу.

Дээрх жишээ нь CSS-ээр хүссэн хэв маягаар хөрвүүлэгдэх энгийн холбоос юм. Энэ нь класс дахь классын нэрийг тухайн хуудсанд тухайн элементэд хэрэглэсэн кодыг тодорхойлж өгдөг.

• . Товчийг товчлуурыг товчлуураар нь дар. {
• Өргөн: 111px; / * - товчлуурын өргөн 111 пиксел * /
• Border: 1px хатуу # 000; / * - Товчлуурын хил нь 1 пиксель, хатуу ба хар * /
• Оршил: #red; / * - товчийг бөглөх - улаан * /
• Текст-шугам: зүүн; / * - текстийг зүүн талдаа текстийг тааруулах * /
• Хуудас: 10px; / * - хуудасны гадаад элементүүдээс авсан индекс * /
• Өнгө: #fff; / * - текстийн өнгө, энэ тохиолдолд цагаан * /
• Фонт-гэр бүл: verdana; / * - текст фонт (нээж, Word дотор сонгосон) * /
• Фонт-хэмжээ: 8px; / * - товчлуурын текстийн хэмжээ * /
• Хил радиус: 3px; / * - товчийг булан тойруулан * /
• }

Тайлбар : / * Сэтгэгдэл * / - ингэснээр та CSS кодон дээр тайлбар үлдээж болно.

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

Сайтын хувьд илүү төвөгтэй товч

Талбай дээрх товчнууд нь зөвхөн CSS-ийг харахад ч ашиглах боломжтой төдийгүй бусад сайтын программчлалын хэлийг ашиглах боломжтой. Жишээ нь JavaScript нь илүү хүчирхэг бөгөөд сайт дээр илүү сонирхолтой санаануудыг хэрэгжүүлэх боломжтой.

Програмчлалын хэл хоорондын цорын ганц ялгаа нь хэрэгжүүлэлтийн нарийн төвөгтэй байдал бөгөөд JavaScript бол илүү хүчирхэг бол судал нь илүү их цаг хугацаа шаарддаг.

Хэрэглэгчдийг бусад вэбсайт хаяг руу дахин чиглүүлэх энгийн даалгавараас гадна html товчлуур нь хэрэглэгчийн өгөгдөлд оруулсан маягтаас өгөгдөл илгээхэд илүү их ноцтой ажил гүйцэтгэдэг.

Энэ тохиолдолд html товчлуурын код нь:

• <"Оруулах" төрөл = "botton" нэр = "товчлуур нэр" php "value =" Текст дээр гарч ирэх ""

Анхаар ! Жишээ ашиглахдаа "оролтыг авахын тулд" устгах хэрэгтэй.

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

• Төрөл - энэ элемент нь товчлуур гэж тодорхойлогдоно.
• Нэр нь товчийг онцгой болгодог элемент юм.
• Утга - товчлуур дээрх бичээсийг харуулна.

Бүх асуудал нь товчлуурын html-г бүтээхэд бус харин хэрэглэгч илгээсэн өгөгдлийг боловсруулахад илүү нарийн төвөгтэй мэдлэгийг шаарддаг боловч хамгийн хүчирхэг програмчлалын хэл юм. PHP нь жинхэнэ вэбсайт хийх боломжийг олгодог бөгөөд, жишээлбэл зарим бэлэн загвар бүхий CMS дээр бичигдсэн байдаг.

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

Товч үүсгэх гарын авлагаас гадна өөр өөр товчнууд автоматаар өөр өөр товчнууд үүсгэж, тэдгээрийг таны амтанд тохируулан өөрчлөх төрөл бүрийн үйлчилгээнүүд байдаг боловч энэ арга нь таныг html сурах хэрэгтэй гэсэн эдгээр товчлууруудыг хэрэглэхэд ихээхэн дутагдалтай байдаг.

Хуудасны товчийг хаана суусныг мэдэхийн тулд HTML сурах нь шаардлагатай байдаг. Тухайн сайтын агуулгыг харуулдаг блок, эсвэл сайтын хөлийн (талбайн доод хэсэг) хэсэгт байрладаг.