Хэрхэн Html дээр зураг хийх вэ

Агуулгын хүснэгт:

Хэрхэн Html дээр зураг хийх вэ
Хэрхэн Html дээр зураг хийх вэ

Видео: Хэрхэн Html дээр зураг хийх вэ

Видео: Хэрхэн Html дээр зураг хийх вэ
Видео: HTML web hicheeluud hicheel 1 html ( Huree deed surguuliin bagshiin hicheel ) 2024, Арваннэгдүгээр
Anonim

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

Хэрхэн html дээр зураг хийх вэ
Хэрхэн html дээр зураг хийх вэ

Зааварчилгаа

1-р алхам

HTML файлаа вэб хуудсыг засахдаа ашигладаг текст засварлагчаар нээнэ үү. Хэрэв танд HTML файл байхгүй бол ширээний компьютер эсвэл шаардлагатай хавтас дээр хулганы товчийг дарж үүсгээд "Шинэ" - "Текстийн баримт бичиг" цэс дээр дарна уу. Файлын нэр оруулаад хугацааны дараа html өргөтгөлийг нэмнэ үү. Дараа нь дахин баримт дээр хулганы баруун товчийг дараад "Нээх" - "Тэмдэглэлийн дэвтэр" -ийг сонгоно уу. Та HTML кодыг оруулах хоосон баримт бичгийг харах болно.

Алхам 2

HTML дээр зураг үүсгэхийн тулд тагийг ашигладаг бөгөөд үүнийг харуулах хэсэгт байрлуулсан байх ёстой. Жишээлбэл:

HTML дээрх зураг

Алхам 3

Шошго нь хаагдахгүй тул хаах хаяг шаарддаггүй. Ашиглах ёстой гол параметр нь src бөгөөд хүссэн зургийн файлд хүрэх замыг тохируулдаг. Та энэ мөрөнд байршуулахыг хүссэн зургийн файлыг бүрэн (https:// хамт) болон харьцангуй замыг (жишээлбэл, /pictures/img.jpg) зааж өгч болно.

Алхам 4

Өөр нэг чухал параметр бол alt бөгөөд зураг дээрх нэр, түүний таних хуудсыг тодорхойлдог. Хэрэглэгч зураг дээр хулганаа дарахад энэ нэр гарч ирнэ.

Алхам 5

Та зургийн параметрүүдийг тохируулахдаа өргөн ба өндрийн шинж чанаруудыг ашиглаж болно. Эхний тохиргоо нь уртыг, хоёр дахь нь хуудсан дээрх зургийн өндрийг хариуцна. Энэ параметрийг пикселээр зааж өгсөн болно. Тиймээс & img> тагийг тохируулж болно:

Алхам 6

Энэ тагийг ашиглан дүрсийг үүсгэж, түүний замыг src атрибут дээр тэмдэглэнэ. Зургийн дээгүүр гүйлгэхэд "зургийн нэр" гэсэн зурвас харагдана. Энэ тохиолдолд зураг нь 300 пикселийн өргөн, 250 пикселийн өндөр болно. Та дээрх бүх параметрүүдийг хүссэнээрээ тохируулах боломжтой.

Алхам 7

"Файл" - "Хадгалах" функцийг ашиглан файлын өөрчлөлтийг хадгална уу. Баримтыг хөтөч дээр нээгээд HTML-д зураг амжилттай бүтээгдсэн эсэхийг шалгана уу. Үүнийг хийхийн тулд файл дээр хулганы баруун товчийг дараад "Нээх" хэсгийг сонгоод дараа нь хөтчийнхөө нэр бүхий мөрөн дээр дарна уу. HTML зураг үүсгэх ажил дууссан.

Зөвлөмж болгож буй: