Internet butun dunyo bo'ylab tarmoqdir kompyuter tarmoqlari butun dunyoda axborot almashish usullari va yagona manzil tizimi bo'yicha yagona standart bitimlar (protokollar) asosida.
Bugungi kunga kelib, Internet misli ko'rilmagan tarqatishni oldi. Mutaxassislarning fikricha, Internet 100 milliondan ortiq kompyuterni birlashtiradi. Internet xizmatlaridan dunyoning 170 mamlakatida 300 milliondan ortiq kishi foydalanadi.
Funktsional nuqtai nazardan, Internet:
ü butun dunyo bo'ylab abonentlar o'rtasida arzon yuqori tezlikdagi aloqa vositasi;
ü har qanday bilim sohasidagi ma'lumotlarning tengsiz ombori;
ü yangi va istiqbolli ishbilarmonlik muhiti.
Internetning ta'siri nafaqat kompyuter aloqasining texnologik sohasiga, balki ijtimoiy yo'nalishga ham ega va butun jamiyatga tobora kengroq kirib bormoqda. operatsion vositalar bilimlarni o'zlashtirish, elektron tijorat.
Bugungi kunda eng keng tarqalgan va talab qilinadigan Internet xizmati WWW (butun dunyo bo'ylab Internet - butun dunyo bo'ylab Internet). WWW to'g'risidagi ma'lumotlar formatlangan matn, grafik, audio va video qismlarini o'z ichiga oladigan gipermatn (yoki kengroq ma'noda gipermediya) deb nomlangan hujjatlar ko'rinishida taqdim etiladi. Gipermatnli hujjatlarning asosiy xususiyati-faol zonalarning mavjudligi. sichqonchani bosish sezgir. Matn bo'laklari faol bo'lishi mumkin. butun tasvirlar va ularning qismlari; faol zonani bosish bilan bog'liq (maqsadli) hujjatning ushbu zonaga yuklanishi sodir bo'ladi.
Internetda materiallarni joylashtirishni o'rganish uchun, avvalo, gipermatnlarni belgilash tili bilan tanishish kerak Html (H yper T ichki M arkup L g'azab)
HTML asoslari
Gipermatnni belgilash tili HTML hujjatlari bu teglar deb nomlangan buyruqlar to'plami (ingliz tilidan teg Hujjat matnida topilgan HTML teglari hujjat ko'rsatilganda brauzer tomonidan talqin qilinadi.
HTML hujjatlarini ko'rish dasturlar yordamida amalga oshiriladi brauzerlar(ingliz tilidan brauzer) hujjatni HTML belgisiga muvofiq ko'rsatadigan va giperhavola navigatsiyasini ta'minlaydigan. Eng keng tarqalgan brauzerlarMicrosoftInternetTadqiqotchi Microsoft korporatsiyasi tomonidan va NetscapeNavigator Netscape Communications Corporation tomonidan.
HTML hujjati matnli fayl bo'lgani uchun uni eng sodda tarzda tayyorlash mumkin matn muharriri masalan, bloknotda ( Notepad), lekin bu juda ko'p vaqtni oladi. Ko'pincha ular HTML -hujjatlarni tayyorlash uchun maxsus mo'ljallangan maxsus tahrirlovchilardan foydalanadilar, bu sizga asboblar paneli tugmachalari yoki menyu buyruqlari yordamida teglar kiritish va dialog oynalarida teg atributlarini o'rnatish imkonini beradi. Macromedia Dreamweaver, MicrosoftFrontPage,Bosh sahifa va boshq.
HTML hujjatini HTML formatiga o'tkazish orqali olish mumkin, masalan, ommaviy hujjat formatidan Microsoft Office... Shuni ta'kidlash kerakki, bunday o'zgarish bilan asl nusxa HTML matni- hujjat juda ortiqcha bo'lib chiqdi va uni tuzatish kerak, maxsus HTML -tahrirlovchilaridan foydalanish ancha samaraliroq.
HTML teg sintaksisi
HTML yorlig'i burchakli qavslar (simvollar) bilan yoziladi va nomdan so'ng atributlar ro'yxatidan iborat bo'ladi (ko'p teglar uchun ixtiyoriy). Ismlar va atributlar inglizcha so'zlar va qisqartmalardir.
Teglarni shartli ravishda ikki guruhga bo'lish mumkin:
Ulanganteglar (ham deyiladi konteynerlar) ikkita komponentdan iborat: ochilish (boshlang'ich) va yopilish (yakuniy); yopuvchi komponent bir xil nomga ega, lekin yozishda oldinga siljish qo'yiladi / ). Hujjat matni va boshqa teglar ochilish va yopilish komponentlari orasiga joylashtirilishi mumkin. Hujjatning konteyner yorlig'ining ochilish va yopilish elementlari o'rtasida joylashgan qismi brauzer tomonidan teg ma'nosiga ko'ra formatlanadi, masalan teglar orasidagi matn va, qalin harflar bilan ko'rsatiladi (teg nomi - ingliz tilidan qalin). Juft teglar bir -biriga joylashtirilishi mumkin, lekin ular bir -biriga yopishmasligi kerak.
Ulanmaganteglar (ham deyiladi avtonom) yakuniy komponenti yo'q; sharhlanganda, ob'ekt ko'rsatiladigan hujjatga kiritiladi. Masalan, teg HTML hujjat tanasida paydo bo'lishi qo'shilishni keltirib chiqaradi grafik tasvir pictures.gif faylidan.
Ro'yxatdagi atributlar bir -biridan bo'shliqlar yoki yangi satrlar bilan ajratilgan; atributlarning yozilish ketma -ketligi muhim emas. Atributlarning aksariyati juftlik sifatida ishlatiladi atribut nomi = atribut qiymati... Agar atribut qiymati bir nechta so'z yoki bitta raqamdan iborat bo'lsa, u bitta yoki ikkita tirnoq ichiga olinishi kerak. Yopish yorlig'i komponentlarida atributlar ko'rsatilmagan.
Mana, atributlarga ega bo'lgan teg misoli:
|
Tag nomi Atribut nomi |
|
Atribut qiymati |
|
Atribut nomi |
|
Atribut qiymati |
HTML hujjatida bunday tegni uchratganda, brauzer uni tagidagi matnni asosiy o'lchamiga (SIZE = + 2) va qizilga (COLOR = RED) nisbatan kattalashtirilgan belgilarda ko'rsatish orqali izohlaydi; bu matn formatlash oxirgi teg paydo bo'lguncha qo'llaniladi.
Belgilar va atributlar yozuvidagi holatlar ahamiyatsiz.
HTML hujjat tuzilishi
HTML -hujjat va teglar ichida joylashgan. Bu teglar orasida ikkita bo'lim mavjud: sarlavha bo'limi (va teglar orasidagi) va hujjat tanasi bo'limi (va teglar orasidagi). Hujjatni ko'rsatish, lekin to'g'ridan -to'g'ri brauzer oynasida aks etmaydi Hujjatning asosiy qismida brauzer ko'rsatadigan asosiy matn, teglarni formatlash, rasmlarni joylashtirish, jadvallar, giperhavolalar va boshqalar mavjud.
Html - Internetda joylashtirish uchun mos bo'lgan eng oddiy hujjatning kodi quyidagicha:
< TITLE > Bizning birinchi sahifamiz TITLE>
Eng oddiy HTML hujjat
Bu kod Notepad matnli tahrirlovchisiga yozilishi va kengaytmali fayl sifatida saqlanishi mumkin. htm yoki. html - bu holda, hujjat kompyuteringizda o'rnatilgan standart brauzerda ochiladi. Brauzer ushbu hujjatni o'z oynasida hujjatlar tanasi bo'limida joylashgan "Oddiy HTML hujjati" qatorini ko'rsatish orqali ko'rsatadi. Brauzerning sarlavha satrida "Bizning birinchi sahifamiz" iborasi ko'rsatiladi.
HEAD bo'limi
Sarlavha bo'limi odatda foydalanuvchilarga ko'rinmaydigan teglarni o'z ichiga oladi, lekin shunga qaramay faol ta'sir qila olmaydi tashqi ko'rinish hujjat
|
Teg |
Uchrashuv |
|
Hujjatning to'liq nomini ko'rsatadi. Ism odatda brauzer oynasining sarlavhasida ko'rsatiladi. Bu element har qanday HTML -hujjat uchun talab qilinadi va bir martadan ko'p bo'lmagan ko'rsatilishi mumkin. |
|
|
Hujjatning nisbiy manzillarini hisoblash uchun boshlang'ich nuqtasi bo'lgan joriy hujjatning asosiy manzilini (URL) belgilaydi. Ob'ektda oxirgi yorliq yo'q. Hech bo'lmaganda bitta dalil bo'lishi shart: Href- joriy hujjatning asosiy manzilini (URL) belgilaydi. MAKSAD- giperhavolalarda sukut bo'yicha qo'llaniladigan ramka nomini belgilaydi. Agar siz barcha hujjatlar havolalarini boshqa freymda ochmoqchi bo'lsangiz, bu foydali bo'lishi mumkin. |
|
|
< STYLE TYPE= "matn / CSS "> |
Hujjatga Cascade Style Sheet (CSS) ni kiritish uchun ishlatiladi. TYPE - majburiy atribut, uning qiymati odatda " matn/css". |
|
< МЕТА …> |
META elementi ishlatiladi texnik tavsif hujjat Ushbu element yordamida qo'shimcha foydali ma'lumotlar, foydalanuvchiga ko'rinmas, lekin ba'zida qidiruv robotlari tomonidan sahifangizni to'g'ri indekslash uchun shunchaki almashtirib bo'lmaydigan. Elementda oxirgi teg yo'q. NAME - meta yozuvning nomini belgilaydi. Oldindan aniqlangan ismlar ko'p, ularning ba'zilarini quyidagi misolda ko'rishingiz mumkin. CONTENT - NAME parametrida ko'rsatilgan meta yozuvning qiymatini belgilaydi. |
BODY bo'limi
Bu bo'lim veb -sahifaning asosiy tarkibini - hujjat matni, rasmlar, jadvallar va boshqalarni o'z ichiga oladi. BODY elementi bir vaqtning o'zida hujjatda bo'lishi kerak va quyidagi atributlarni o'z ichiga olishi mumkin:
|
Atribut sintaksisi |
Uchrashuv |
|
MARGINHEIGHT = raqam |
Hujjatning yuqori va pastki chetlari kengligini (piksellarda) aniqlaydi. Faqat Netscape brauzerlarida ishlaydi |
|
TOPMARGIN = raqam |
Hujjatning yuqori va pastki chetlari kengligini (piksellarda) belgilaydi. Faqat Internet Explorer brauzerlarida ishlaydi |
|
MARGINWIDTH = raqam |
Hujjatning chap va o'ng chekkalari kengligini (piksellarda) aniqlaydi. Faqat Netscape brauzerlarida ishlaydi |
|
LEFTMARGIN = raqam |
Hujjatning chap va o'ng chekkalari kengligini (piksellarda) aniqlaydi. Faqat Internet Explorer brauzerlarida ishlaydi |
|
ZAMONA = URL |
Rasmni fonni "to'ldirish" uchun belgilaydi (fon rasmi). Qiymat tasvirning mutlaq yoki nisbiy manzilida o'rnatiladi (bo'limga qarang Rasmlarni joylashtirish) |
|
BGCOLOR = Rang |
Hujjatning fon rangini belgilaydi. MicrosoftInternetTadqiqotchi16 standart rang nomini qo'llab -quvvatlaydi ( suv, qora, ko'k, fuşya, kulrang, yashil, ohak, qirmizi, ko'k, zaytun, binafsha, qizil, kumush, ko'k, sariq, oq) Yana bir usul-qizil (birinchi ikkita raqam), yashil (keyingi ikki raqam) va ko'k (oxirgi ikki raqamli) komponentlarning intensivligini ko'rsatuvchi oltita raqamli o'n oltilik rang kodidan foydalanish. O'n oltilik shakldagi har bir komponentning intensivligi 00 dan FF gacha. Rangni ma'lum bir teg atributining qiymati sifatida ko'rsatganda, o'n oltilik raqam oldiga # belgisi qo'yiladi. Masalan, kirish Rang = "# 0000 FF "ko'k degan ma'noni anglatadi Millionlab ranglarni belgilashning asosiy qobiliyatiga qaramay, shuni yodda tutish kerakki, brauzerlar faqat 256 ta rangni ko'rsatadi va har bir brauzerning o'ziga xos rang palitrasi bor.Bu palitrada brauzer berilganga eng yaqin rangni tanlaydi. |
|
Matn = Rang |
Hujjat matnining rangini belgilaydi |
|
Havola = Rang |
Hujjatda giperhavola rangini belgilaydi |
|
ALINK = Rang |
Bosish paytida giperhavolalarning ajratilgan rangini belgilaydi |
|
VLINK |
Ko'rilgan hujjatlarga giperhavola rangini belgilaydi |
Matnni formatlash
Belgilarni formatlash
Belgilarni formatlashning barcha teglari ochilish va yopilish komponentiga ega va ular orasidagi matnga amal qiladi.
Asosiysi bu teg ... FONT> shrift o'lchamini, rangini va shriftini o'zgartiradigan bir yoki bir nechta atributlar bilan ishlatilishi kerak:
|
Atribut sintaksisi |
Uchrashuv |
|
SIZE = ma'no |
Hajmi mutlaq qiymat (1 dan 7 gacha raqam) yoki asosiy shrift o'lchamiga nisbatan ( + n yoki -n shaklida) ko'rsatiladi. |
|
Rang = Rang |
Rang |
|
YUZ = shriftlar ro'yxati |
Matnni ko'rsatish uchun shriftlar; ismlar imtiyozli tartibda, vergul bilan ajratilgan, masalan,YUZ = "Verdana,Helvetica,Arial,Sans -Serif " Siz shriftlardan birini ham belgilashingiz mumkin, lekin shuni yodda tutish kerakki, bu shrift foydalanuvchi kompyuterida o'rnatilmagan bo'lishi mumkin va "ekzotik" shriftlar brauzerda ko'rsatilmaydi. |
Bundan tashqari, belgilar uslubini o'zgartirish uchun teglar ishlatiladi:
. .. (ingliz tilidan qalin) - qalin;
.. ... (ingliz tilidan kursiv) - kursiv;
... (inglizcha TeleType -dan) - bir bo'shliqli shrift;
... (ingliz tilidan u nderline) - chizilgan;
... S > (ingliz tilidans uchburchak) - chizilgan;
... (ingliz tilidan s ub skript) - pastki indeks;
... (ingliz tilidan sup yozuv) - ustki yozuv.
Matn teglar orasiga joylashtirilgan
va (ingliz tilidan oldingi formatlangan) avvalgi formatlanganidek ko'rsatiladi, barcha bo'shliqlar va satr uzilishlari bilan.
Paragraflarni formatlash
Matn brauzer oynasida so'zma -so'z ko'rsatiladi; oynaning o'ng chegarasiga yetganda, keyingi so'z avtomatik ravishda yangi qatorga o'raladi. Sahifa kodiga bir nechta bo'shliqlar kiritilgan yoki matn yangi qatorga yozilgan bo'lsa ham, brauzerda ko'rilganda, bu harakatlar ko'rsatilmaydi. Shuning uchun, matnda ketma -ket bo'shliqlar yoki bir nechta bo'sh satrlarni ko'rsatish uchun siz turli teglardan foydalanishingiz kerak.
Teg
(ingliz tilidan b reak) matn oqimini buzadi va yangi paragrafni yaratmasdan yangi qatorni qo'shadi. Bir nechta ketma -ket teglar
bir nechta bo'sh satrlar sifatida talqin qilinadi. Yagona qator oralig'i. Yorliqda yopuvchi komponent yo'q, shuningdek atributlar yo'q.
Tag (ingliz tilidan s paragraf) paragraf boshlanadi; yangi paragraf avvalgisidan ikki qatorli interval bilan ajratiladi. Paragraf bo'sh bo'lishi mumkin emas, ya'ni ketma -ket bir nechta teglar
biri sifatida talqin qilinadi (tegdan farqli o'laroq)
Yopish komponenti
ixtiyoriy, chunki avvalgi xatboshi yangisi boshlanadigan joyda tugaydi. Tegda ALAGN ixtiyoriy atributi mavjud bo'lib, u paragrafning hizalanish turini bildiradi, u SOL, MARKAZI, O'ng va AJOLASH hizalanishni mos ravishda chapga, markazga, o'ngga va kenglikka o'rnatadi. Teglarga yozilgan matn ham o'rtada bo'ladi.
...Agar yopishtiruvchi komponent bo'lsa
o'tkazib yubormang, keyin belgilangan hizalama turi hizalanishni ko'rsatadigan keyingi teggacha yoki hujjatning oxirigacha saqlanadi.
HTML paragraflarni raqamlangan yoki markerlangan ro'yxatlar sifatida formatlash imkonini beradi. Ro'yxat matnining bir qismi teglarga qo'shilgan:
buyurtma qilingan (raqamlangan) ro'yxat (ingliz tilidan o tartiblangan l ist)
tartiblanmagan (o'qlangan) ro'yxat (ingliz tilidan u chegaralanmagan l ist)
Har bir mahsulot buyurtma qilingan yoki tartiblanmagan ro'yxat teglarda yotadi ... (ingliz tilidan l ist men tem). Matnni ko'rsatishda ro'yxatning har bir elementi raqam yoki marker bilan ko'rsatilgan yangi qatorga joylashtiriladi. Bundan tashqari, ro'yxatda sarlavha bo'lishi mumkin, u teg bilan belgilanadi (ingliz tilidan l ist h yirtqich). Oxirgi teglar ixtiyoriy.
|
Raqamlangan ro'yxat |
Belgilangan ro'yxat |
|
|
Kod elementi |
< O L> Birinchi element Ikkinchi element Uchinchi element |
< U L> Birinchi element Ikkinchi element Uchinchi element U L> |
|
Brauzer displeyi |
Sarlavha 1. Birinchi element 2. Ikkinchi element 3. Uchinchi element |
Sarlavha · Birinchi element · Ikkinchi element · Uchinchi element |
Ko'p darajali ro'yxatni raqamlangan va markirovka qilingan ro'yxatlar kombinatsiyasi bilan tuzish mumkin.
Teg ixtiyoriy atributlarga ega:
|
Atribut sintaksisi |
Uchrashuv |
|
|
TUR = format |
raqamlash formati quyidagicha bo'lishi mumkin: |
|
|
Arab raqamlari (standart) |
||
|
katta harflar |
||
|
katta rim raqamlari |
||
|
kichik rim raqamlari |
||
|
START = qiymat |
ro'yxatdagi birinchi raqam (standart 1) |
|
Tag ixtiyoriy xususiyatga ega
|
Atribut sintaksisi |
Uchrashuv |
|
|
TUR = format |
marker formati quyidagi qiymatlarga ega bo'lishi mumkin: |
|
|
Disk |
disk (standart) |
|
|
Doira |
aylana |
|
|
Kvadrat |
Kvadrat |
|
Paragraflarni daraja sarlavhalari sifatida ham formatlash mumkin (dan n = 1 dan n gacha = 6), buning uchun shakl teglaridan foydalaning
Teglar:
, ... ,
ALIGN hizalama atributiga LEFT, RIGHT va CENTER qiymatlari bo'lishi mumkin.
Rasmlarni joylashtirish
Veb -sahifani ko'rishda brauzer ko'rsatadigan rasmlar alohida formatdagi fayllarda saqlanadi gif, jpg (jpeg) yoki png va sahifa kodida havola qilingan kerakli fayl... Buning uchun kerakli va bir qator ixtiyoriy atributlarga ega bo'lgan ulanmagan tegdan foydalaning.
|
Majburiy atribut: |
|
|
SRC = url |
Manzil grafik fayl(nisbiy yoki mutlaq) |
|
ALT = matn |
Brauzer rejimida rasm yuklanmasdan ko'rsatiladigan muqobil matn (tirnoq ichiga olinishi shart) |
|
BORDER = ma'no |
Chegara kengligi piksel, 0 chegara yo'qligini bildiradi (standart) |
|
BORDERCOLOR = Rang |
Chegaraning rangini belgilaydi |
|
Balandlik = ma'no |
Rasm balandligi piksellarda (asl qiymati asl) yoki brauzer oynasi balandligining foizi sifatida |
|
WIDTH = ma'no |
Rasm kengligi piksellarda (asl qiymati asl) yoki brauzer oynasi kengligining foizi sifatida |
|
HSPACE = ma'no |
Rasmning chap va o'ng tomonida piksellar bilan bo'sh joy |
|
VSPACE = ma'no |
Rasm ustidagi va ostidagi bo'sh joy piksellar bilan |
|
ALIGN = ma'no |
Rasmning gorizontal tekislanishi. Agar qiymatlar berilsa SOL yoki O'ng , tasvir mos ravishda gorizontal tekislanadi, bu qiymatlarni sozlash matnning tasvir atrofida oqishini ta'minlaydi |
Keling, faylga murojaat qilishning mutlaq va nisbiy usullarini batafsil ko'rib chiqaylik.
Mutlaq shaklda murojaat qilish boshqa serverlarda joylashgan manbalarga ulanishda ishlatiladi. Axborot resursining joylashishini aniqlaydigan universal manzil deyiladi URL(Resurslarning yagona joylashuvi). URL ikkita qismdan iborat bo'lib, ular ikki nuqta bilan ajratilgan. Birinchi qism manba turiga bog'liq bo'lgan tarmoq protokoli turini ko'rsatadi. Masalan, agar manba WWW serverida joylashgan bo'lsa, bu protokol http Ikkinchi qism domen nomlari tizimidagi kompyuter (server) nomini va (agar kerak bo'lsa) fayl yo'lini o'z ichiga oladi. Yo'l nomini yozishda katalog nomlari oldinga chiziq bilan ajratiladi (belgi / ), fayl va katalog nomlarida katta va kichik harflarni farqlash, bo'sh joylarga ruxsat berilmaydi. Mana URL manzillariga misollar:
http: // www. vshu. kirov .ru / sayt / rasmlar / rasm 1.jpg
http://195.21.123.13:8110
ftp://everything.com/soft/prog.zip
mailto: Bu elektron pochta manzili spam -botlardan himoyalangan. Uni ko'rish uchun sizga JavaScript yoqilgan bo'lishi kerak.
Oxirgi URL protokoli mailto va manzil E -pochta hech qanday axborot resursiga havola qilmaydi; bu yo'g'on ichakdan keyin ikkita oldinga siljishni o'z ichiga olmaydigan yagona URL turi.
Veb -sayt yaratishda rasmlarni mutlaq shaklda murojaat qilish deyarli qo'llanilmaydi.
Nisbatan murojaat qilish bir xil serverda joylashgan manbalarga murojaat qilishda ishlatiladi. Fayl yo'lini yozishda katalog nomlari oldinga chiziq bilan ajratiladi (belgi / ), kataloglar bo'ylab harakatlanish fayl tizimi bir daraja yuqoriga ko'tarilish ikki nuqta bilan belgilanadi (belgilar .. ). Tushunarli bo'lishi uchun, keling, kompyuterni tasavvur qilaylik, masalan, HTML -fayllarni o'z ichiga olgan quyidagi katalog tuzilishi:
Shakl \ * birlashtirish formati
|
MySite |
|
Pa ges |
|
Ima ges |
|
Sahifa 1..htm Sahifa 2..htm Rasm1.jpg Pict2.jpg |
|
Indeks.htm Rasm.jpg |
Bunday holda, masalan, tegni yozishning bunday variantlari mumkin IMG:
ü < IMG SRC = Picture . jpg >(Rasm Rasm.jpg sahifada joylashgan Indeks. htm)
ü < IMG SRC = Images / Pict 1. jpg >(rasm 1.jpg rasm sahifada joylashgan Indeks. htm)
ü < IMG SRC =../ Picture . jpg >(Rasm Rasm.jpg sahifada joylashgan Sahifa 1. htm)
ü < IMG SRC =../ Images / Pict 1. jpg >(rasm 1.jpg rasm sahifada joylashgan Sahifa 1. htm)
Rasmiy ravishda faqat SRC atributi talab qilinishiga qaramay, amalda muqobil matnni ko'rsatish kerak (ALT atributi), chunki ko'pchilik brauzer bilan rejimda rasmlarni yuklamasdan ishlaydi.
Rasm ko'rsatiladigan maydonning balandligi va kengligi piksellar sonidagi kenglik va balandlik atributlari yordamida yoki ekran o'lchamining foizi sifatida o'rnatiladi. Bu atributlardan biri o'rnatilganda, rasm balandligi yoki kengligi ko'rsatilganiga mos keladigan tarzda o'lchanadi. Ikkinchi o'lchov avtomatik ravishda mos nisbatda o'rnatiladi. Faqat atributlardan bittasini qo'llash rasmning ikkala o'lchamini ham o'zgartiradi.
Agar siz ikkala atributni ham aniq belgilab qo'ysangiz, rasm mos ravishda ikkita o'q bo'ylab o'lchanadi berilgan o'lchamlar... Balandlik va kenglik atributlari tasvirni yuklanish vaqtini o'zgartirmaydi, faqat uning ekrandagi ko'rinishi (o'lchami).
Giperhavolalar
Giperhavola - bu ob'ekt (matn, rasm, rasm parchasi), uni bosganingizda yangi hujjat yoki hujjat fragmentiga o'tasiz. Bu Internetda joylashtirilgan har qanday hujjatlar o'rtasida o'tishni tashkil qilish imkonini beradigan giperhavola.
Matnli giperhavola
HTML hujjatlari va hujjatlar bo'laklari orasidagi bog'lanish teg yordamida tashkil qilingan ... (ingliz tilidan alangar - langar).
Tag boshqa hujjatga havola yaratish uchun ham, hujjat bo'lagiga bog'lanish uchun ham ishlatiladi.
|
Majburiy atribut: |
|
|
HREF = url |
Maqsadli hujjatning manzili (mutlaq va nisbiy shaklda ko'rsatilishi mumkin) |
|
Asosiy ixtiyoriy atributlar: |
|
|
NAME = " ism" |
Oradagi belgilar< A> va A > havola uchun mumkin bo'lgan ob'ekt sifatida hujjat parchasi. Sizga kerak bo'lgan qiymat sifatida lotin tilida ushbu hujjatga xos bo'lgan har qanday indeks so'zini yozing. Masalan, teg 1 -bo'lim 1-bo'limga o'tish uchun yorliq (xatcho'p) deb nomlanadi . Bunday holda, siz hujjatning nomidan keyin uning nomini ko'rsatib (teg nomining oldida # belgisi bilan) belgilanadigan maydonga murojaat qilishingiz mumkin. Shunday qilib, <
AHREF = "Indeks.html #1 -qism "> 1 -bo'limgaA>sizni yuboradi " Index.html faylining 1 "qismi va |
|
MAKSAD = " ism " |
Maqsadli hujjatni chiqarish uchun ramka (ramka) yoki oynaning nomi. Bu atribut faqat HREF parametri bilan birgalikda ishlatiladi. Qiymat mavjud ramkalardan birining nomi yoki quyidagi ajratilgan nomlardan biri bo'lishi kerak: _ o'zi- HREF parametrida ko'rsatilgan hujjat joriy kadrda ko'rsatilishi kerakligini ko'rsatadi; _bo'sh- hujjat yangi oynada ko'rsatilishi kerakligini ko'rsatadi |
|
TITLE = "(! LANG: matn!}" |
Giperhavola ustiga olib borganingizda asboblar panelini ko'rsatadi |
Teglar orasiga joylashtirilgan matn va tasvirlar hujjatning faol maydoniga aylanadi, sichqoncha bosilganda sezgir bo'ladi, bu esa maqsadli hujjatning yuklanishiga olib keladi. Giperhavola matni chizilgan va ranglar LINK atributlarining qiymati sifatida ko'rsatilgan, Aloqa, V. LINK yorlig'i (yoki standart rangda).
Giperhavola rasmlar
Butun tasvirni giperhavola qilish uchun teg ham qo'llaniladi ... ., faqat matn o'rniga (yoki matn bilan birga) orasidagi < A> va A>teg joylashgan< IMG ...> Barcha tegishli atributlar bilan.
Masalan , .
Giperhavola xaritasi
Yorliq sizga matn bo'lagi yoki tasvirni hotspot qilish imkonini beradi butunlay; bir xil uchun turli qismlar bir xil rasm turli maqsadli hujjatlar bilan bog'langan bo'lsa, siz rasm xaritasini bajaradigan tegdan foydalanishingiz kerak bo'ladi.
Konteyner yorlig'i uchun yagona talab qilinadigan atribut NOMI kimning qiymati ism bo'ladi (masalan, NAME = " xaritam "atributni tasvirlashda ishlatiladi USEMAP IMG yorlig'i, xaritaga xizmat qiladigan tasvirni tasvirlaydi ( # bilan USEMAP = "#" Mening xaritam ")
Konteyner ichida sichqonchaning harakatiga sezgir bo'lgan tasvirning har bir sohasida atributlari bo'lgan yorliq bo'lishi kerak:
|
Atribut sintaksisi |
Uchrashuv |
|
COORDS = ro'yxat |
Faol zonaning koordinatalari vergul bilan ajratilgan ro'yxati (zonaning belgilangan shakli turiga bog'liq) |
|
HREF = url |
|
|
Shakl = shakl |
Yadro shaklini aniqlaydi. Bu atribut uchun mumkin bo'lgan qiymatlar: aylana(doira - markaz koordinatalari va radiusi piksellar bilan belgilanadi); to'g'ri(to'rtburchak - yuqori chap va pastki o'ng burchaklarning koordinatalari bilan o'rnatiladi); poli(ko'pburchak - uning tepalik koordinatalari bilan belgilanadi) Hamma hollarda koordinatalar tasvirning yuqori chap burchagidan piksellar bilan o'lchanadi, X o'qi o'ngga, o'qga yo'naltiriladi Y - pastga. |
|
NOREF |
ba'zida ma'lum bir zonaning (SHAPE atributi va COORDS koordinatalari bilan ko'rsatilgan) faol emasligini ko'rsatish kerak, sichqonchani bosishga hech qanday reaktsiya yo'q. |
Jadvallar
HTML hujjatlaridagi jadvallar ramkali katakchalarda ma'lumotlarni tartibga solish uchun emas, balki matn va tasvirlarni bir -biriga nisbatan tartibga solish uchun ishlatiladi.
HTML jadvallar qatorma -bosqich qurilgan. Barcha jadval ma'lumotlari teglarga joylashtirilgan
; kataklarning har bir satrining tavsifi (satrlari) teglarga ilova qilingan ...
; har bir hujayraning tarkibi teglar bilan o'ralgan ...
(oddiy hujayralar) yoki
Shunday qilib, masalan, har biri ikkita katakchali ikkita qatorli jadvalni tasvirlash uchun siz quyidagi konstruktsiyani yaratishingiz kerak bo'ladi:
Jadval xujayralari matn, rasm, ichki jadvallar va boshqalarni o'z ichiga olishi mumkin. Jadval hujayralarini bo'sh qoldirmang; agar hujayra bo'sh ko'rinishi kerak bo'lsa, unga bo'sh joy qo'ying.
Jadval yacheykalariga joylashtirilgan matn brauzer tomonidan avtomatik ravishda joylashtiriladi; matn so'zma -so'z ko'rsatiladi; hujayraning o'ng chegarasiga yetganda, keyingi so'z yangi qatorga o'raladi.
Jadval xujayralari bir nechta satr yoki ustunni qamrab olishi mumkin va ROWSPAN atributlari yordamida tasvirlangan (bu atribut bilan belgilangan katak belgilangan qatorga "cho'zilgan") va COLSPAN (katak bir necha ustunga "cho'zilgan"). Birlashtirilgan hujayralar bilan jadvalni tashkil qilishning misoli:
< TR >
< TD ROWSPAN=2> 1-1 TD>
Jadvallarni tavsiflovchi teglar qator ixtiyoriy atributlarga ega.
Tag atributlari jadval parametrlarini bir butun sifatida belgilaydi:
|
Atribut sintaksisi |
Uchrashuv |
|||
|
ALIGN = qiymat |
Matn oqimiga moslashtirish; mumkin bo'lgan qiymatlar chap, o'ng va markazda |
|||
|
ZAMONA = url |
Butun jadval uchun fon rasmi |
|||
|
BGCOLOR = Rang |
Fon rangi |
|||
|
BORDERCOLOR = Rang |
Chegara rangi |
|||
|
BORDERCOLORDARK = Rang |
Asosiy ramkaning o'ng va pastki qirralarini va har bir katakchaning chap va yuqori qirralarini belgilangan rang bilan bo'yash |
|||
|
BORDERCOLORLIGHT = Rang |
Asosiy ramkaning chap va yuqori qirralarini va shunga mos ravishda har bir katakchaning o'ng va pastki qirralarini belgilangan rangda ranglaydi. |
|||
|
CELLPADDING = qiymat |
Hujayra chegaralaridan tortib pikselgacha bo'lgan tarkibgacha bo'lgan masofa |
|||
|
CELLSPACING = qiymat |
Hujayralar orasidagi masofa piksel |
|||
|
HSPACE = ma'no |
Jadvalning chap va o'ng tomonida piksellar bilan bo'sh joy |
|||
|
VSPACE = ma'no |
Jadval tepasida va pastida bo'sh joy piksellarda |
|||
|
WIDTH = ma'no |
Jadval kengligi (piksellar sonida yoki joriy brauzer oynasi kengligining foizida) |
|||
Yorliq atributlari berilgan ketma -ketlik parametrlarini ko'rsatadi (agar ziddiyat yuzaga kelsa, tegda ko'rsatilgan atributlar bekor qilinadi).Hujayra tarkibini tekislash; mumkin bo'lgan qiymatlar chap, o'ng va markazda
ZAMONA = url
Jadvalning berilgan satrining hujayralari uchun fon rasmi
BGCOLOR = Rang
Bu qator hujayralari uchun fon rangi
BORDER = ma'no
Bu qator hujayralarini o'rab turgan chegaraning qalinligi; BORDER = 0 ko'rinmas chegarani bildiradi
VALIGN = ma'no
Hujayra tarkibining vertikal hizalanishi; mumkin bo'lgan qiymatlar yuqori, o'rtada va pastda
Yorliq atributlari ushbu katakchaning parametrlarini o'rnatadi (nomuvofiqliklar bo'lsa, teglarda ko'rsatilgan va bekor qilingan atributlar).
|
Atribut sintaksisi |
Uchrashuv |
|
ALIGN = ma'no |
Hujayra hizalanishi; mumkin bo'lgan qiymatlar chap, o'ng va markazda |
|
ZAMONA = ur l |
Jadval yacheykasi uchun fon rasmi |
|
BGCOLOR = Rang |
Hujayra uchun fon rangi |
|
BORDER = ma'no |
Hujayrani tuzadigan ramkaning qalinligi |
|
VALIGN = ma'no |
Hujayra tarkibining vertikal hizalanishi; mumkin bo'lgan qiymatlar yuqori, o'rtada va pastda |
|
WIDTH = ma'no |
Hujayra kengligi piksellarda yoki jadval kengligining foizida |
|
ROWSPAN = ma'no |
Hujayra bilan qoplangan qatorlar sonini ko'rsatadi |
|
COLSPAN = ma'no |
Hujayrada joylashgan ustunlar sonini belgilaydi |
Jadvallar bilan ishlashda shuni yodda tutingki, WIDTH atributining ko'rsatilgan qiymati ko'p hollarda faqat brauzer tomonidan "hisobga olinadi". Belgilangan nisbatlar kamdan -kam hollarda aniq saqlanadi, brauzer jadvalni iloji boricha yaxshiroq ko'rsatishga harakat qiladi (tushungan holda).
Ticker
Veb -sahifada aylantirish chizig'idan foydalanish uni yanada dinamik qiladi, ob'ektlar harakatining ta'sirini yaratishga imkon beradi. Teg yordamida sudraluvchi chiziq yaratiladi< MARQUI> … MARQUI>.
Orasida< MARQUI> va MARQUI> matn qismlari va rasmlarni joylashtirish mumkin. Matnni tegishli teglar bilan formatlash mumkin va rasm yordamida kiritiladi.
|
Atribut sintaksisi |
Uchrashuv |
|
BGCOLOR=Rang |
Fon rangi. Agar fon o'rnatilgan bo'lsa, brauzer ekranda rangli chiziqni chizadi, uning bo'ylab matn yoki rasm harakatlanadi. |
|
BOY=ma'no |
Fon paneli balandligi. Qiymat piksellar sonida yoki brauzer oynasi balandligining foizi sifatida belgilanadi. Masalan, agar siz HEIGHT = 25%atributini ko'rsatsangiz, skanerlash paneli oyna balandligining chorak qismini egallaydi. |
|
WIDTH =ma'no |
Yo'nalish chizig'ining kengligi piksellarda yoki brauzer oynasi kengligining foizida ko'rsatilgan |
|
Yo'nalish =ma'no |
Chiziq harakati yo'nalishi:chapda - chap tomonda (sukut bo'yicha),to'g'ri - O'ngga,yuqoriga - yuqoriga,pastga - pastga |
|
XULK=ma'no |
Atribut aylantirish chizig'ining harakatini boshqaradi: aylantirmoq (standart) - deraza chetiga etib borgandan so'ng, chiziq ko'rish maydonini tark etadi va keyin qarama -qarshi tomondan paydo bo'ladi; siljish - chiziq deraza chetidan paydo bo'ladi, qarama -qarshi tomonga etib boradi va to'xtaydi; muqobil - chiziq o'ngga yoki chapga siljiydi, derazaning chetidan "aks etadi" va harakat yo'nalishini o'zgartiradi |
|
HSPACE = piksel ofset |
Cho'kayotgan chiziqni gorizontal ravishda o'ngga siljiting |
|
VSPACE = siz hamkorlikT apiksellarda |
Ipning yuqori va pastki qismida bo'sh joy yarating |
|
Loop=ma'no |
Ekran bo'ylab chiziqlar soni |
|
SCROOLAMOUNT= ma'no |
Har bir qadamda chiziq bo'ylab o'tadigan piksellar soni. Standart rejim taxminan 10 piksel / qadam. Bu atribut chiziq tezligini sozlash imkonini beradi |
|
SCROLLDELAY =ma'no |
Bosqichlar orasidagi vaqt oralig'ini (millisekundlarda) belgilaydi, bu atribut yordamida siz chiziqni siljitib harakat qilishingiz mumkin. |
|
HAQIQAT |
Bu bayroqni o'rnatish (qiymat bo'lmagan atribut) ko'rsatilgan SCROLLDELAY qiymatidan foydalanadi. Agar bayroq belgilanmagan bo'lsa SCROLLDELAY<= 59 будет округлено до 60 |
Gorizontal chiziq
Gorizontal chiziq teg bilan o'rnatiladi
Chiziq uzunligini piksellar bilan yoki brauzer oynasi kengligidan foiz sifatida belgilaydi
SIZE= ma'no
Chiziq kengligini piksellarda belgilaydi
ALIGN= ma'no
Gorizontal chiziqning hizalanishini aniqlaydi. Parametr quyidagi qiymatlarni olishi mumkin:
chapda - Chapga,
to'g'ri - o'ng chetida,
markaz - markazlashtirilgan (sukut bo'yicha ishlatiladi)
NOSHAD
Chiziq qanday qilib qattiq chizilganligini aniqlaydi. Parametr bayroqdir va qiymat ko'rsatilishini talab qilmaydi. Bu parametr bo'lmasa, chiziq uch o'lchovli ko'rsatiladi
Rang = Rang
Chiziq rangini belgilaydi (faqat ichida amal qiladiInternetTadqiqotchi)
Html HyperText belgilash tili ( gipermatnni belgilash tili):
- til uni odamlar ham, kompyuterlar ham o'qishi mumkinligini bildiradi;
- belgilash siz yozgan kod kalit so'zlar bilan belgilanganligini bildiradi;
- gipermatn HTTP Internetning bir qismi sifatida ishlatilishini anglatadi.
Har qanday til singari, HTML ham to'plam bilan birga keladi qoidalar... Bu qoidalar nisbatan sodda va ta'rifga qadar kamayadi chegaralar biror narsa qaerdan boshlanishini va qaerda tugashini bilish.
Quyida HTML -da paragrafga misol keltirilgan:
<p> Bugun men sayt saytida HTML sintaksisini o'rganyapman</ p>Qavslar ichida nimani ko'rasiz< и >chaqirdi teglar HTML. Ular nimaning boshlanishini va qaerda tugashini aniqlaydilar.
Men allaqachon barcha teglar va ularning ma'nolarining to'liq ro'yxatini o'z ichiga olgan HTML ma'lumotnomasini yaratdim. Ga havola bu yozuv –
Belgilarning har biri o'ziga xos belgiga ega ma'no... Bizning holatda<р>bildiradi paragraf matn.
Qoida tariqasida, ular juft bo'lib keladi:
- ochish yorlig'i<р>paragraf boshlanishini belgilaydi;
- oxirgi teg uning oxirini belgilaydi.
Boshlanish va tugash teglari orasidagi yagona farq - bu teg nomidan oldingi slash /.
Ochilish, yopish teglari va ularning orasidagi hamma narsani birlashtirganda, siz olasiz HTML elementi.
Agar siz bu misolni brauzeringizda ko'rsangiz, buni sezasiz HTML teglar brauzerda ko'rsatilmaydi... Qaysi turini bilish uchun ularni faqat brauzer o'qiydi kontent siz yozgansiz.
Guruhlarni belgilash
Barcha teglar ichki va blokli 2 turga bo'linadi.
Bloklangan kabi elementlar:
- paragraflar<р> ;
- ro'yxatlar: tartibsiz (o'q bilan)
- yoki buyurtma qilingan ro'yxatlar (raqamlar bilan)
-
;
- sarlavhalar: birinchi darajadan
oltinchi darajaga
;
- maqolalar
; - bo'limlar
; - uzun tirnoq
.
Kichik harf kabi elementlar:
- havolalar ;
- ajratilgan so'zlar ;
- muhim so'zlar ;
- qisqa tirnoq
;
- qisqartmalar .
Bloklangan elementlar uchun tuzilish sahifaning asosiy qismlari tarkibni mantiqiy bog'liq bloklarga bo'lish orqali.
Kichik harf elementlar matnning bir qismini ajratib ko'rsatish va unga ma'lum vazifa yoki ma'no berish uchun mo'ljallangan. Inline elementlar odatda bir yoki bir nechta so'zni o'z ichiga oladi.
Atributlar
Teglar ham o'z ichiga olishi mumkin atributlar- teg amalini kengaytiradigan maxsus buyruqlar. Ba'zi teglar uchun ular to'g'ri ishlashi talab qilinadi. Masalan, havola ko'rsatilgan manzilga olib kelishi uchun siz qo'shimcha atribut qo'shishingiz kerak. Havola shunday bo'ladi:
Atributlar ochilish tagiga quyidagi formatda joylashtiriladi: <тег атрибут1=”значение” атрибут2=”значение”> .
Tirnoq belgilari har qanday bo'lishi mumkin - bitta yoki ikkita, agar atribut qiymati bitta so'zdan iborat bo'lsa, ularni umuman qo'ymaslik joiz (lekin bu istalmagan).
HTMLni qayerda yozish kerak
Siz .txt kengaytmasi bo'lgan oddiy matnli fayllarni uchratgan bo'lishingiz mumkin. Bunday matnli fayl bo'lishi uchun HTML hujjat(matn o'rniga), .html kengaytmasidan foydalanish kerak.
Asosan, HTML bilan ishlash uchun siz har bir kompyuterda standart bo'lgan oddiy matnli hujjatni ishlatishingiz mumkin. Buning uchun yangi hujjat yaratish, unga kod yozish va .html formatida saqlash kerak.
HTML -fayllar bilan qulay ishlash uchun siz ushbu turdagi fayllar bilan ishlash uchun mo'ljallangan maxsus muharrirdan foydalanishingiz mumkin. Bunday muharrirlardan biri Sublime Text 3, men bu haqda oldingi xabarlarimda yozganman. Bu erda kirish havolasi -
Faylga nima yozish kerak
Saytni brauzerda vizual tarzda ko'rish uchun sayt fayliga quyidagi kod yozilishi kerak.