Notepad yordamida oddiy veb -sahifani qanday yaratish kerak: 15 qadam

Mundarija:

Notepad yordamida oddiy veb -sahifani qanday yaratish kerak: 15 qadam
Notepad yordamida oddiy veb -sahifani qanday yaratish kerak: 15 qadam

Video: Notepad yordamida oddiy veb -sahifani qanday yaratish kerak: 15 qadam

Video: Notepad yordamida oddiy veb -sahifani qanday yaratish kerak: 15 qadam
Video: Rasmlar va hujjatlari internetda saqlash Google drive - Google диск 2024, May
Anonim

Har kuni biz turli saytlarga kiramiz. Biroq, ba'zida biz o'z veb -saytimizni yaratish qiyinmi deb o'ylaymiz. Ushbu maqolada sizga Notepad yordamida oddiy HTML veb -sahifasini yaratish ko'rsatmasi beriladi.

Qadam

1 -usul 1: O'z shaxsiy sahifangizni yaratish

Notepad yordamida oddiy veb -sahifa yaratish 1 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 1 -qadam

Qadam 1. Notepad -ni oching

Bu matn muharriri Windows-ning har bir kompyuterida o'rnatilgan dastur bo'lib, uni Boshlash menyusida topish mumkin. Notepad ochilgandan so'ng, Fayl> Saqlash -ni bosing, so'ng Fayl turi ustunidan Barcha fayllarni tanlang. Yaratilgan faylni HTML formatida saqlang. Umuman olganda, saytning asosiy sahifasida "index.html" nomli fayl bor va u saytdagi barcha sahifalarga havolalarni o'z ichiga oladi.

Notepad yordamida oddiy veb -sahifa yaratish 2 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 2 -qadam

2 -qadam. HTMLni tushunish

HTML (gipermatn belgilash tili) da belgi (tag) ichida.

Bu belgilar veb -saytingizni yaratishga xizmat qiladi. HTML kodini tugatish uchun tugatish tegidan foydalaning, masalan. Yopish belgisi qalin yoki paragraf belgilari kabi turli belgilarni yopish uchun foydalidir.

Notepad yordamida oddiy veb -sahifa yaratish 3 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 3 -qadam

Qadam 3. Faylning yuqori qismiga teg kiritish orqali veb -sahifangizni ishga tushiring

Notepad yordamida oddiy veb -sahifa yaratish 4 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 4 -qadam

Qadam 4. Turli ma'lumotlarni kiritish uchun teglardan foydalaning

Belgilar sahifa sarlavhasini belgilashda foydalidir, (ixtiyoriy) teglar veb -sahifaning mazmunini tushuntirish uchun ishlatiladi. Keyin belgi Google kabi qidiruv tizimlari tomonidan o'qiladi.

Notepad yordamida oddiy veb -sahifa yaratish 5 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 5 -qadam

Qadam 5. Yorliqni kiritgandan so'ng, sahifani teg bilan sarlavha qiling, masalan wikiHow HTML

Notepad yordamida oddiy veb -sahifa yaratish 6 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 6 -qadam

Qadam 6. Belgini ishlatib sayt sarlavhasini tugating

Notepad yordamida oddiy veb -sahifa yaratish 7 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 7 -qadam

Qadam 7. Sahifa tarkibini kiritish uchun teglardan foydalaning

Shuni yodda tutingki, barcha ranglar brauzerlar tomonidan qo'llab -quvvatlanmaydi. Masalan, quyuq kul rang qo'llab -quvvatlanmasligi mumkin.

Notepad yordamida oddiy veb -sahifa yaratish 8 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 8 -qadam

Qadam 8. Veb -sahifaning mazmunini

Masalan, sayt sarlavhasini yaratish bilan boshlang. Sayt sarlavhasi - bu saytning katta harflar bilan yozilgan qismi va belgisi bilan belgilanadi

qadar

. Belgi

Siz eng katta shrift o'lchamiga ega sayt sarlavhasini yaratishingiz mumkin. Belgining pastidagi belgini ishlatishga harakat qiling, masalan

