HTML sahifaning misol va asosiy tamoyillari

ko'p tillarni o'ylab, lekin HTML tili eng maxsus va vosstrebovan biridir. Bu dasturlash boshqa muhim tashabbuslar ko'p o'z ichiga oladi beri. Gipermatnli belgilash tili (HTML) - ko'p bo'lsa formatlash tilini Tuzuvchi hozirgi ilm ongida mavjud amalga oshiriladi.

Aslida, HTML, hech narsa qiyin bor, va dasturiy ta'minot va internet odamlardan barcha eng olis bir necha daqiqa ichida tashrif buyurdingizmi HTML-sahifalar tashkil vafo qiladi. Shuni ham ta'kidlash joizki misollar, albatta, soddalik, har bir kishi uchun yaxshi.

umumiy tavsifi

HTML fayl - bir sahifa, bu munozarali, lekin bir u aniq boshlash uchun, sahifa boshiga bir fayl, nima bo'lsa-da.

HTML faylni ko'rsatadi bir DOCTYPE boshi bilan boshlanadi fayl turi deb - HTML. Barcha sahifa elementlar (teglar) burchakli qavs ichidagi ko'rsatilgan. Har bir juftlik ( "<" va ">") bir yorliqli HTML o'z ichiga oladi. Odatda HTML teglar har «teg» uchun, ya'ni, bog'langan «/ Agarda» ega. Har ikki burchagi qavs ichiga olinadi. o'tish keyingi liniyasi - bu eng mashhur «br /» yagona yorlig'i bor.

faylida eng katta tegi - HTML u o'zim, faqat ikki teg ichiga oladi: bosh va tana. Birinchi holda, turli spetsifikatsiyasi hozirgi PHP va JavaScript skriptlar bo'lishi mumkin, boshqa munosib sahifa fayllar uchun ulanish dalolatdir. Ikkinchi sahifa yozilgan tarkibidagi. Shuningdek teglar va skriptlar shaklida.

Oddiy HTML-sahifa

Bunday sahifa yaratish Misol quyida maqolada ko'rsatilgan. diqqat bilan ko'rib chiqaylik.

HEAD bo'limi

asosiy maqsadi HEAD tegi - sahifadagi va umumiy scriptlar umumiy tavsifi, ikkinchisi da - faqat bir qarindoshi tushunchasi. Odatda faqat ikki narsaga muhim ahamiyat bor qaratadi:

• kalit so'zlar va sahifaning tavsifi;
• Boshqa fayllar uchun havolalar (* Language va * .js).

ba'zi boshqa fayllar teglar va boshqa skriptlar tillar uchun CSS qoidalarini bor qaerda u bildiradi, chunki, bu bobning sahifa mazmuni mazmunini ko'rsatish uchun faqat bilvosita ahamiyatga ega.

HTML-sahifa, bir mehmon sahifa ochildi yorliq ustida sichqonchani olib ko'rsatiladigan bir nomga (TITLE), bor. u o'qib matnni imzolangan sahifa ancha yaxshi, oson aytish, qiladi, chunki, bu muhim ahamiyatga ega.

Metan-teglar umuman veb-dasturlash muhim, lekin u bir tizza, keraksiz tartibsizlik ortiqcha inshootlar misolida ham HTML-sahifalar yaratish kerak bo'lsa.

Aloqa va yozuv Ishoratlarni to'g'risida alohida e'tibor qaratish lozim. JavaScript-kod fayl Manzil - birinchi CSS stillar jadvallari fayl, ikkinchi bor bir joyga ishora qiladi. Bunday ishoratlar o'rnatish mumkin.

Agar kuchliroq bo'ladi skriptlar HTML bilim sifatida munosabatda bo'lishi kerak, foydalanish bo'lsangiz, Uslublar kaskadli jadvallari darhol e'tibor kerak. CSS fayllari, xususan, HTML teglar ro'yxatga qoidalari bor.

bo'lim bODY

Aslida, bir namuna sahifa HTML - bu tana qism hisoblanadi. Bu barcha ma'lumotlarni, kontent-sahifaning barcha o'z ichiga olgan bu erda. Barcha ma'lumotlar bunday JavaScript-kod yoki PHP-dasturi dona kiritilmagan sifatida teglar va skriptlar, shaklida taqdim etiladi.

Bu Eslatma kitoblari kabi bir matn muharriri bilan brauzer va shu misolda HTML veb-sahifalar, masalan, bu bir xil narsa emas, deb tushunib muhim ahamiyatga ega. Birinchi holda biz butun skriptlar ijro qaysi tayyor HTML-matn bor. Misol uchun, PHP, uning bir qismini bajardi va uning o'rniga o'ng joylarda teglar kod shakllangan. u hali alohida suhbat bo'lishi haqida da JavaScript ham, uning missiyasini amalga oshirdi.

HTML - bu o'rniga scriptlar Ro'yxatdan. Oxir oqibatda, faqat brauzerida ko'rsatilgan sahifa tarkibi, lekin uning yorlig'i. Yo'q, PHP-kod mavjud emas.

emas, balki faqat boot vaqt (haddan ortiq yuk) da, sahifani xizmat qilish, lekin damlarda sahifa Mehmonning brauzerida bo'lsa, va tadqiqotlar u - JavaScript maxsus holatiga, uning faoliyatiga bo'lgan.

Oddiy misol kodi HTML-sahifaning (faqat BODY bo'limi) quyida ko'rsatilgan.

Quyida ko'rsatilgan bo'lib, bir Mehmonning brauzer ko'rinadi.

kodi ko'rsatilgan edi brauzer olib elementlar kabi qarash lozim. Barcha dizayn CSS qoidalar paydo bo'ladi. Bu holda, Mcss (. a sahifa HTML birinchi misol qarang) başvuruldu / scPhpWordRW.css fayl.

HTML, CSS mavzusi oddiy farqli o'laroq, juda yaxshi qoidalari bor va HTML-sahifalar yaratish misoli notepad boshqa narsa talab qilmaydi, ularning soni, kichik. Hamma narsa tez rivojlanishi uchun juda qulay hisoblanadi:

Bu tegi scLogo_vDoc tasvirlangan qanday oson ko'rsatadi, va bu bayon teg bir normal holatda bir rasm vDoc-logo.png ko'rsatadi, deb, va sichqoncha ustidan bo'lganda - vDoc-logo-h.png ko'rsatilgan.

HTML tavsiflari tuzilishi

Til Bu yerda juda nisbiy bo'ladi tuzilishi va sintaksisi har qanday amalga oshirish talab qilmaydi. hech o'zgaruvchilar bor, lekin imkoniyatlar mo'l bor. ko'prik fundamental asosi nomini bor ishonch hosil bo'lgan element (kirish) bor, deb hisoblanadi.

Biz teg boshida va gaplashayotgan bo'lsa ( «<» + TagName + «>») to'g'ri nomlari (TagName) va burchak qavs iborat ishning nomi, yorlig'i juftlik, «», qayd agar uning oqibati.

Quyida matn joylashgan sifatlarni tasvirlab HTML-sahifalar Misol.

xislatlari bo'lishi mumkin teg keyin ular ">" yopilish burchagi apparati oldin teg nomi keyin bir bo'shliq orqali qo'yiladi. Ular tegi faqat boshida qayd qilingan bo'lsa, sifatlari. teg mazmuni boshlang'ich yorlig'i va uning oxirida o'rtasida yotadi qaysi, deb.

Jami HTML mazmun belgilaydi

HTML blok va inline elementlarni tasvirlab imkonini beradi. Birinchi, albatta, bu displey HTML-sahifalar sohasida to'g'ri joyda bo'ladi brauzer oynasida ma'lum maydoni joylashganda mumkin egallaydi va maxsus hajmi bor.

sahifa faylida belgilangan va ekranda kabi Inline elementlar odatda, ya'ni, bir ip paydo bo'ladi. sahifa yuk sodir bo'ladi umumiy oqimining ko'rsatish ta'sir ko'rsatishi mumkin. joylashtirish, fikr va blok elementlar boshqa xususiyatlari to'g'risida JavaScript-kod orqali istalgan vaqtda ham ta'sir ko'rsatishi mumkin.

oddiy elementlardan tashqari, HTML jadvallarni va shakllarini tavsiflab uchun taklif etadi. Bu elementlar talab juda ko'p bo'lgan ", kundalik sayt bino."

stol bayoni: teglar stol, UZ, TD

TABLE tegi jadval yaratish uchun foydalanish mumkin bo'lsa, TD hujayralari bir qator ketma-ket qator va TR bir qator belgilash. Bu deklaratsiya cheklangan tabiatni HTML-belgilarini, jadval tashkil qilish tufayli tashkilot odatdagi jadvalga, farqli o'laroq Tuzuvchi Shu barcha qatorda ustunlar soni, u o'zingiz uchun amal kerak bo'lgan to'g'ri burchakli stol bo'lishi istasa, chunki.

tushunarli emas, nima, lekin hech narsa: printsipial HTML lavozimi. Ba'zi hollarda bu stol har bir qatordagi ustunlar soniga u qadar muhim emas, lekin siz gorizontal yoki vertikal birlashma hujayralarni amalga bo'lsangiz, u juda diqqat bilan barcha hisob zarur.

oddiy jadval tavsifga Misol HTML sahifa grafik maqolada ko'rsatilgan.

ustun sarlavhasi - Mana, TH o'rniga TD tegi ishlatilgan birinchi qatorga yorlig'i bilan uch ustunlar uch qator hajmini ko'rsatuvchi bir stol, hisoblanadi. Ayniqsa, bu ikki teglar yo'q ajralib, lekin foydalanish jadvalning birinchi qatorida farqlash birinchi mumkin, va TH uchun CSS, siz boshqa td uni ajratadigan o'z uslubi, qo'shishingiz mumkin.

Tavsif shakli: ariza yorlig'i, INPUT

Shakli - bu HTML-teglar eng talab qismidir. Foydalanish shakllari ma'lumotlarni uzatish mumkin. Aslida, sahifa - bu displey axborot, lekin shakli - Kirish.

oddiy shakli tavsifga Misol HTML sahifasi:

shakllari juda ko'p foydalanadi, lekin quyidagicha asosiy xususiyatlari bor. Siz kiritish maydonini ko'rsatish mumkin, siz ularni foydalanuvchi kiritish tahlil qilish loyihalashtirish va voqea işleyicileri yuklansin kerak. Siz, maxfiy maydoni belgilash va sahifa fon ma'lumot uzatish mumkin. Siz bu ma'lumotlarni uzatish jarayonini boshladi tugmasini bosib, ma'lumot uzatish tugmasini belgilashingiz mumkin.

HTML dan

gipermatnli tili bilish - Internet dasturiy ta'minot sohasida har qanday ish mutaxassisligi uchun zaruriy holatini, lekin siz PHP yoki JavaScript bir dastur yozish bo'lsangiz, so'ngra HTML + CSS mukammal kerak bilaman.

PHP tili oldingi misol belgilangan qilingan. Ushbu forma bilan sahifa to'lgan sohalarda bilan brauzerga serverdan uchib, chunki PHP, server ustida ishlaydi. Xususan, tegi usuli (onBlur voqea işleyici) zikr TestOnBlur vazifalari, matn sohalarida shaklida barcha parametrlarni qabul qildi.

brauzer JavaScript ishlaydi, va to'g'ri serverga orqaga ma'lumotlarni yuborish tugmasini ishlagan uchun, ya'ni dizayn:. onclick = jQuery ( "# uchun) Val (« Arava »), u nima jQuery haqida emas, balki faqat bilish kerak, lekin nima #to, Val, savat. Aniqrog'i, asosiy HTML teglar va ularga CSS jihozlardan qo'llab umumiy qoidalarini bilish zarur.

Bu tez internet dasturlash sohasida biron mutaxassisligi malakasini oshirish uchun etarli bo'ladi.