Code Diary | Дневник кода

HTML paragraf tegidan foydaanib

Доллары - это не деньги! Сумы давайте.

ushbu matn kodini ushbu post izohida yozib qoldiring!


https://t.me/DiaryCode

## HTML asoslari: Ichki va blok elementlari

### Ichki elementlar
HTMLda elementlar bir-biriga kiritilishi mumkin. Masalan, "Mening mushugim juda g'azablangan" iborasida "juda" so'zini ta'kidlash uchun tegidan foydalanamiz:

Mening mushugim juda g'azablangan.
Teglarni to'g'ri yopish muhim, aks holda brauzer kontentni noto'g'ri ko'rsatishi mumkin. Masalan, quyidagi misol noto'g'ri:

Mening mushugim juda g'azablangan.
### Blok va inline elementlar
HTML elementlari blok va inlinega bo'linadi.

Blok elementlar sahifada blok hosil qiladi va odatda yangi satrdan boshlanadi. Misollar: , , - . Blok elementlar inline elementlarga kiritilmasligi kerak.

Inline elementlar yangi satrdan boshlanmaydi va odatda matn ichida uchraydi. Misollar: , , .

### Misollar
Blok elementlar:

Paragraf
Div
Sarlavha
Inline elementlar:

Kursiv
Qalin
Havola
### Bo'sh elementlar
Ba'zi elementlar kontent saqlamaydi va darhol yopiladi. Misol: , , .


Bu kod belgilangan kenglik va balandlik bilan tasvirni qo'shadi.

P.S.: Bu asoslarni tushunish to'g'ri va tuzilgan HTML hujjatlarni yaratishga yordam beradi.

https://t.me/DiaryCode

🔴🔴

Assalomu alaykum hurmatli do'stlar!

👨‍💻Bugun, hudo xohlasa, ovozli chat orqali qiziqarli va foydali suhbatni tashkillashtiramiz! Sizlarni bepul dasturlash kursining tasnifi va dasturchi bilan suhbat kutmoqda. Ushbu suhbat davomida:

✅ Bepul dasturlash kursining asosiy mavzulari va ulardan qanday foydalanish mumkinligi haqida bilib olasiz.
✅ Sizni qiziqtirgan savollarga javob olishingiz mumkin bo'ladi.
✅ Dasturchi bilan bevosita muloqot qilish imkoniyatiga ega bo'lasiz.

💬Bu imkoniyatni qo'ldan boy bermang va albatta qo'shiling! Suhbat davomida dasturlash dunyosining yangi sir-asrorlarini ochib beramiz va sizni yangi bilimlar bilan boyitishga intilamiz.

🙋Ovozli chat bugun soat 21:00 da boshlanadi. Qo'shilish uchun 🔗havolani 🔗bosing.

https://t.me/DiaryCode?livestream

Sizni kutamiz!

Inline elementlar blok darajasidagi elementlar ichida joylashgan va hujjat mazmunining faqat kichik qismlarini qamrab oladi, butun paragraflar yoki kontent guruhlarini emas. Inline elementlar hujjatda yangi qator yaratmaydi: ular odatda (havola) elementi yoki yoki kabi urg`u elementlari kabi matnning paragrafida uchraydi.

Inline-darajali elementlar (HTML5 bo'yicha) quyidagilarni o'z ichiga oladi:

``, `` (bosish mumkin bo`lgan joylar oldindan belgilangan havola xaritasi ichidagi maydon),
``, `` (matn yo`nalishini bekor qilish - masalan, arabcha so`zlar), `` (matn chiqish yo`nalishini o`zgartirishdan ajratilgan matn),
`` (boshqa materialga iqtibos yoki izoh), ``,
`` (kursivdagi yangi atama), ``,
``,
``, `` (uchinchi tomon hujjati yoki HTML sahifasini joylashtirish uchun ramka), ``, `` (matn yangi faylga qo`shilgan hujjatning versiyasi ko'pincha `` bilan ishlatiladi.
`` (matn klaviaturadan kiritilgan),
``,
``, `` (tanlangan matn),
`` = `` (chizilgan matn), `` (dastur yoki skript chiqishi natijasida hosil bo`lgan element), `` , ``, ``, `` (pastki yozuv elementi), `` (yuqori belgi elementi),
``,
`` (satr qo`shtirnoq),
`` (asosiy matn ustida yoki ostida izoh),
`` (tagi chizilgan matn),
``

Quyidagi misolga qarang:

`Birinchiikkinchiuchinchi`

`to`rtinchibeshinchioltinchi`

`` - qatordagi element; dastlabki uchta element bir-biri bilan bir qatorda, ular orasida bo'sh joy yo'q.

Boshqa tomondan, blok darajasidagi element; har bir element yangi satrda, har birining tepasida va ostida bo'sh joy mavjud (bu masofa brauzerlar paragraflarga qo'llaydigan standart CSS uslubi bilan belgilanadi).

