Qanday qilib bir necha soat ichida veb-sayt yaratish mumkin

Veb-sayt yaratish qiyin bo'lishi shart emas. Ushbu maqolada, biz html sahifa yaratish asoslarini va mini-o'z ichiga olgan ro'yxatni qanday yaratishni ko'rib chiqamiz. Keyingisi, html dan qanday foydalanishni muhokama qilamiz>-matnni ta'kidlash uchun teg. Oxir oqibat, biz sizga bir necha soat ichida qanday qilib veb-sayt yaratishni ko'rsatamiz. Yana bir qancha foydali texnikalarni ham ko‘rib chiqamiz.

Html sahifa yaratish

HTML - bu veb-sahifalarni yaratish uchun ishlatiladigan til. U veb-sahifaning tuzilishini belgilaydi va CSS kontentning qanday ko'rsatilishini nazorat qiladi. Asosiy HTML sahifasini yaratish qiyin emas. Bu erda boshlash uchun bosqichma-bosqich qo'llanma. Asosiy HTML sahifangiz bo'lgandan keyin, Siz yanada murakkab va dinamiklarini yaratishga tayyorsiz. Boshlash uchun, sizga matn muharriri va veb-brauzer kerak bo'ladi.

Veb-sahifangiz uchun tarkib yaratish uchun MS Word kabi matn protsessoridan ham foydalanishingiz mumkin. Matnni bir-biriga ulash uchun giperhavolalardan foydalanishingiz mumkin. Faylni html fayl sifatida ham saqlashingiz mumkin, veb-sahifa. Bu usul yaxshi ishlaydi, lekin shu tarzda yaratgan sahifalaringiz juda katta va brauzer oynasida yaxshi ko'rinmaydi. Ushbu usulning yagona salbiy tomoni shundaki, siz mavjud vositalardan foydalanishni o'rganishingiz kerak.

HTML belgilash tilidir, bu sahifadagi tarkibni formatlash uchun teglarni kiritishingiz kerakligini anglatadi. Har bir teg sahifaning elementlaridan birini ifodalaydi. Teg burchakli qavs bilan aniqlanadi. Ba'zi elementlar faqat bitta tegni talab qiladi, boshqalar esa ikkita talab qiladi. Yopuvchi tegda oldinga qiyshiq chiziq mavjud. Masalan, paragraf tegi paragraf deb ataladigan elementni yaratadi. Ochilish va yopish teglari orasidagi matn paragraf matnini tashkil qiladi. Xuddi shunday, ul tegi tartibsiz ro'yxatni yaratadi.

Mini-o'z ichiga olgan ro'yxatni yaratish

Mini-includes bo'limini yaratish bir xil veb-sahifadagi turli elementlarni bog'lashning samarali usuli hisoblanadi. HTML sahifani bir nechta kichik bo'limlarga bo'lish mumkin, elementlar ro'yxatini o'z ichiga olgan har bir bo'lim bilan. Ushbu elementlar turli maqsadlarga xizmat qiladi. Alifbo tartibini ko'rsatish uchun type atributidan foydalanishingiz mumkin. a harflari bilan elementlar ro'yxatini yaratish uchun kichik harflardan ham foydalanishingiz mumkin, b, yoki c.

Element qo'shish oson. Oddiy HTML hujjatida uning mazmunini belgilaydigan teglar mavjud. Bu teglar odatda juft bo'lib keladi. Ochilish yorlig'i undagi elementlarni ro'yxatga olish uchun ishlatiladi, yopilish yorlig'i esa elementni yopadi. Ochilish yorlig'i, yoki bosh, hujjat haqida tavsiflovchi ma'lumotlarni o'z ichiga oladi. Ushbu ma'lumot sarlavhani o'z ichiga olishi mumkin, uslublar jadvali ma'lumotlari, skriptlar, yoki meta-ma'lumot. Yakunlovchi teg, boshqa tarafdan, elementni yopadi.

Html dan foydalanish>-teg

html>-teg HTML hujjatining asosiy tarkib maydonini aniqlash uchun ishlatiladi. Asosiy tarkib maydoni sahifaning markaziy mavzusi yoki funksionalligi bilan bog'liq matndan iborat. Bu saytdagi boshqa kontentdan noyob bo'lishi kerak. Boshqa kontent sahifada yon panellar ko'rinishida paydo bo'lishi mumkin, navigatsiya havolalari, mualliflik huquqi haqida ma'lumot, sayt logotiplari, va qidiruv shakllari. HTML sahifasi html ga amal qilishi kerak>-teg HTML sahifasi hisoblanadi.

href= atributi havola elementini ochadi. dan keyin “=” belgisi, havolaning URL manzilini joylashtirishingiz kerak. Bundan tashqari, bir sarlavhada bir nechta paragraf qatorlaridan foydalanishingiz mumkin. Yopuvchi qavs majburiydir. Bu sizning havolalaringiz noto'g'ri talqin qilinishining oldini oladi. Html sahifani o'qishni osonlashtirish uchun, veb-saytingizga havola qo'shing. html>-teg boshqa veb-sahifaga ishora qiluvchi havolalarni qo'shish imkonini beradi.

HTML fayli kompyuteringizga HTML fayl ekanligini bildiruvchi a.html kengaytmasiga ega bo'ladi. Bo'shliqlar o'rniga defis qo'yish yaxshidir, chunki bo'shliqlar veb-brauzerning faylni topishiga to'sqinlik qiladi. HTML sahifani yaratishni tugatganingizdan so'ng, uni saqlashingiz kerak bo'ladi. Keyingisi, HTML fayli bo'lgan jildga o'ting va sichqonchaning o'ng tugmasi bilan bosing. Quyidagi skrinshotga o'xshash bo'lishi kerak.

Html dan foydalanish>-matnni ta'kidlash uchun teg

Siz belgidan foydalanishingiz mumkin> HTML hujjatlaridagi matnni ta'kidlash uchun teg. Bu nisbatan yangi HTML 5 xususiyat, va u paragrafning ajratilgan qismini belgilaydi. Belgisi> teg asosiy HTML hujjatining fon rangi xususiyatini o'zgartirish orqali ishlaydi. Belgisi> teg global va hodisa atributlarini qo'llab-quvvatlaydi. U matnni sariq yoki qora rangda ajratib ko'rsatadi. Bundan tashqari, asosiy CSS faylidagi matn rangini o'zgartirish mumkin.

Aksariyat ekran o'quvchilari belgi elementini e'lon qilmaydi, lekin siz qaysi matnni ajratib ko'rsatishni xohlayotganingizni aniq ko'rsatish uchun CSS kontent xususiyati yoki.before va.after psevdoelementlaridan foydalanishingiz mumkin.. E'lonlar batafsil va sahifaga keraksiz ma'lumotlarni qo'shadi, shuning uchun siz ularni tejamkorlik bilan ishlatishingiz kerak. Masalan, qidiruv soʻzini taʼkidlash yoki tirnoqlarni bloklash uchun eʼlonlardan foydalanishingiz mumkin. E'lonlar barcha asosiy brauzerlar tomonidan qo'llab-quvvatlanadi.

Fon rangi uslubiga qo'shimcha ravishda, siz "ta'kidlash" dan foydalanishingiz mumkin’ HTML hujjatingizdagi matnni ajratib ko'rsatish uchun sinf. Fon rangi uslubi barcha brauzerlar tomonidan qo'llab-quvvatlanadi. Siz "sariq" so'zini ham ishlatishingiz mumkin’ rang kodi o'rniga. Xuddi shu koddan matnning xatboshi yoki qismini ajratib ko'rsatish uchun foydalanishingiz mumkin. Matnni ta'kidlash uchun CSS sinflaridan ham foydalanishingiz mumkin.

