Өдөр бүр бид янз бүрийн вэбсайтуудад ханддаг. Гэсэн хэдий ч заримдаа бид өөрийн вэбсайтыг бий болгоход хэцүү байдаг уу? Энэ нийтлэлд та Notepad ашиглан энгийн HTML вэб хуудас үүсгэхийг удирдан чиглүүлэх болно.
Алхам
1 -ийн 1 -р арга: Өөрийн вэб хуудсыг үүсгэх
Алхам 1. Notepad -ийг нээнэ үү
Энэхүү текст засварлагч нь Windows компьютер бүр дээр суулгагдсан програм бөгөөд Start цэснээс олж болно. Notepad нээгдсэний дараа Файл> Хадгалах гэснийг товшоод Файлын төрөл баганаас Бүх файлыг сонгоно уу. Өөрийн үүсгэсэн файлыг HTML форматаар хадгална уу. Ерөнхийдөө сайтын үндсэн хуудас нь "index.html" нэртэй бөгөөд сайтын бүх хуудасны линкийг агуулдаг.
Алхам 2. HTML -ийг ойлгох
HTML (Hypertext Markup Language) дээрх тэмдэглэгээ (хаяг) нь.
Эдгээр тэмдэг нь таны вэбсайтыг бүтээхэд үйлчилдэг. HTML кодыг дуусгахын тулд төгсгөлийн шошго ашиглана уу. Хаагдах тэмдэг нь тод эсвэл догол мөрийн тэмдэг гэх мэт янз бүрийн тэмдгийг хаахад ашигтай байдаг.
Алхам 3. Файлын дээд хэсэгт хаяг оруулах замаар вэб хуудсаа эхлүүлнэ үү
Алхам 4. Янз бүрийн мэдээлэл оруулахын тулд хаягийг ашиглана уу
Тэмдэглэгээ нь хуудасны нэрийг тохируулахад тустай байдаг бол (заавал биш) хаягууд нь вэб хуудасны агуулгыг тайлбарлахад хэрэглэгддэг. Дараа нь тэмдгийг Google гэх мэт хайлтын систем унших болно.
Алхам 5. Шошгыг оруулсны дараа хуудсыг хаягаар нь нэрлэ, жишээ нь wikiHow HTML
Алхам 6. Тэмдгийг ашиглан сайтын толгой хэсгийг дуусгана уу
Алхам 7. Хуудасны агуулгыг оруулахын тулд хаягийг ашиглана уу
Бүх өнгийг хөтөч дэмждэггүй гэдгийг санаарай. Жишээлбэл, хар саарал өнгийг дэмжихгүй байж болно.
Алхам 8. Вэб хуудасны агуулгыг
Жишээлбэл, сайтын толгой үүсгэж эхэл. Сайтын толгой бол сайтын хэсэг бөгөөд том үсгээр тэмдэглэгдсэн байдаг
хүртэл
. Гарын үсэг зурах
Та хамгийн том фонтын хэмжээтэй сайтын толгой үүсгэхэд ашиглаж болно. Тэмдгийн доорх тэмдгийг ашиглаж үзээрэй
Миний сайтад тавтай морил
. Тэмдгийг хаахаа мартуузай
өгүүлбэрийн төгсгөлд.
Алхам 9. Хуудас дээр тэмдэг бүхий догол мөрийг үүсгэнэ
Жишээлбэл, бич
Параграф тест!
Шинэ мөр үүсгэхийн тулд тэмдгийг ашиглана уу, эсвэл завсарлага.
Алхам 10. Та үүсгэсэн вэб хуудсыг зөвхөн энгийн текст агуулсан байхыг хүсэхгүй байгаа нь лавтай
Вэб хуудсан дээрх текстийг форматлахын тулд дараах тугуудыг ашиглана уу. тод текст бичих, текстийг налуу болгож, доогуур зурах. Дээрх тэмдгийг ашигласны дараа хаахаа бүү мартаарай!
Алхам 11. Тэмдэгтэй зураг нэмнэ үү
сайтыг тохижуулах, текст хэлбэрээр тайлбарлах боломжгүй мэдээллийг оруулах.
Гарын үсэг зурах
ажиллахын тулд тодорхой мэдээлэл шаардлагатай. Тэмдгийн бүрэн синтакс
ийм хэлбэртэй байж болно.
Тэмдэг дэх src параметр нь зургийн файлын нэрийг бичих, урт ба өргөнийг дүрслэхийн тулд өргөн ба өндрийн функцийг бичих үүргийг гүйцэтгэдэг.
Алхам 12. Өөр хуудас руу хөтлөх линк үүсгэнэ үү, жишээ нь Өөр хуудас
Тэмдгийн дунд байгаа текст бол хуудсан дээр гарч ирэх текст бөгөөд href параметр нь очих хуудсыг агуулдаг. Холбоосыг ашигласнаар зочид танай сайтын өөр өөр хуудсууд руу хялбархан шилжих боломжтой.
Алхам 13. Сайтыг бөглөж дууссаны дараа хуудсыг хаах замаар хуудсыг дуусгана уу
Эцэст нь HTML кодыг хаах хэрэгтэй
Алхам 14. Үүсгэсэн вэб хуудсаа.html өргөтгөлтэй хадгалаад дуртай хөтөч дээрээ нээгээд туршиж үзээрэй
Алхам 15. Сайтаа интернетэд байршуулахын тулд дараах гарын авлагыг уншина уу
Зөвлөмж
- Интернет дээр вэбсайт үүсгэх гарын авлага агуулсан янз бүрийн сайтууд байдаг. W3school бол сайн материалтай нэг сайт юм.
- HTML файл дахь шошго бүрийг хаахаа мартуузай.
- Файлын эхний мөрөнд тэмдэг тавих хэрэгтэй. Энэ туг нь таны үүсгэж буй файл HTML5 файл болохыг илтгэнэ.
- Өмнөх ба дараах тэмдгээр фонтыг өөрчилнө үү. "N" үсгийг хүссэн үсгийн маягаар соль, жишээлбэл "Вердана".
- Хэрэв та өнцгийн хаалт ашиглах шаардлагатай бол кодыг ашиглана уу. Үүний зэрэгцээ & тэмдгийг ашиглахын тулд кодыг & ашиглана уу.
- HTML хичээлийн дагуу та вэб файл, фолдерыг жижиг үсгээр, зай, цэг таслалгүйгээр нэрлэх ёстой. Windows нь файлын нэрэнд хоосон зай оруулахыг зөвшөөрдөг боловч олон хостинг үйлчилгээ үзүүлэгчид зөвшөөрдөггүй. Үүнээс гадна, файлын нэр цэвэр байх нь танд сайтаа удирдахад хялбар болгоно.