#HTML #Inline #InlineElement #Element #Teglar #Yorliq

👨‍💻 Code Diary - https://t.me/DiaryCode

Blok va inline elementlar

HTML elementlarining ikkita muhim toifasini eslab qolish kerak:

blok darajasidagi elementlar va inline elementlar.
Blok darajasidagi elementlar sahifada ko'rinadigan blokni tashkil qiladi - ular o'zidan oldingi har qanday tarkibdan keyin yangi satrda paydo bo'ladi va ulardan keyingi har qanday tarkib ham yangi satrda paydo bo'ladi. Ko'pincha blok darajasidagi elementlar sahifaning strukturaviy elementlari bo'lib, ular, masalan, paragraflar (paragraflar), ro'yxatlar, navigatsiya menyulari, pastki yoki pastki qism va boshqalar. Blok darajasidagi elementlar inline elementlar ichida joylashmaydi, lekin ba'zan boshqa blok darajasidagi elementlar ichiga joylashishi mumkin.

Blok darajasidagi elementlar (HTML5 bo'yicha) quyidagilarni o'z ichiga oladi:

(aloqa ma'lumotlari), (ma'lumotlarni mustaqil tarqatish yoki qayta ishlatish uchun mo'ljallangan kompozitsiya - masalan, yangiliklar, blog postlari, forumlar va boshqalar), (joylashtirish uchun yon blok bilvosita ma'lumotlar),

(uzun tirnoqlarni ajratib ko'rsatish),
`(ta`riflar ro`yxati), ``(` da atamaning tavsifi yoki ta`rifi), `(` ichidagi tavsif yoki ro`yxatdagi atama) , , ``(ma`lumotni yashirish/oshkor qilish uchun vidjet),
(shakl elementlarini guruhlash), (`` tegining tavsifi), , , ,
`-`, , ,
, (bosh blok mazmuni sarlavhasi),
, (skriptlar bilan ishlashni qoʻllab-quvvatlash oʻchirilganda konteyner tarkibini koʻrsatadi),
, , (`` teglarini bir guruhga birlashtiruvchi konteyner), ,
, (html hujjatida bir xil shaklda taqdim etilgan oldindan formatlangan matn),
, (ma'lumotni kengaytirish/yopish uchun tegining sarlavhasi),
,


#HTML #BlokElement #teglar #yorliq

👨🏻‍💻 Code Diary - https://t.me/DiaryCode

📌⚡️ Oldingi post kodini izohi⚡️📌

Endi misoldagi kodni tushunish vaqti keldi, ayniqsa u ishlaydi.

Birinchi qator hujjat turi deklaratsiyasidir. Bu veb-brauzerga ushbu hujjat HTML5 hujjati ekanligini aytadi. U katta-kichik harflarga sezgir emas, shuning uchun har qanday holatda yozuvlar kiritilishi mumkin.
elementi hujjat haqida ma`lumot beruvchi teglar uchun konteynerdir. Masalan, tegi hujjat sarlavhasini belgilaydi.
elementi veb-brauzer va foydalanuvchiga ko'rsatiladigan haqiqiy hujjat mazmunini (paragraflar, havolalar, rasmlar, jadvallar va boshqalar) o'z ichiga oladi.
Biz keyingi darslarda turli HTML elementlarini batafsil ko‘rib chiqamiz. Hozircha, faqat HTML hujjatining asosiy tuzilishiga to‘xtalib o‘tamiz.

DOCTYPE deklaratsiyasi veb-sahifaning yuqori qismida barcha boshqa elementlardan oldin paydo bo'ladi; ammo, hujjat turi deklaratsiyasining o'zi HTML teg emas. Har bir HTML hujjati sahifalarning toʻgʻri koʻrsatilishini taʼminlash uchun hujjat turi deklaratsiyasini talab qiladi. Ilovalar shunchaki ushbu turga mo'ljallangan va kerakli ko'rsatish algoritmini ishga tushiradi.

, va teglari har bir web-sahifaning asosini tashkil qiladi. va ichidagi kontent foydalanuvchilar uchun ko`rinmaydi, bitta istisno: va teglari orasidagi matn brauzer yorlig`ida sarlavha sifatida ko`rinadi.

### HTML teglari va elementlari

HTML veb-sahifalar mazmunini ma'lum bir tarzda ko'rinishi yoki o'zini tutishi uchun belgilash (o'rash) uchun ishlatiladigan elementlardan iborat. Misol uchun, kontentning bir qismi boshqa veb-sahifaga o'tish, so'zni kursiv qilish va hokazolarni ta'minlaydigan giperhavolaga aylantirilishi mumkin. Belgilash tilining asosiy elementlari teglar deb ataladi va burchakli qavslar ichiga olinadi.

Barcha HTML kodlari belgilash teglaridan tashkil topgan HTML elementlari sifatida yozilgan. Ushbu belgilash teglari HTMLning asosiy xususiyatidir. Har bir belgilash tegi burchakli qavslar ichiga olingan kalit so'zdan iborat bo'lib, , , , , va hokazo.

HTML teglari odatda va kabi juft bo`lib keladi. Juftlikdagi birinchi teg ko'pincha ochilish yorlig'i (yoki ochilish yorlig'i), ikkinchi teg esa yopilish yorlig'i (yoki yopilish yorlig'i) deb ataladi.

Ochilish yorlig'i va yopilish yorlig'i bir xil bo'lib, brauzerga buyruq bajarilganligini bildirish uchun yopish yorlig'ining ochilish burchagi qavsdan keyin to'g'ridan-to'g'ri chiziq (/) bundan mustasno.

😮Eshitishimcha reaksiya tekin bo'libdi. Ishonmasangiz sinab ko'ring😉

👨‍💻Code Diary - https://t.me/DiaryCode

​​Tabriklayman, HTML bilan ishlashni boshladiz! Quyidagi qadamlar bilan HTML fayl yaratish va uni brauzerda ko'rishni boshlaymiz.

1. HTML Fayli Yaratish: Kompyuteringizdagi matn muharririni oching va yangi fayl yarating. Faylni .html kengaytmasi bilan saqlang.

2. HTML Kodini Kiriting: Bo'sh oynadan boshlang va quyidagi kodni kiritng:






HTML bilan Ishlashni Boshlash


Salom, Dunyo! 👋
HTML bilan ishlashni boshlashga xush kelibsiz!




Bu kod HTML faylingizning og'iz bo'limidir. HTML5 standardiga mos keladi. tegi HTML dokumentining boshlang'ich qismi. tegi brauzerga ko'rsatilmaydigan matn va sahifaning asosiy sozlamalari uchun ishlatiladi. tegi brauzer oynasining yuqorisida chiqadigan sarlavha. tegi sahifaning asosiy tarkibini ifodalaydi.

3. Faylni Saqlang: Faylni "myfirstpage.html" deb nomlang va .html kengaytmasi bilan saqlang.

Faylni brauzerda ochish uchun, faylni tanlang va ikki marta ustiga bosing yoki brauzerda ochish uchun faylni ko'rib chiqing va faylni unga torting. Fayl brauzeringizda ochiladi va "Salom, Dunyo!" yozuvi chiqadi.

Kod muharriri yoki kod tahrirlovchi dastur, dasturchilar va dasturlash mutaxassislarining kodni yozish, tahrirlash va boshqa kod ustida ishlashlari uchun mo'ljallangan dastur hisoblanadi. Bu dasturlar kodni ko'rib chiqish, ranglarni belgilash, sintaksis tekshirish, kodni to'ldirish, va boshqa amallarni bajarish imkoniyatlarini beradi.
Batafsil o'qish uchun o'qish tugmasiga bosing

​​Siz HTML orqali bir nechta ajoyib narsalarni qila olasiz! 😊 Misol uchun, siz o'zingizning veb-saytingizni yaratib, uni Internetdan tashqarida ishlaydigan oflayn versiyasini yarata olasiz. 🚀 Shuningdek, matn, rasmlar, ro'yxatlar, jadvallar va boshqalar bilan onlayn nashr qila olasiz. 📚 Siz hattoki foydalanuvchilarning veb-brauzerlarida saqlagan ma'lumotlarini o'qishingiz va ularning hozirgi manzilini bilib olishingiz mumkin. 🕵️‍♂️

Boshqacha aytganda, HTML sizga veb-saytingizni sodda va qulay uslubda yaratish imkonini beradi. Shuningdek, siz HTML orqali tasvirlar, videolar, ovozli kliplar, Flash filmlar va ilovalar kabi kontentlarni ham qo'sha olasiz. 🎨

Endi, agar siz ko'p narsalarni HTML orqali boshqarishni istasangiz, mening sizga yordam berishim mumkin! 🤗

#HTML #Dasturlash #BilibOling #WebSayt

​​HTML5, 2014-yilda W3C (World Wide Web Consortium) tomonidan rasman tasdiqlangan, veb-dizayn va dasturlashda katta inqilob bo'ldi. Bu erda HTML5 haqida qiziqarli ma'lumotlar:

1. Multimedia Yordam: HTML5 video va audio teglarini kiritgan bo'lib, bu Flash va Silverlight kabi uchinchi tomon plaginlariga ehtiyojni kamaytirdi. Endi video va audiolarni osongina veb-sahifaga qo'shish mumkin.

2. Canvas elementi: Bu element 2D grafika va animatsiyalarni yaratishga imkon beradi. Masalan, HTML5 canvas yordamida o'yinlar va dinamik grafikalar yaratiladi.

3. Kross-platforma mosligi: HTML5 mobil va veb-ilovalar yaratishda katta imkoniyatlar yaratdi. Bu, ayniqsa, kross-platforma ilovalari uchun muhim, chunki HTML5 barcha zamonaviy brauzerlar va qurilmalar bilan mos keladi.

4. App Cache: HTML5 veb-ilovalarga internetga ulanmasdan ham ishlash imkonini beradi. Bu foydalanuvchi tajribasini yaxshilashda muhim rol o'ynaydi.

5. Geolocation: HTML5 da geolocation API mavjud bo'lib, bu foydalanuvchilarning joylashuvini aniqlashga imkon beradi. Bu funksionallik xarita va navigatsiya ilovalarida keng qo'llaniladi.

6. Yaxshilangan formalar: HTML5 yangi input turlari va formalar validatsiyasini qo'shdi. Masalan, email, date, url kabi input turlari to'g'ri ma'lumot kiritilishini osonlashtiradi.

7. Semantic elementlar: HTML5 yangi semantik elementlar kiritdi (masalan, , , , ). Bu veb-sahifalar tuzilishini aniqroq qiladi va SEO (Search Engine Optimization) ni yaxshilaydi.

HTML5 ning bu xususiyatlari uni zamonaviy veb-texnologiyalar orasida juda muhim va foydali qiladi.

#HTML #Fakt #BilibOling