Html dan foydalanish>-mini-ro'yxatini yaratish uchun teg

html>-teg mini-qo'shimchalar ro'yxatini yaratish uchun ishlatiladi. U tegishli yopish tegini o'z ichiga oladi va element nomi kichik harflardan iborat. HTML hujjatlari UTF-8 belgilar kodlash yordamida kodlangan, Unicode belgilarini kiritishni qo'llab-quvvatlaydi. Html dan foydalanganda>-teg, da UTF-8 ni tanlaganingizga ishonch hosil qiling “kabi saqlash” dialog oynasi.

Html dan foydalanish>-HTML sahifasiga mini-o'z ichiga olgan ro'yxatni qo'shish uchun teg oson. Ushbu tegdan tartibsiz ro'yxatni qo'llab-quvvatlaydigan har qanday element uchun foydalanishingiz mumkin. Siz hatto navigatsiya menyusi uchun tartibsiz ro'yxatni ham ishlatishingiz mumkin. dl elementi atamalar va tavsiflar juftligi ro'yxatini o'z ichiga oladi. Tartiblangan ro'yxatdagi elementlar chap tomonda ko'tariladigan hisoblagich bilan ko'rsatiladi. Agar ro'yxat elementidan keyin boshqa element bo'lsa, dl elementini ham o'tkazib yuborishingiz mumkin.

Mini-qo'shimchalar ro'yxatini qo'shishning yana bir usuli - HTML hujjatiga pastki qism elementini qo'shish. Ushbu element eng yaqin bo'limlar tarkibining pastki qismini ifodalaydi. Odatda muallif haqida ma'lumot mavjud, mualliflik huquqi ma'lumotlari, yoki tegishli hujjatlarga havolalar. Html dan foydalanish>-HTML sahifasida mini-o'z ichiga olganlar ro'yxatini yaratish uchun teg

Html dan foydalanish>-alohida matn bloklarini ajratib ko'rsatish uchun teg

HTML5 alohida matn bloklarini belgi bilan ajratib ko'rsatadi> element. Ushbu HTML5 yorlig'i manbadagi kontent rangini sariq yoki qora rangning ma'lum bir soyasiga o'zgartiradi, o'quvchiga muhim matnni farqlash imkonini beradi. Bundan tashqari, boshqa matnlarga qaraganda ko'proq e'tibor talab qiladigan tarkib bo'limlarini ko'rsatish uchun ham foydalanish mumkin. Belgisi> element HTMLda Global atributlar va hodisa atributlarini qo'llab-quvvatlaydi. To'g'ri ishlatilganda, ushbu HTML5 yorlig'i veb-sahifaning o'qish qobiliyatini oshirishi mumkin.

HTML4 standarti jismoniy uslubdagi belgilar darajasidagi teglarni bekor qiladi. Ular taqdimot bilan shug'ullanadilar, va bu maqsadlar uchun CSS dan foydalanish yaxshiroqdir. HTML5 ularni qaytadan kiritdi. Ular endi eskirgan emas, lekin ular hali ham alohida matn bloklarini ajratib ko'rsatishning yagona usuli emas. HTML5 bilan alohida matn bloklarini ajratib ko'rsatish uchun CSS-dan foydalaning! Ushbu oddiy usul kontentning bir qismidagi alohida matn bloklarini ajratib ko'rsatadi.

Float: Ushbu CSS xususiyatidan elementni o'z ichiga olgan elementning chap yoki o'ng chetiga surish uchun foydalanishingiz mumkin. U panjara yoki ustunlar yaratish uchun ishlatilishi mumkin. Iframe yoki tasvirni brauzerning chap yoki o'ng chetiga surish uchun float deb nomlangan CSS xususiyatidan ham foydalanishingiz mumkin.. Ushbu atributlar CSS yordamida alohida bloklarni ajratib ko'rsatishni osonlashtiradi.