Mening saytimga xush kelibsiz

. Belgini yopganingizga ishonch hosil qiling

gap oxirida.

Notepad yordamida oddiy veb -sahifa yaratish 9 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 9 -qadam

Qadam 9. Sahifada belgisi bo'lgan paragraf yarating

Masalan, yozing

Paragraf testi!

Yangi qator yaratish uchun belgidan foydalaning, yoki tanaffuslar.

Notepad yordamida oddiy veb -sahifa yaratish 10 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 10 -qadam

10 -qadam. Siz yaratgan veb -sahifada faqat oddiy matn bo'lishi shart emas

Veb -sahifalarda matnni formatlash uchun quyidagi bayroqlardan foydalaning: qalin matnni yozish, matnni kursivlashtirish va uning tagini chizish. Yuqoridagi belgini qo'llaganingizdan so'ng, uni yopishni unutmang!

Notepad yordamida oddiy veb -sahifa yaratish 11 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 11 -qadam

11 -qadam. Belgi bilan rasm qo'shing

Image
Image

saytni obodonlashtirish va matn shaklida tushuntirib bo'lmaydigan ma'lumotlarni qo'shish.

Belgi

Notepad yordamida oddiy veb -sahifa yaratish 13 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 13 -qadam

ishlashi uchun ma'lum ma'lumotlarni talab qiladi. Belgining to'liq sintaksisi

shakllanishi mumkin:.

Belgidagi src parametri tasvir fayl nomini, uzunlik va kenglikni tasvirlash uchun eni va balandligi funktsiyasini yozishga xizmat qiladi.

12 -qadam. Boshqa sahifaga olib keladigan havolani yarating, masalan, Boshqa sahifa

Belgining o'rtasidagi matn - bu sahifada paydo bo'ladigan matn, href parametri esa maqsadli sahifani o'z ichiga oladi. Havolalar yordamida tashrif buyuruvchilar saytingizning turli sahifalariga osongina o'tishlari mumkin.

Qadam 13. Saytni to'ldirishni tugatganingizdan so'ng, sahifani yopib tugating

Nihoyat, bilan HTML kodni yoping

Notepad yordamida oddiy veb -sahifa yaratish 14 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 14 -qadam

14 -qadam. Yaratilgan veb -sahifangizni.html kengaytmasi bilan saqlang va uni sinab ko'rish uchun sevimli brauzeringizda oching

Notepad yordamida oddiy veb -sahifa yaratish 15 -qadam
Notepad yordamida oddiy veb -sahifa yaratish 15 -qadam

15 -qadam. Saytingizni internetga yuklash uchun quyidagi ko'rsatmani o'qing

Maslahatlar

  • Internetda veb -sayt yaratish bo'yicha ko'rsatmalarni o'z ichiga olgan turli saytlar mavjud. W3school - bu yaxshi materiallarga ega sayt.
  • HTML faylidagi har bir tegni yopganingizga ishonch hosil qiling.
  • Faylning birinchi qatoriga belgidan oldin belgini qo'ying. Bu belgi siz yaratayotgan fayl HTML5 fayli ekanligini bildiradi.
  • Shriftni oldingi va keyingi belgilar bilan o'zgartiring. "N" ni kerakli shrift bilan almashtiring, masalan "Verdana".
  • Agar burchakli qavslardan foydalanish kerak bo'lsa, koddan foydalaning. Ayni paytda & belgisini ishlatish uchun & kodini ishlating.
  • HTML qo'llanmalariga ko'ra, siz har doim veb -fayllar va papkalarni bo'sh joy va tinish belgilarisiz kichik harflar bilan nomlashingiz kerak. Windows sizga fayl nomlariga bo'sh joy qo'yishga ruxsat bergan bo'lsa -da, ko'p xosting provayderlari bunday qilmaydi. Qolaversa, aniq fayl nomi saytingizni boshqarishni osonlashtiradi.

Tavsiya: