Avtomobil html haqida veb-sayt kodi. HTML tomoni va yaratishning asosiy tamoyillariga misol

: HTML - gipermatn layout mov (yoki gipermatn layout mov)

Shunday ekan, keling, u bilan yaqinroq tanishamiz.

Birinchi marta, men uni kengaytmalar.html deb atasam, kompyuteringizda fayl yarating (mening butimni inglizcha mening- Masalan, index.html). Bunday faylni yaratish uchun - ajoyib matn hujjatini yarating ("Boshlash" - "Barcha dasturlar" - "Standart" - "Bloknot") va saqlang ("Fayl" - "Yoqni saqlang") har qanday joyda yogo (Avval, Notepad kengaytmasini kiritganingizda, u hali ham matnli fayl sifatida saqlaydi va bizga veb-fayl kerak. Buning uchun saqlashdan oldin fayl turini tanlang - "Barcha fayllar (*.*)").

Bu obov'yazkovning aqli haqida emas (server sozlamalaridagi parchalar siz birinchi tomonning nomini eslab qolishingiz mumkin), lekin iliq ohang qoidasi. Birinchi tomon indeksining o'zini (index.html) nomlash orqali server yangisiga qaytganida shunday nomli faylni ko'radi - indeks.

Agar to'g'ri saqlangan bo'lsa, fayl belgisi brauzer belgisiga o'zgaradi (Internet Explorer tomonidan targ'ib qilingan).

Ushbu faylni bloknot bilan oching va u erda quyidagi kodni nusxalang.

Bu birinchi veb-sayt!

Brauzer orqali saqlang va oching.

Vitayu, siz birinchi veb-sahifangizni muvaffaqiyatli yaratdingiz.

Matn "Bu birinchi veb-sayt!" be-yakíy ynshíy eslab qolishingiz mumkin, masalan, bu kabi - "Bu mening birinchi veb-saytim!". tanlang, brauzeringizni yangilang, natijadan rohatlaning.

Ale, bizning tomonda sarlavha yo'q.

Kodni tuzatish kerak - kodni to'g'rilang, uni yangi "Sayt rahbari" ga to'g'rilang, vikoristovuyuchi teglar і .</p><p> <html> <head> <title>Birinchi tomon Mening birinchi veb-saytim!

Biz g'amxo'rlik qilamiz, g'amxo'rlik qilamiz, biz uni yaxshi ko'ramiz. Endi bizning sahifamiz sarlavhaga ega.

Tavsif teglari.

Birinchi teg (bu teg yigit, shuning uchun tegni yoping obov'yazkovy) - idish sifatida vikoristovuetsya, uning o'rtasi butun tomonga ma'lum (matn, rasm va boshqa). Hotcha tsey teg ( і) neobov'yazkovy, ale yoga vikoristannya yaxshi xulq-atvor qoidasi haqida gapirish. Sizga raja yogo vikoristati.

Keyingi teg - . Tse tezh guy tag ( і). Bu teg yon tomonda ko'rsatilmaydi (sarlavhali jild), lekin yon tomonga qo'shimcha parametrlarni qo'shish uchun kerak - tomonning tavsifi (qidiruv tizimlari tomonidan belgilangan), kalit so'zlar (qidiruv tizimlari tomonidan belgilangan), uslublar, skriptlar, sarlavha va boshqalar.

teg </b>- yigit yorlig'i ( <title>і), sahifa sarlavhasini kiritish uchun zarur. Bundan tashqari, bu teg faqat tegning o'rtasida bo'lishi kerak !

Men dam oling, bizning kodimizda, teg - . Tezh yigit tegi ( і), bunday qidiruvning o'rtasida, saytning barcha ko'rinadigan qismlari, tobto. matnlar, rasmlar, xabarlar, zagal íformatsija, agar siz uni saytga joylashtirmoqchi bo'lsangiz.

Keyingi darsda biz teglarni ko'rish va ularni yozish haqida gaplashamiz.

Agar siz veb-sahifani ochsangiz, unda o'zingizning odatiy elementlaringizda bunga arziydi, chunki ular saytning to'g'ridan-to'g'riligi tufayli o'zgarmaydi. 1-ilova ko'rsatkichlarida asosiy elementlarni qamrab oladigan oddiy hujjatning kodi.

Hodisa 1. O'rgimchak to'ri veb-sahifa kodi

Veb-sayt namunasi

sarlavha

Birinchi xatboshi.

Yana bir paragraf.

Buni nusxa ko'chiring va example2.html ostidagi c:\www\ jildiga joylashtiring. Keyin brauzerni ishga tushiring va faylni menyu bandi orqali oching Fayl > Faylni ochish(Ctrl+O). Hujjat tanlash dialog oynasiga example2.html faylini kiriting. Brauzer kichik hajmda ko'rsatilgan veb-sahifani ko'rsatadi. bitta.

Guruch. 1. Brauzerdagi dasturning natijasi

element(Jarg. Doctype) oqim hujjat turini kiritish uchun topshiriqlar - DTD (hujjat turini aniqlash, hujjat turi tavsifi). Brauzer aqlli bo'lishi kerak, joriy veb-sahifani qanday talqin qilish kerak, hatto ba'zi versiyalarda HTML - joriy HTML5 yoki eskirgan HTML4 va XHTML. Brauzer "adashib qolmasligi" uchun va ba'zi standartlarga muvofiq veb-sahifani ko'rsatishini tushunadi va birinchi qatorga kodni o'rnatish kerak.

Agar biz faqat HTML5 bilan ishlay olsak, unda bizga faqat bitta qisqa va zamonaviy dokttip kerak bo'ladi.

Biz elementlarning nomlarini kichik va katta harflar bilan yozish mumkinligini taxmin qildik. OldinXuddi shu qoidadan foydalanish mumkin va u boshqacha tarzda yozilishi mumkin. Prote an'anaviy tarzda element nomi katta harf bilan yoziladi.

Egri chiziq belgisi HTML hujjatining boshini belgilaydi, uning o'rtasi "bosh" ( ) va hujjatning "tanasi" ( ).

Vmíst tsgogo rasdylu elementning vinyetka orqasida, yon tomonda vositachisiz ko'rinmaydi. . Hammasi o'rtada <head>Siz quyidagi elementlarni qo'shishingiz mumkin: <base> , <link> , <meta> , <script> , <style>yoki <title> .</p><p> <meta charset="utf-8"> </p><p>element <meta>ê universal va turli xil imkoniyatlar sinflarini qo'shing, zocrema, qo'shimcha meta teg uchun elementni qanday qilib ma'lum bir tarzda nomlash mumkin, siz tomonning kodlanishini o'zgartirishingiz, kalit so'zlarni qo'shishingiz, hujjat tavsifi va boshqa boy. , brauzer yoki qidiruv tizimlari uchun tanilgan. Zocrema, shuning uchun brauzer rozumiv, UTF-8 kodlash bilan nima qilish mumkin (Unicode o'zgartirish formati, Unicode o'zgartirish formati) va butun qator qo'shiladi.</p><p> <title>Veb-sayt namunasi

element veb-sahifa nomini belgilaydi. Brauzerda u oqim yorlig'ida paydo bo'ladi (kichik 2).</p><p><img src='https://i0.wp.com/webref.ru/assets/images/html-tutorial/title.png' height="62" width="367" loading=lazy loading=lazy loading=lazy></p><p>Guruch. 2. Brauzerdagi veb-sahifalarning nomi</p><p>element <title>ê obov'yazkovim va aybdor, lekin hujjatning kodida mavjud. O'rtada faqat matn va boshqa har qanday elementlarni yozishga ruxsat beriladi <title>aybdor bo'lmang. Ale, turli matn belgilarini qo'shishga ruxsat beriladi, masalan: <span><title>Adobe™ Photoshop® .

tegni yopish hujjatning "boshi" to'liq ekanligini ko'rsatadi.

Hujjatning "tanasi" elementlarni joylashtirish va veb-sahifa o'rniga tan olingan.

sarlavha

HTML turli darajadagi oltita matn sarlavhalarini tarqatadi, masalan, bo'linishning muhim ahamiyatini ko'rsatish, sarlavha bo'linish. Ha, element

ê birinchi darajadagi eng muhim sarlavha va element

oltinchi teng va eng kam ahamiyatli sarlavha belgisi sifatida xizmat qiladi. Yopish uchun birinchi darajali sarlavha qalin tasvirning eng katta shriftida ko'rsatilgan, hujum chizig'ining sarlavhalari kichikroq hajmda. Elementlar

...

blok elementlariga ko'tariladi, hid har doim yangi qatordan boshlanadi va ulardan keyin boshqa elementlar keyingi qatorda paydo bo'ladi. Bundan tashqari, brauzer keyingi kunning sarlavhasidan oldin bo'sh joy qo'shadi.

Izoh qo'shish orqali istalgan matnni brauzerda ko'rsatilganidek yozib olish mumkin. Agar siz bunday matnni tuhmat qilishni xohlamasangiz, hamma narsa hujjatda uzatiladi, shuning uchun asl kodni hayratda qoldirib, siz biriktirilgan eslatmalarni ko'rishingiz mumkin.

9 ovoz

Men sizni Start-Luck blogining yon tomonlariga olib boraman. Bugun men sizga kodni qanday buzishni ko'rsatmoqchiman. Sayt yozish band bo'lgan cicada, bagat kabi biz katlama qurishimiz mumkin. Haqiqatan ham, 5 kvilingdan kamroq uchun oddiy tomon yaratilishi mumkin.

Ushbu maqolada men sizga html-sideni yaratish haqida gapirib beraman. Biz sizga 10 dan kam kredit to'laymiz, keyin esa asosiy teglarni batafsil ko'rib chiqamiz. Bunday nashrni saboq deyish noto'g'ri. Tse shvidshe urug'i, sizga ishning soddaligini va sizda bor odamlarni ko'rsatish uchun qo'ng'iroq kabi, bazhanya uzoqda qulab tushadi, ko'proq yashaydi, yaxshi ishlaydi.

Qanday qilib tomonni yaratish kerak

Men sizga bloknotda birinchi qatorni aytaman. Aytaylik, "Ishga tushirish" menyusida "Standartlar" papkasi mavjud. Hech narsa yuklab olish shart emas ekan. Qo'lingizdan kelganini ko'rsatishga harakat qiling.

Hujjatni oching.

Yangi kodni kiriting.

<html > <bosh > <sarlavha > Mening birinchi tomonim</title> </head> <tanasi > <markaz >

</h1> <br/>
<markaz > "https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg"> <br/>
<fontstyle="rang:qizil"></shrift> <br/>
<b></b> <br/>
Mi dyyshli eng pastgacha<br/>
Endi siz teglar haqida bir oz ko'proq bilasiz va ularni burishingiz mumkin. Keling, storinokni ko'proq sotib olishni ulash uchun kuch qo'yishga harakat qilaylik.<br/>
<soat > Misol uchun, eksa mening blogimga yuboriladi<a href = "https://site/" > Omadni boshlang</a>- rozpovidaê faqat "skladne" haqida.<br/>
<br/>
</tana> </html>

Mening birinchi tomonim

Yon tomonni osonroq yarating, g'amxo'rlik qiling

Siz boyib ketishingiz mumkin, chunki o'ng tomonda saytlarni yaratish katlanabilen, uni qurish mumkin emas. Kim uchun ko'p narsani o'rganish, bilish, o'sish kerak. Darhaqiqat, 100 ga yaqin teglar mavjud, shuning uchun ob'yazkovoda o'qiy olmaysiz. Bu de zastosovetsya nima tushunish uchun muhimroqdir. Ma'lumotni turli xil cheat varaqlarida qidirish mumkin va kelajakda siz teglarni avtomatik ravishda taxmin qilishni boshlaysiz.



Oddiy kod sizga chervonim matnini o'zgartirish imkonini beradi

Qalin bo'lmagan holda yozing

Mi dyyshli eng pastgacha

Endi siz teglar haqida bir oz ko'proq bilasiz va ularni burishingiz mumkin. Keling, tomonlarning parchasini bog'lashimiz uchun xabarni kiritishga harakat qilaylik.

Xo'sh, mendan hamma narsa. Sizning birinchi sahifangiz tayyor

Keyingi fayl nomi index.html. Tugallash ".html" Fayl kengaytmasini belgilang. Agar siz shunchaki indeks nomini kiritsangiz, hujjat matnli fayl sifatida saqlanadi va brauzer tomonidan tan olinmaydi.

Hujjatni ish stolimda saqladim. Endi yoga bilish kerak, o'ngdagi sichqoncha tugmasini bosing va istalgan brauzerning yordami uchun uni oching. Men Google Chrome-ni olaman.

O'q men tomonidan yaratilgan juda chiroyli ko'rinadi. Sizni hech narsa bezovta qilmaydi. Hammasi bir xil: rasmlar bilan va rangli shriftda.

Birozdan keyin teglar haqida ko'proq gaplashaman, ammo hozircha sarlavhadan tozalaymiz. markaz "va so'z bo'lgan qatorni kiriting" rang". Nutqdan oldin men allaqachon yozganman. Tse duzhe oddiygina, men o'qishni tavsiya qilaman.

Yana bir bor hujjatni saqlang, bu vaqtni Ctrl + S tugmalari yordamida tezlashtirishingiz mumkin, so'ngra qo'shimcha F5 tugmasi yordamida brauzerning yon tomonini yangilang.

Esingizda bo'lsin, amalda bu jingalak uchun teg aybdormi yoki yo'qmi. Tobto bu yerda roztashovuvatisya kod zí slish aybdor. Bu nuqtai nazardan, sharob quyidagicha ko'rinadi: .

Baxit, sarlavha chervonimga aylandi. Shuningdek, siz matnning istalgan qismiga kerakli ma'lumotlarni kiritishingiz mumkin.

Xo'sh, hammasi bo'ldi, dumba tayyor, va siz o'zingiz yozganingiz uchun aybdorsiz. Shubhasiz, siz hali ham onlayn rejimini bilmayapsiz, qaysi veb-sayt uchun xostingni yoqishingiz kerak. Boshqa odamlar sizning ijodingizni qo'llab-quvvatlashi uchun domeningizni qo'shishingiz kerak.

Agar siz tomonni tutsangiz, kerak emas. Ammo bir daqiqa kutib turing, bunday sayt bilan siz faqat chet ellik yoshdagi odamlarni ishga olishingiz mumkin. Ammo, birinchi navbatda, vikoristlar kabi teglarni ajratib, uni yanada muvaffaqiyatli qilaylik. Tse yordamisiz loyihalaringizni qanday yaratishni o'rganishingizga yordam beradi.

teglar

Sizning ruxsatingiz bilan men NotePad ++ dasturiga o'taman. Won maê tsílu past ajoyib bloknot bilan juft bo'lib mag'lub bo'ldi. Shu bilan birga, men sizga aytib beradigan elementlarni ko'rsatish uchun teglar qo'shishim kerak. Biroq, agar siz html-dan foydalanishni tanlasangiz, men sizga bepul dasturni o'rnatishingizni tavsiya qilaman.

Faqat bitta emas va men sizga boshqa bir spratni taklif qilishim mumkin, go'yo kimdir muqobil variantlarni ko'rsatsa. Keling, nazariy qismga o'tamiz.

Asosiy

Javob bering va sahifani teglar bilan yakunlang . Stink brauzerga veb-hujjat nima ekanligini ko'rsatib beradi, HTML yordami ortidagi ijodlar.

Dali ket yoki sarlavha. Ular tomon haqida eng muhim ma'lumotlarga ega, bizniki esa eng muhim ma'lumotlarga ega. Ular hali ham "Mening birinchi sahifam" iborasini bilishmasdi, xuddi koddagi kabi, yorliqning o'ziga, hazillar qatoriga hurmat ko'rsating.

bir xil teglar kob uchun berish va partiya haqida asosiy ma'lumotlarning oxiri.

teg

iboraning sarlavha ekanligiga e'tibor bering. Sarlavhalar ortida asosiy matndan bir nechtasi bor va u qalin ko'rinadi. Xuddi siz kabi, biz bir vaqtning o'zida nafaqat html-da yozdik, balki CSS faylini yaratdik, u bilan faylimiz umumiy deb nomlandi, biz yozmasdan yon tarafdagi sarlavhalarning o'lchamlari, shrifti va rangidan foydalanishimiz mumkin edi. shrift uslubi Dumbadagi mi robili kabi. Men bu haqda oldindan gaplashmoqchiman.

Nutqdan oldin, Sarlavha va H1 sizning saytingizga qidiruv tizimida joy ajratilgan o'zingizning vpliv píd soatingiz bo'lishi mumkin. Ularga katta hurmat bilan yetib borish va jar o‘rtasida yozmaslik kerak. Hidi og'riyapti. Krem h1, lekin h2, h3, h4.

Ushbu qatorda ochiladigan va yopilgan

. Ushbu element uchun matnni o'rtada ko'rishingiz mumkin. Yakscho tsey teg vydaliti, matn o'ng qo'lda turadi.


- Bir nechta yagona teglardan biri. Tobto vin o'z-o'zidan ishlaydi. Zavdyaki tsyomu elementi vy peresribuête bir qatordan ikkinchisiga. Oddiyroq ko'rinadi, kirishni o'g'irlang. Ular bir marta yoga yozdilar, keyin bir marta pastga tushdilar, men kabi ikki marta, yana uchta qadam bor edi.

Rasm

Menga teg bering img , keyin rasm, rasm. Kvadrat kamon egri chiziqlari, tasvir haqidagi barcha asosiy ma'lumotlar uning oldiga to'g'ri keladi, shundan keyingina u egri bo'ladi. Keyinchalik, nimani ko'rsating img - tse yorlig'i va koddagi reshta elementlari, ular o'rtada joylashganligi sababli, barcha atributlar.

Nasampered ide muqobil , tavsiflash uchun. Bu optimallashtirish uchun ham zarur. Ba'zan siz ko'proq qo'shishingiz mumkin sarlavha . Kursor tomonidan ko'rsatma berilgan sichqoncha bilan rasm ustiga sichqonchani olib borganingizda, agar tomoni brauzerda allaqachon ko'rsatilgan bo'lsa, maslahat ko'rsatiladi.

Siz sayt papkasida kichkintoylarni zavantazhit qilishingiz va unga yo'lni belgilashingiz mumkin, lekin men yo'lni kechiraman. Pixabay o'rtasida men rasmni bilaman, men uni yangi oynada ko'rdim va xabarni joylashtirdim.

Abstraktda src rasmga boradigan yo'l belgilangan. Siz o'zingiz brauzerga tasvirga ehtiyoj borligini bilish uchun ishdan chiqish kerakligini aytishingiz kerak va shu bilan to'g'ridan-to'g'ri - o'zingiz yozasiz.

Matnni formatlash

matnning bir qismini ma'lum bir uslubga qo'shish foydasiga, masalan, boshqa rang kabi. style = "rang: qizil" rangi chervonim bo'lishini ko'rsating. Agar siz sariq rangni xohlasangiz, sariq, yashil - yashil yozing. Siz Photoshop-da rang kodlarini o'zgartirishingiz mumkin.

matnni qalin qilishga yordam beradi.


kichik gorizontal chiziq. Sharob yopiq ko'rinishda yolg'iz va g'olib kamroq. Qanday yozasiz
bir marta, so'ngra brauzerda yon tomonni ochganingizda, aynan gorizontal smugs uslublarini olib tashlang.

Posilannya

brauzerga nima yuborish kerakligini ayting. Siz o'quvchini manzilingizga yo'naltirmoqchisiz. Til atributi bilan teg belgisi href="manzillar" . Panjada yo'l qo'yilgan, bu erda brauzer oynani siljitishda aybdor. Shundan so'ng, imlo yorlig'i sifatida ta'rif qo'yiladi, so'z yoki kilka, yak chitachaga bosilganda, u ko'chma bo'ladi. Shundan so'ng, agar siz yovuzlar haqida o'ylasangiz, yopiladigan boshqa tegni kiritishingiz mumkin .

Shundan so'ng, tomonning asosiy qismi yozilganidek, siz tegni yopasiz tanasi , Oskylki tanasi tugadi. Bugun g'alaba qozonishga odatlanganlarga ishora qilaman html .

Agar siz html teglari haqida ko'proq ma'lumotga ega bo'lishni istasangiz va nafaqat rasmlarni, balki videolarni ham kiritish, tugmalar, turli shakllar, ro'yxatlar, paragraflar yaratishni o'rganmoqchi bo'lsangiz, men sizdan bepul kursni so'rashim mumkin. html asoslari ". Usogo 33 darslari sizga yangi bosqichga kirishga yordam beradi.


Shuningdek, men sizga veb-saytlar qanday tuzilganligini aytib beradigan video kursni tavsiya qilmoqchiman. Butun jarayon haqiqiy dumbalarda ko'rsatilgan, bu ayniqsa yaxshi. Uchrashuvlar kursi yangi boshlanuvchilar uchun, agar siz hali ham HTMLni bilmasangiz, HTML va CSS-ni yaxshi biladiganlar uchun saytni sinab ko'rish yaxshi emas. Qo'shimcha ma'lumotni ko'rsatmalarga rioya qilish orqali olishingiz mumkin: www.srs.myrusakov.ru/makeup


Qrim olib ketish uchun Qanday qilib veb-saytlar yaratish haqida No-koshtovnu kitob ! Ushbu kitob pochatkívtsív asosida himoyalangan va u erda VID va DO sayti yaratilmoqda. Shunday qilib, dizayn tayyorlanadi, keyin tomonlar tuziladi, dasturiy ta'minot qismi yoziladi va keyin sayt Internetga joylashtiriladi. Muallif hamma narsani nisbatan sharhlaydi va kitobda juda ko'p skrinshotlar va rasmlar mavjud. Bundan tashqari, kitobning o'ziga xos xususiyatlari mavhum sayt sifatida emas, balki Internetda haqiqiy va dolzarb sayt sifatida yaratilgan.

Bugun siz boyib ketdingiz, hatto birinchi hosil ham eng yaxshisidir.

Axborot byulleteniga obuna bo'ling VKontakte guruhi , va ko'proq ma'lumotga ega bo'ling: sayt mexanizmi qanday va hozir kerak, blok tartibi va modulli panjara nima, saytni qanday to'g'ri yozish va boshqalar.

Yangilarigacha omad!

Ixtiro qilingan shaxssiz mov, alema mov HTML maxsus va eng talabchan. Uning orqasida dasturlash uchun boshqa ko'plab asosiy tuzatishlar mavjud. Agar chakana sotuvchining bilimi film belgilarini - HyperText Markup Language (HTML) haqida ma'lumotga ega bo'lsa, ko'p narsalar mavjud bo'ladi.

Darhaqiqat, HTML-da yig'ilib bo'ladigan hech narsa yo'q va u Internetni dasturlashdan keyingi odam bo'ladimi, u holda noutbukda HTML tomoni yaratilishini ko'ring. Hurmatga loyiq bo'lgan dumba, sodda, samarali, teri uchun ochiqdir.

Zagalniy tavsifi

HTML fayl saytning bir tomoni, solishtirmoqchi bo'lsangiz, lekin bitta faylga ega bo'lganlar bir tomonni qo'shib qo'yishadi, tushunarli.

HTML fayli DOCTYPE sarlavhasi bilan boshlanadi, bu fayl turi HTML ekanligini bildiradi. Yonning mo'ylovli elementlari (teglar) kishanlarning tepasida ko'rsatilgan. Teri juftligi ("<» и «>”) bitta HTML tegini o'z ichiga oladi. HTML teglarini bolalar, keyin teri ustida "teg" ê "/tag" ovoz. Hujumlar kamonning tepasida yotadi. Ê yagona teglar, ulardan eng mashhuri "br/" - keyingi qatorga o'tish.

Faylning eng katta tegi HTMLning o'zi bo'lib, unga qadar faqat ikkita teg mavjud: HEAD va BODY. Birinchisi uchun turli tavsiflar shifrlangan, boshqa kerakli uchinchi tomon fayllari buyurtma qilingan, PHP va JavaScript skriptlaridan foydalanish mumkin. Boshqa tomonning tarkibi yozib olinadi. Shunday qilib, teglar va skriptlarga qarang.

Oddiy HTML tomoni

Bunday tomonning burmasining dumbasi quyida maqolada ko'rsatilgan. Keling, yoga bilan hurmat bilan qaraylik.

Tarqalgan HEAD

Asosiy e'tirof - bu yon va ochiq-oydin skriptlarning ochiq tavsifi, qolishni xohlash - uni aniqroq qilish. Ikkitadan ortiq nutqning ma'nosini berish uchun bu yerga qo'ng'iroq qiling:

  • kalit so'zlar va tomonning tavsifi;
  • boshqa fayllarga yuboriladi (*.css va *.js).

Mahalliy tarqatishda tomonning mazmunini ko'rsatish uchun bu bilvosita muhim bo'lishi mumkin, parchalar ko'rsatadi: bu erda boshqa fayllarda teglar va boshqa tillarning skriptlari uchun CSS qoidalari mavjud.

HTML tomoni ko'rsatilishi mumkin, agar siz sichqonchani yorliqga olib boradigan bo'lsangiz, oyna ochiladi. Bu muhim lahza, shards mutlaqo prezentatsiya bilan tomoni talon-taroj qilish, aytish oson, o'qilishi mumkin matn imzolangan.

META teglari Internet-dasturlashda muhim bo'lishi mumkin, ammo agar siz daftarda HTML tomonini yaratishingiz kerak bo'lsa, maxsus konstruktsiyalar bilan dumbani tavsiflash shart emas.

Skriptlarga kelsak, agar siz HTML haqida bilsangiz, kaskadli uslublar jadvallariga beparvolik bilan rioya qilish kerak. CSS fayllarida hover, zocrema, HTML teglarini loyihalash qoidalari mavjud.

Tarqalgan BODY

Vlasne, HTML tomonining dumbasi - va ê split BODY. Bu erda barcha ma'lumotlar, saytning butun tomoni tozalanadi. Barcha ma'lumotlar vizual teglar va skriptlar orqali taqdim etiladi, masalan, JavaScript kodini yoki kichik PHP dasturlarini kiritish.

Shuni tushunish kerakki, HTML veb-brauzer ilovasi matn muharriri ilovasi bilan bir xil, bloknot ilovasi esa bir xil emas. Biz birinchi marta HTML matnini tayyorlashimiz mumkin, bu holda barcha skriptlar yoziladi. Masalan, PHP o'z qismini ishlab chiqdi va kerakli sohalarda va kerakli teglarda o'z kodini almashtirishni shakllantirdi. JavaScript, shuningdek, boshqa narsa haqida rozmovning kremini qo'yishni xohlab, o'z missiyasini yutib chiqishi mumkin.

HTML skriptlar emas, balki barcha teglardir. Kechirasiz, brauzer faqat yon tomonning mazmunini, faqat teglarni ko'rsatadi. U erda PHP kodi yo'q.

JavaScript alohida holatda, bu turbo - yon tomon brauzer oynasida bo'lsa, faqat zavantazhennya (o'tkazish) vaqtida emas, balki ayni paytda ham xizmat qilish.

Oddiy dumba (tanadan kamroq) pastroq ko'rsatilgan.

Brauzerda esa deraza uzoqdan ko'rsatilgandek ko'rinadi.

Kodda belgilash, elementlarga qanday qarash, brauzerni qanday ko'rish kerakligi yo'q edi. CSS qoidalarini loyihalashda hamma narsa ko'rinadi. Bu holda, fayl Mcss/scPhpWordRW.css, qaysi biriga yuborilgan (div. HTML tomonining birinchi ko't).

HTML ko'rinishida CSS mavzusi oddiyroq, mavjud qoidalarga kirish uchun bir nechta qoidalar mavjud, agar HTML tomonining ko'rinishi muhim bo'lmasa, krim bloknot. Bir zumda o'zlashtirish uchun hamma narsa allaqachon mavjud:

Bu erda scLogo_vDoc yorlig'i shunchaki tavsif ekanligi ko'rsatilgan va tavsif shundayki, normal holatda teg vDoc-logo.png tasvirini ko'rsatadi va agar uning ustida ayiq bo'lsa, vDoc-logo-h.png ko'rsatiladi.

HTML tavsifi tuzilishi

Mova hech qanday tuzilmani bildirmaydi va bu erda sintaksis tushunarli. Hech qanday o'zgarishlar yo'q, lekin shaxsiy bo'lmagan imkoniyatlar mavjud. Gipermatnning printsipial asosi tilning tili bo'lgan element (teg) ishlatiladi.

Ism, juftlangan teg vaqtida u bir xil nomdan (tagName) va yuqori qo'llardan iborat ("<» + tagName +«>”), shuning uchun teg kob bor va “”, bu yoga yakunlari qanday yoziladi.

Atributlarning tavsifi bilan HTML tomoniga misol quyida matnda ko'rsatilgan.

Teg atributlarga ega bo'lishi mumkin, lekin ular teg nomidan keyingi bo'shliq orqali yopiladigan tepalik yoyi ">"gacha joylashtiriladi. Atributlar, yorliq yasashning hidi kabi, faqat yoga uchun ro'yxatdan o'ting. Teg boshi va tegning boshi o'rtasida ma'lum bo'lganlar teg tomonidan hurmat qilinadi.

HTML bloklar va kichik elementlarni tasvirlash imkonini beradi. Birinchisi brauzer oynasida bitta maydonni egallaydi, ular mutlaqo joylashtirilishi mumkin, shuning uchun kerakli maydonda HTML tomoni va ma'lum bir kengaytmaning onasi ko'rsatiladi.

zagalny vypadku yilda Ryadkoví elementi vydobrazhayutsya bir oqim, shuning uchun u fayl tomonida ko'rsatilgan qanday, shuning uchun ekranda ko'rsatiladi. vydobrazhennya zagalnogo oqimi to'kilgan bo'lishi mumkin, agar vydbue zavantazhennya storinki bo'lsa. Joylashtirishda blok elementlarining ko'rinishi va kuchi, agar kerak bo'lsa, qo'shimcha JavaScript kodiga qo'shilishi mumkin.

Oddiy elementlardan iborat krem, HTML jadvallar va shakllarni tavsiflashni taklif qiladi. Qi elementlari "kundalik veb-saytlarni ishlab chiqishda" ham kerak.

Jadval tavsifi: TABLE, TR, TD teglari

TABLE tegining yordami uchun siz jadval yaratishingiz mumkin, TR qatorlar sonini va teri qatorida TD qatorlar soni sifatida ko'rsatishingiz mumkin. vídminu víd zvichnoí̈ tabular organízíí, nasledok osobennosti html-belgilash, jadvalli organízíya bu deklaratsiya bilan o'ralgan, shuning uchun chakana sotuvchi bazhaê onasi to'g'ri chiziqli jadval, barcha satrlarda bir xil sonli ustunlarda, o'z-o'zidan sufficiency bo'ladi. .

HTML ning asosiy pozitsiyasi: har bir narsani buyurtma qiling va hech narsa xayolingizga kelmaydi. Ba'zi hollarda, jadvalning teri satridagi ustunlar soni muhim emas, lekin agar siz hamma narsani hurmat bilan tartibga solsangiz, o'rtadagilarni vertikal yoki gorizontal ravishda siljitish kerak.

Oddiy jadvalning tavsifidan HTML tomonining misoli maqolada aniq ko'rsatilgan.

Bu erda jadval uchta ustun bilan uchta qatorda ko'rsatilgan va birinchi qatorda TD tegi va TH tegi - ustun sarlavhasi almashtiriladi. Ayniqsa siz ikkita tegni o'zgartira olmaysiz, lekin birinchisini ajratib ko'rsatishingiz mumkin, shunda siz jadvalning birinchi qatorini qo'shishingiz mumkin va CSS-ga TH-ga nufuzli uslubni biriktirishingiz mumkin, buni boshqa TD-larda ko'rish mumkin.

Shakl tavsifi: FORM, INPUT teglari

Shakl - HTML teglarining nayzarebuvanisha qismi. Shakllar yordamida ma'lumotlarni uzatish mumkin. Vlasne, tomonning o'zi ma'lumotlarning ko'rinishi va shaklning o'qi - kirish.

Oddiy shakl tavsifi bilan HTML tomoniga misol:

Turli xil shakllarning variantlari boyroq, ammo asosiy imkoniyatlar bir xil. Kotib tomonidan kiritilishi kerak bo'lgan ma'lumotlarni tahlil qilish uchun ma'lumotlarni qayta ishlash uchun zarur deb tan olish uchun kiritish maydonlarini belgilashingiz mumkin. Siz maydonning biriktirilishini va fon ma'lumotlarini bekor qilishni belgilashingiz mumkin. Siz to'lovlarni o'tkazish jarayonini qanday boshlashni bosgan holda o'tkazish tugmalarini tanib olishingiz mumkin.

HTML wiki

Gipermatn tilini bilish uchun Internet dasturlash bo'yicha har qanday ixtisoslikdagi ish, lekin agar siz PHP yoki JavaScript-da dasturlar yozishingiz kerak bo'lsa, unda siz HTML + CSS-ni yaxshi bilishingiz kerak.

PHP tili oldingi dumbada belgilangan. PHP serverda ishlamoqda, shuning uchun bir xil shaklga ega bo'lgan tomon uni serverdan to'ldirilgan maydonlar bilan brauzerga yubordi. Zocrema, TestOnBlur funksiyasi INPUT tegida o'rnatiladi (onblur subprobe namunasi), matn maydonlarining barcha parametrlariga ega.

Brauzer JavaScript-dan foydalanadi va ma'lumotlarni serverga qaytarish tugmasi to'g'ri bajarilgan, shuning uchun konstruktsiya: onclick=jQuery("#to").val("cart") nima #to, val, cart. Aniqroq aytganda, siz asosiy HTML teglari va umumiy CSS uslublarini bilishingiz kerak.

Internetda dasturlash bo'yicha har qanday mutaxassislik bo'yicha malakangizni tezda oshirishingiz uchun juda ko'p narsa etarli.

Shablonni noldan yaratganingizda, siz ko'rib chiqishingiz kerak. Vrahovyuchi, scho standart HTML5 "keng rokuê kraí̈noyu", men tsíy statti shablon HTML5 uchun bo'sh dumba qo'yish emasman.

Yangi standartda aytadigan ko'p narsa bor va endi asosiy qism quyidagicha ko'rinadi:

...

Yangi HTML5 teglari

HTML5 kod tuzilishi uchun bir nechta yangi teglarni taqdim etdi:

,