Kirish

1. Asosiy ma'lumotlar

1.1 mov html haqida

1.2 Veb-sayt yaratish

1.3 Umumiy qoidalar

1.4 Hujjat tuzilishi

1.5 Hujjat asosiy teglari

1.6 Asosiy HTML teglar ro'yxati

2. Qo'shimcha ma'lumotlar

2.1 Ro'yxat teglari

2.3 Hujjatning o'rtasida joylashgan grafik

2.4 Hujjatga uslublar qo'shish

2.5 Maxsus HTML teglari

2.6 Html shakli

2.7 Html ramkalar

2.8 HTML jadvallari

2.9 Veb uchun grafiklarni optimallashtirish

2.10 CSS asoslari

3. Saytni yaratish tavsifi

3.1 Tayyorgarlik

3.2 Katlanuvchi bosh

3.3 Boshqa tomonni yaratish

3.4 Joyning tavsifi bilan tomonning hamkorligi

3.5 Surat tomoni

3.6 Dasturlar sahifasi

3.7 Storinka podyaklar bilan

Visnovok

G'olib adabiyotlar ro'yxati

Kirish

Ushbu tezis mening HTML-ga bag'ishlangan. Qo'shimcha yordam uchun fayllar *.htm va *.html kengaytmalari bilan yaratilgan, ular Web-sides. Ulardan saytlar va internet shakllanadi.

Bitiruv ishi oldidan sayt HTML tili yordamida nima qilish mumkinligi haqidagi misolga o'xshaydi.

Barcha ishlar 3 ta bo'limga bo'lingan. Birinchisi, asosiy HTML teglarining tavsifiga ko'proq topshiriqlarni ajratdi. Siz ular haqida barcha kerakli ma'lumotlarni, oddiy veb-sahifalarni qanday yaratishni bilib olasiz. Boshqasi uchun ular hujjatning eski ko'rinishini qanday yaxshilash va buni amalga oshirish haqida ma'lumot berishdi. Uchinchisi esa sayt qanday yaratilganligi, bitiruv ishiga qo'shimchalar tavsifini ajratib berdi. Yangi ma'ruzada sayt yaratish bo'yicha qiyin ishlarning ikkinchi oyi tasvirlangan, ular tuzatilganda turli xil kechirimlar, ularni qabul qilishning qiyin usullari haqida gapirib berilgan.

Buni o'qib chiqqandan so'ng, agar siz robot bo'lsangiz, inson bo'lsangiz, dasturlashni o'rganing, HTMLda dasturlash asoslarini tushunishingiz mumkin. Bilganlar esa, o'zlari uchun yangi narsalarni bilishlari mumkin.

1.1 Pro mov HTML

Hyper Text Markup Language (HTML) WEB muhitida gipermatnli hujjatlarni yaratish uchun tan olingan standart tildir. HTML hujjatlarini har xil turdagi WEB-brauzerlar orqali ko'rish mumkin. Hujjat HTML versiyalaridan yaratilgan bo'lsa, WEB brauzeri hujjatning turli elementlarini va ularning birlamchi qayta ishlanishini ko'rish uchun HTMLni sharhlashi mumkin. HTML wiki sizga hujjatlarni ularni ko'rib chiqadigan har qanday tizimda shriftlar, chiziqlar va boshqa grafik elementlarning variantiga topshirish uchun formatlash imkonini beradi.

Ko'pgina hujjatlar sarlavha, paragraflar yoki ro'yxatlar kabi standart elementlarni o'z ichiga oladi. HTML teglaridan foydalanib, siz WEB-brauzerlarga hujjatlarning umumiy tuzilishi va axborot to'liqligini hisobga olgan holda ushbu elementlarni ko'rsatish uchun minimal ma'lumotni qoldirib, ushbu elementlarni belgilashingiz mumkin. HTML-hujjatni o'qish uchun kerak bo'lgan hamma narsa bu HTML teglarini sharhlovchi va hujjatni sizning oldingizda ekranda ko'rsatadigan WEB-brauzer bo'lib, muallif buni qilishi kerak.

Ko'pincha hujjat muallifi hujjatning asl ko'rinishini aniq belgilaydi. HTML o'quvchi davrida WEB-brauzer imkoniyatlariga asoslanib, siz hujjatning tanish ko'rinishi bilan dunyoni kuylashingiz mumkin (o'rniga yoga bo'lmasa ham). HTML sizga hujjat sarlavha yoki qo'shimcha HTML tegining paragrafi uchun mas'ul ekanligini ko'rsatishga imkon beradi va keyin WEB brauzeriga ushbu teglarni sharhlashiga ruxsat beradi. Masalan, bitta WEB-brauzer xatboshi boshidagi tegni taniy oladi va hujjatni to'g'ri ko'rsatishi mumkin, ikkinchisi esa hujjatni bir qatorda topshirish imkoniyatiga ega emas. Boshqa WEB-brauzerlar ham shriftning o'lchami va turini, rangini va hujjatning ekraniga qo'shilishi kerak bo'lgan boshqa parametrlarni sozlashi mumkin.

HTML teglarini aqlli ravishda ikkita toifaga bo'lish mumkin:

1. WEB-brauzer hujjatning butun qismini qanday ko'rsatishini bildiruvchi teglar.

2. Hujjatning umumiy vakolatini tavsiflovchi teglar, masalan, hujjatning nomi yoki muallifi.

Shuni yodda tutingki, HTML ning asosiy afzalligi shundaki, sizning hujjatingiz har xil turdagi WEB-brauzerlarda va turli platformalarda ko'rish mumkin.

1.2 katlama veb-sayt

HTML hujjatlari matn muharriri yoki maxsus HTML muharrirlari va konvertorlari yordamida yaratilishi mumkin. HTML-hujjatlarni yaratishda foydalaniladigan muharrirni tanlash faqat ravshanlik va teri muallifining o'ziga xos o'xshashligini tushunishda qo'llanilishi kerak.

Masalan, Netscape’ning Netscape Navigator Gold kabi HTML muharrirlari WYSIWYG (What You See Is What You Get) texnologiyasidan foydalangan holda grafik shaklda hujjatlar yaratish imkonini beradi. Boshqa tomondan, hujjatlarni yaratish uchun an'anaviy vositalarning aksariyati konvertorlar tomonidan o'zgartirilishi mumkin, bu esa hujjatlarni HTML formatiga aylantirish imkonini beradi.

Barcha HTML teglari " bilan boshlanadi<" (левой угловой скобки) и заканчиваются символом ">(o'ng tepalik yoyi). Qoida tariqasida, boshlang'ich teg va tugatish tegidan foydalaning. Ko'chma uchun biz bosh va tugatish tegining o'rtasida joylashgan matnni belgilovchi va hujjatning sarlavhasini tavsiflovchi sarlavha teglarini olib kelamiz:

Yakuniy teg boshlang'ich teg bilan bir xil ko'rinadi va u tepaning o'rtasida joylashgan matn oldidagi yangi to'g'ridan-to'g'ri chiziqqa o'xshaydi. Kimning ilovasida teg bor - sarlavha matnini to'ldirish haqida.

Deyaki teglari, shuning uchun, yak

(paragrafni belgilaydigan teg), yakuniy tegni unutmang, lekin u hujjatning chiqish matnining o'qilishi va tuzilishini ham yaxshilaydi.

HTML tegni tavsiflovchi belgilar holatiga javob bermaydi va kursorni oldinroq qo'ysangiz, misol quyidagicha ko'rinishi mumkin:

Hurmat! HTML hujjatining chiqish matniga eng yaxshi o'qilishi uchun qo'shilgan qo'shimcha bo'shliqlar, jadval va vagonni aylantirish belgilari, hujjatni sharhlashda WEB-brauzer tomonidan e'tiborga olinmaydi. HTML hujjati boshqa elementlarning tavsiflarini o'z ichiga olishi mumkin, faqat ular teglar o'rtasida joylashgan bo'lsa

І

. Teglar haqida hisobot

Quyida yoziladi.
 
Agar WEB-brauzer hujjatni qabul qilsa, u hujjat qanday talqin qilinishi mumkinligini ko'rsatadi.  Hujjatda paydo bo'ladigan birinchi teg teg bo'lishi mumkin .  Bu teg veb-brauzerga hujjatingiz HTML-da yozilganligini bildiradi.  Minimal HTML hujjati quyidagicha ko'rinadi:
 
Hujjatning asosiy qismi ...
 
Hujjat sarlavhasi .  Hujjatning sarlavha tegi teg yonidagi kotirovka uchun javobgardir va ko'proq hujjat sarlavhasiga yaqin joyda emas.  Tsey tegi hujjatning umumiy tavsifidir.  Noyob rozmíschuvat teg o'rtasida matn yoki yo'qmi .  Boshlash belgisi to'g'ridan-to'g'ri tegdan oldin joylashtiriladi 
 
Hurmat!  Texnik jihatdan boshlash va tugatish teglari turi , і  neobov'yaskoví.  Ale tavsiya etilgan í̈x twists, bu teglar teglarining parchalari WEB-brauzerga hujjatning sarlavha qismini va hujjatning o'rta qismini tahlil qilish imkonini beradi.
 
Hujjat nomi , o'rtasiga joylashtirilgan -teglar, yuqorida ilovada ko'rsatilgandek Hujjat oynada ko'rsatilganda hujjatning sarlavhasi ko'rsatilmaydi.
Kun davomida IT-sohasi kengaymoqda va saytlar yaratishda o'sib bormoqda.  zbylshennya kílkosty fahivtsív uchun ishlab chiqarish uchun Tse, yaky tayyor sayt va yogo qo'llab-quvvatlash rivojlantirish.  Biroq, bunday veb-majstrívlarning ko'pchiligi bepul dizaynerlar tomonidan qoplanadi va hatto dasturlash va texnik saqlash sayti haqida tasavvurga ega bo'lmasligi mumkin.  Ajablanarlisi shundaki, foydalanish qulayligi, dizayni va mazmuni yanada muhimroq, ammo kodda kechirimli texnik jihatdan zaif sayt omad keltira olmaydi.  Shuning uchun, saytlar yaratish uchun, o'sha fakhivtsy kamroq olishi mumkin, go'yo ular til bilan ularni dasturlash imkoniyatiga ega va noldan sayt kengaytirish uchun tayyor edi.
Veb-saytlar yaratish uchun qanday filmlarni bilishingiz kerak?
Dosvydchení rozrobniki scho, scho vyd boy omillarni pasaytirish uchun movi dasturini tanlang.  Biroq, oddiygina ideal echim yo'qligini tushunishdan so'ng, teri varianti o'zining afzalliklari va kamchiliklariga ega bo'lishi mumkin.  Belgilangan vazifalarni bajarish uchun eng yaxshi pidide sifatida o'sha tilni tanlash kerak.  Ovqatlanish, uning oldida til tanlash sifatida qarash kerak:
server platformasi;
 
server dasturiy ta'minoti;
 
yaratilgan saytlarda ma'lumotlarning mavjudligi;
 
Tanlangan ma'lumotlar bazasi.
Eng mashhur filmlar
Veb-sayt
 
Mashhurlik 
(Oy uchun noyob yozuvlar)
 
foydalanuvchi interfeysi 
(mijoz)
 
orqa tomon 
(Server)
 
Ma'lumotlar bazasi
Google.com
 

 1,600,000,000

 

 
C, C++, Go, Java, Python
 
BigTable, MariaDB
facebook.com
 

 1,100,000,000

 

 
Hack, PHP (HHVM), Python, C++, Java, Erlang, D, Xhp, Haskell
 
MariaDB, MySQL, HBase Cassandra
youtube.com
 

 1,100,000,000

 

 
C, C++, Python, Java, Go
 
Vitesse, BigTable, MariaDB
Yahoo
 

 750,000,000

 

 
PHP
 
MySQL, PostgreSQL, VB.NET
Amazon.com
 

 500,000,000

 

 
Java, C++, Perl
 
Oracle ma'lumotlar bazasi
wikipedia.org
 

 475,000,000

 

 
PHP, Hack
 
MySQL, MariaDB
twitter.com
 

 290,000,000

 

 
C++, Java, Scala, Ruby
 
MySQL
Bing
 

 285,000,000

 

 
ASP.NET
 
Microsoft SQL Server
eBay.com
 

 285,000,000

 

 
Java, JavaScript, Scala
 
Oracle ma'lumotlar bazasi
msn.com
 

 280,000,000

 

 
ASP.NET
 
Microsoft SQL Server
Microsoft
 

 270,000,000

 

 
ASP.NET
 
Microsoft SQL Server
Linkedin.com
 

 260,000,000

 

 
Java, JavaScript, Scala
 
Voldemort
pinterest
 

 250,000,000

 

 
Django, Erlang
 
MySQL, Redis
wordpress.com
 

 240,000,000

 

 
PHP, JavaScript (Node.js)
 
MariaDB, MySQL
PHP.  Yoga asosida - eng oddiy til belgisi, HTML.  PHP pov'yazuê koristuvach íz server qismidir.  Qaytish havolasi shakli sifatida bunday funktsiyalarni o'zim amalga oshirishning maqsadi ro'yxatga olish maydonlari juda nozik.  Sintaksis tíêí̈ movi oson va shunchaki vivchiti.  Tijorat portalini yaratish uchun koristuvachning aloqa ma'lumotlarini yangi oddiy usulda olishi kerak bo'lganlar uchun PHPsiz qilish mumkin emas.  Filmning asosiy afzalligi shundaki, vikoristovuyuchi vv, dasturchilar tez va zayvih zusil holda dinamik tomonlarini katlay oladilar.

Python.  Rus yoga ko'pincha "python" deb ataladi.  Tse vysokorívneva mova, yak vikoristovuêtsya yuqori martabali zavdan uchun, eng vykonannya zavdan server uchun.  Yogo yo'nalishi - dasturchining mahsuldorligini oshirish va kodni o'qish.  Yordam uchun siz dasturlash paradigmalarining boy to'plamining zaxira nusxasini yaratishingiz mumkin.  Python avtomatik ravishda Windows va Linux serverlarida ishlaydi.
Rubi.  Rus yoga ko'pincha "rubi" deb ataladi.  Bu OOP (ob'ektga yo'naltirilgan dasturlash) uchun dinamik, aks ettiruvchi va yuqori darajali tildir.  Win sizga har qanday OTda boy oqimni amalga oshirish imkoniyatini beradi, dinamik ko'rinishning qat'iy tiplanishini qabul qiladi va boshqa variantlar soni kam bo'lishi mumkin.  Ruby sintaksisining xususiyatlariga ko'ra, u Eyfel va Perl analoglariga eng yaqin.  Bundan tashqari, Python-ning orqasida bir nechta tafsilotlar mavjud.
A.S.P.  Bu til Microsoft korporatsiyasi tomonidan tarqatilgan.  Qo'shimcha texnologiyalar uchun www.asp uchun dasturlarni yuklab olishingiz mumkin.  Filmlar uchun platformalar: Internet Information Server (IIS) va Windows NT.  ASP-ni osongina o'zim deb atash mumkin, bu dasturga Internet-saytga kirish texnologiyasi uchun qimmatroq.  ASP ning barcha afzalliklari oddiy skript mov va uchinchi tomon MAQOMOTI elementlarini yuklash imkoniyatidir.

JavaScript.  Javascript trohi printsipi boshqa dasturlash tillaridan farq qiladi.  Bu HTML fayliga to'g'ridan-to'g'ri ulanish uchun sarlavha vakolatidir.  Skript, JavaScript asosida yaratilgan, tarjimon tomonidan qayta ishlangan, brauzer tomonidan amalga oshirilgan.  Qia mova vazifalarning katta spektri uchun vykoristovuetsya: dinamik tomonlarni yaratish (hujjatni yaxshilash uchun ulardagi tarkibni o'zgartirish mumkin);
Virishennya mystsevyh zavdan;  serverga keyingi yuborishdan oldin shakllarni to'ldirishning to'g'riligini tekshirish.
Harakatning katta imkoniyatlari mashhurlik bilan izohlanadi.  Shunday qilib, JavaScript yordami uchun siz:
yon tomonga o'zgartirish: matn qo'shish yoki tozalash, uslublar va teglarni o'zgartirish;
 
yakís podíí̈̈ga javob berish (masalan, sichqonchani bosish) va berilgan funktsiyani yutib olish;
 
eslatmalarni qayta ko'rib chiqish, cookie-fayllarni o'rnatish va o'qish, kiritilgan ma'lumotlarning to'g'riligini tekshirish;
 
hujjatni qayta import qilmasdan va yangi ma'lumotlarni import qiling.
perl.  Ushbu harakatning boshlanishi dasturni yaratish uchun yozilgan, chunki ular turli xil vazifalarni, vazifaning butun majmuasini bajarish uchun yagona stsenariyda: matnni qayta ishlash, boshqarish va boshqalar.  Bugungi kunda Pearl asosan CGI qo'shimchalarini ishlab chiqish uchun g'alaba qozonadi.  Vín serverlar va boshqa tizimlarni boshqarishga yordam beradi.  Zavdyaki Pearl-da yozilgan skriptning soddaligi va tezligi, yoga barcha mashhur platformalar, jumladan Mac va Windows uchun moslashtirilgan.  Perl kodni tekshirishi mumkin, bu mutlaqo bepul.
Sizga ko'p bilim nima kerak?
Dasturlash bo'yicha boshlang'ich bilimlar maktabda informatika darslarida o'rgatiladi.  Pratsyuvati on cobs s Paskal va Delphi deyarli dermal edi.  Ale ínshí, skladníshí movi programuvannya, vmagayut ínshoy, yanada murakkab va jiddiy yondashuv.  Muvaffaqiyatli dasturchi uchun zarur bo'lgan birinchi narsa - bu matematik, mantiqiy aql ombori va uni o'z xohishingiz bilan olish qobiliyati.  Agar siz varto qilmasangiz, hamma narsani kuylashingiz kerak bo'ladi.  Birini yaxshiroq o'zlashtirish, beshta so'z haqida ko'proq bilish uchun onani pastga tushirish yaxshiroqdir.  Hamma narsa shunga o'xshash printsiplar bo'lishi mumkin, barcha hidlar kunning mantig'ida bo'ladi, bir soat ichida mening yangi vchiti yogo terim bilan hamma narsa oddiyroq.  Birovning kodini ko'chiring yoki o'zgartiring, ehtimol boshqa birov, lekin o'z kodingizni yozing, to'g'ri "rassom" bo'lish uchun bino teridan uzoqdir.
Turli filmlar va maketlardan HTML gipermatnlarigacha veb-saytlarni ishlab chiqish
 
Veb-saytlar va veb-saytlar
Veb-sahifalar. Veb-saytlar HTML (Hyper Text Markup Language) gipermatnli hujjatlarning mobil maketi yordamida yaratilgan.  Standart matnli hujjatda asosiy belgilar - HTML teglari qo'yiladi, ular brauzerda ko'rilganda Web tomonining ko'rinishini belgilaydi.
Veb-saytlarning asosiy afzalliklari quyidagilardan iborat: 
- minimal ma'lumot obsyag; 
- turli xil operatsion tizimlarni ko'rib chiqish imkoniyati.
Web tomonlarini yaratish uchun eng oddiy matn muharrirlaridan foydalaniladi, ular yaratilayotgan hujjatga kirmaydi, qaysi belgilar muharrir matni tomonidan formatlanadi.  Windows-da bunday muharrir sifatida siz standart Notepad dasturini burishingiz mumkin.
Variant HTML teglari bilan veb-sahifalarni yaratish filmning sintaksisini bilganingizdan keyin katta kuch talab qiladi.  Zastosuvannya spetsialnyh ynstrumentalnyh ynstrumentalnyh zasobyv (veb-muharrirlari) oddiy va samarali veb-saytlar yaratish robot talon-taroj qilish.  Web-muharrirlarida sahifalarni yaratish va tahrirlash jarayoni ancha rivojlangan, shuning uchun u WYSIWYG rejimida amalga oshiriladi (inglizcha "What You See Is What You Get" - "What You See Is What You Get" kabi).
Veb-saytlar. Butunjahon Merazh nashrlari veb-saytlar ko'rinishida amalga oshiriladi, go'yo o'sha yoki muammolardan o'ch olish uchun.  Suveren tuzilmalar va tashkilotlar (bo'lim, fikr, maktab va boshqalar) o'z tashkilotlarining rasmiy veb-saytlarini yaratadilar, ularda o'z faoliyati to'g'risidagi ma'lumotlarni joylashtiradilar.  Tijorat firmalari o'zlarining veb-saytlarida tovarlar va xizmatlarni reklama qiladilar va ularni Internet-do'konlarda reklama qiladilar.  Agar siz Internetda muxbir bo'lsangiz, o'zingizning tematik saytingizni yaratishingiz mumkin, unda siz o'zingizning ishlanmalaringiz, yig'ish va hokazolar haqida ma'lumotlarni joylashtirishingiz mumkin.
Jurnal turli tomonlardan tashkil topganidek, Web sayt ham kompyuterning Web sahifalaridan tashkil topgan.  Sayt giperposilan tizimga qarshi turishda aybdor, chunki u koristuvachevyga veb-saytlar bo'ylab harakatlanish imkonini beradi.
Birinchi o'rinni veb-saytingizni Internetdagi serverga joylashtirsangiz, siz qattiq norozilik bildirishingiz kerak, sizning saytingiz uchun potentsial Internetda o'nlab million koristuvachi bo'ladi.
Veb-saytni nashr qilish uchun Internet-serverlardan birida aniq manzilni bilish kerak.  Ko'pgina provayderlar o'z mijozlariga o'z serverlarida veb-saytlarni bepul joylashtirish imkoniyatini beradilar (bepul hosting).
Oziqlanishni nazorat qilish
1. Nima uchun veb-tarmoqlar katta matnli hujjatlardan ustun turadi?
2. Web-saytlar qanday qilib Web-saytlarga birlashadi?
Veb-sayt tuzilishi
Yon tomonning HTML kodi konteynerning o'rtasiga joylashtirilgan .  Ushbu teglarsiz brauzer hujjat formatini aniqlay olmaydi va uni to'g'ri talqin qila olmaydi.  Veb-sayt ikkita mantiqiy qismga bo'linadi: sarlavha va brauzerda ko'rsatiladigan qism.
Veb-sayt sarlavhasi konteynerga mos keladi  va hujjat nomini va sahifa haqidagi qo'shimcha ma'lumotni (masalan, kodlash turi) almashtirish uchun brauzer uni to'g'ri ko'rsatish uchun tekshiradi.
Teglar kamonning tepasida yotadi va bitta yoki erkak bo'lishi mumkin.  Ota-onalar teglari idish).
Yopuvchi teg belgi oldiga qiyshiq chiziq (/) bilan almashtirilishi kerak.  Teglar ham katta, ham kichik harflar bilan yozilishi mumkin.
Yonning nomi konteyner yaqinida joylashgan  va qayta ko'rib chiqish soati ostida u brauzer oynasining yuqori qatorida paydo bo'ladi.
Brauzerda ko'rsatilgan tomonning o'zgarishi konteynerga joylashtiriladi (6.26-rasm): 





<ТITLE>Kompyuter




Kompyuter va proshivka 






Guruch.  6.26.  "Kompyuter" veb-saytini tayyorlash
Yaratilgan veb-sayt index.htm nomli fayl sifatida saqlanishi kerak.  Veb-sayt faylini kengaytirish kabi, siz ham HTML-ni sozlashingiz mumkin.  Saytga tarqatish uchun maxsus papka yaratish va ushbu papkada tarqatilgan sayt uchun barcha fayllarni saqlash tavsiya etiladi.
Fayl tizimidan Web tomoni saqlanadigan index.htm fayl nomini, veb-taraf nomini (masalan, "Kompyuter") yuqori qatorda ko'rinib turganidek ajratish kerak. brauzer oynasidan.  Im'ya Web-sides menga buni isbotlashi mumkin, bizni poke tizimlari bilan tahlil qilish mumkin emas.
Oziqlanishni nazorat qilish
1. Umuman HTML hujjatida qanday teglar (konteynerlar) bo'lishi kerak?  Web-sidening mantiqiy tuzilishi qanday?

6.10.  Amalda vazifa.  "Kompyuter" veb-sahifasini yarating va uni brauzerda ko'rib chiqing.
Veb-saytdagi matnni formatlash
Hozircha bizning tomonimiz unchalik yoqimli ko'rinmayapti: oq shira ustida qora rangdagi xira shrift.  Qo'shimcha teglar uchun siz turli xil parametrlarni va matnni formatlashni o'rnatishingiz mumkin.
Sarlavhalar. Sarlavha shrifti o'lchamlari juft teglarda o'rnatiladi<Н1>(eng katta) gacha<Н6>(kamida).
Shrift. Deyaki teglari hokimiyat nomlari kabi atributlarni yaratadi va ma'nolarni kuylashi mumkin.  FONT tegi va boshqa atributlar yordamida siz shriftni formatlash parametrlarini o'rnatishingiz mumkin.  FACE atributi shrift uchun shriftni (masalan, FACE="Arial"), SIZE atributini - shrift hajmini (masalan, SIZE=4) kiritish imkonini beradi.
COLOR atributi shrift uchun rang belgilash imkonini beradi (masalan, C0L0R="ko'k").  COLOR atributining qiymati rangni nomlash orqali (masalan, "qizil", "yashil", "ko'k" va boshqalar) yoki 16 qiymat bo'yicha o'rnatilishi mumkin.
"#RRGGBB" vikorist rangining o'n oltinchi ko'rinishi, ikkita birinchi o'n oltinchi raqam qizil (qizil) intensivligini, ikkita avans - yashil (yashil) intensivligini va qolgan ikkitasi - intensivligini belgilaydi. ko'k (ko'k) rang.  Rangning minimal intensivligi o'n oltinchi raqam 00, maksimal esa - FF bilan ko'rsatilgan.  Masalan, ko'k rang "#0000FF" qiymatiga tayinlangan.
Matnni qayta ko'rib chiqish. ALIGN atributiga ruxsat berish orqali matnni ko'rish usulini belgilang.  Chap chekka bo'yicha tekislash quyidagicha aniqlanadi: ALLGN="chap", o'ng chetiga tekislash: ALIGN="o'ng", markaz bo'yicha tekislash: ALIGN= "markaz".
Ushbu tartibda markazlashtirilgan sarlavhaning ko'k rangi quyidagi tartibda o'rnatilishi mumkin:


<Н1 ALIGN="center">Kompyuter va proshivka


Gorizontal chiziqlar. Sarlavhalar qo'shimcha ravishda bitta teg ortidagi gorizontal chiziqlar yordamida o'zaro bog'lanishi kerak 
.

Paragraflar. Paragrafdagi matnga biriktirilgan<Р>.  Men bir soat davomida brauzerni ko'rib chiqaman, paragraflar oraliqda intervalgacha joylashtirilgan.  Teri paragrafi uchun siz birinchi ko'rinish turi va shrift formatlash parametrlarini o'rnatishingiz mumkin.
Saytning asosiy tomoni Saytning asosiy tomonida uni qisqacha tavsiflovchi matnni ovoz chiqarib ayting.  "Kompyuter" saytining bosh sahifasida joylashtirilgan matn, turli xil istisnolar bilan paragraflarga bo'lingan:
<Р ALIGN="left">Ushbu saytda siz kompyuter, uning dasturiy ta'minoti xavfsizligi va kompyuter komponentlari narxlari haqida turli ma'lumotlarni ko'rishingiz mumkin. 

<Р ALIGN= "right">Terminologik lug'at sizni kompyuter atamalari bilan tanishtiradi va siz so'rovnomani ham to'ldirishingiz mumkin.
Shu tarzda, "Kompyuter" saytining bosh sahifasi sarlavhani ko'k rangda, ikkita turli xil tekislangan paragraflar bo'ylab gorizontal chiziq bilan markazlashtirishga loyiqdir (6.27-rasm):


<Н1 ALIGN="center">
Kompyuter va proshivka 







<Р ALIGN="left">Qaysi saytda...

<Р ALIGN ="right">Terminologik lug'at 

...



Guruch.  6.27.  Formatlangan matnli veb-sayt "Kompyuter"
Oziqlanishni nazorat qilish
1. Sarlavhalar uchun qanday teglar (konteynerlar) ko'rsatilgan?  Shrift formatlansinmi?  Paragraflar bilan tanishish?
Mustaqil vikonanny uchun vazifa
6.11.  Amalda vazifa.  Formatlangan matnga ega "Kompyuter" veb-tomonini yarating va uni brauzerda ko'rib chiqing.
Veb-saytga rasm qo'yish
Veb-saytda grafik fayllarda saqlangan tasvirlarni uchta formatda - GIF, JPEG va PNG ko'rsatishingiz mumkin.
Kiritilgan rasm. Tasvir kiritish uchun teg SRC atributi bilan, bu faylni mahalliy kompyuterda yoki Internetda saqlash joyini ko'rsatadi.  Agar grafik fayl mahalliy kompyuterda Web-sayt fayli bilan bir xil papkada joylashgan bo'lsa, u holda SRC atributining qiymati faqat fayl nomi uchun ko'rsatilishi kerak.  Misol uchun:

Agar fayl mahalliy kompyuteringizdagi boshqa papkada joylashgan bo'lsa, atributning qiymati fayldan tashqarida bo'lishi mumkin, shu jumladan ierarxiya fayl tizimidagi yangisiga yo'l.  Misol uchun:

Agar fayl Internetdagi uzoq serverda joylashgan bo'lsa, u holda ushbu faylning veb-manzilini ko'rsatish mumkin.  Misol uchun:

Kichkintoyning pozitsiyasi matnga muvofiq. Raztashuvaty kichik matn boshqa yo'l bilan besh xil qiymatlarni qabul qilishi mumkin bo'lgan ALIGN atributiga imkon beradi: TOP (yuqori), ORTA (o'rta), BOTTOM (pastki), CHAP (chap qo'l) va o'ng (o'ng qo'l).
"Kompyuter" saytining uy tomonida kompyuterning tasvirini joylashtirish mantiqan to'g'ri keladi.  Kichkintoylar matnning o'ng chetiga yoyilgan bo'lishi uchun, rasm qo'shish yorlig'i haqoratli ko'rinishda aybdor (6.28-rasm):



Guruch.  6.28.  "Kompyuter" veb-saytiga rasmni kiritish
Muqobil matn kiritish. Koristuvachí ínodi, bir soatni tejash yordamida brauzerda grafik tasvirlarni suratga olishni yoqing va faqat matnlarni o'qing.  Sensor tomonga xalaqit bermaslik uchun kichkintoyni almashtirish aybdor, muqobil matn kiritilmoqda.
Muqobil matn ALT atributi yordamida ko'rsatiladi, uning ma'nosi kichik uchun maw bi koristuvach nima ekanligini tushuntiruvchi matndir:

Oziqlanishni nazorat qilish
1. Web-saytga rasm qo'yish uchun qanday teg va atributlardan foydalaniladi?
Mustaqil vikonanny uchun vazifa
6.12.  Amalda vazifa.  Tasvirni "Kompyuter" veb-saytiga joylashtiring va uni brauzerda ko'rib chiqing.
Veb-saytlarda giper-quvvat



Agar brauzerda o'ralgan veb-sahifa mahalliy kompyuterda xuddi shu papkada joylashgan bo'lsa, manzilni o'zgartirish oddiygina fayl tomonidan belgilanadi, masalan:

Agar brauzerga yuklangan veb-sahifa Internetda joylashgan bo'lsa, u holda Internet manzillari manzillar sifatida ko'rsatiladi, masalan:
<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Quvvat ko'rsatkichi
Pokaznik psilannya mi bachimo pid hour brauzerdagi veb-sahifani qayta ko'rib chiqing.  Vkazivnik matnni, ovozli ko'rinishlarni ko'k rangda va qo'llab-quvvatlashda yoki kichiklar, vahiylarni ramkada yuborishi mumkin.  Yangi sichqonchani kiritishda kursor "qo'l" belgisiga o'zgaradi.  Qo'ng'iroq qiluvchidan so'ng sichqonchani bosing, veb-tomonga o'tishni chaqirib, giperfazoda ko'rsatilgan.
brauzerda tasvirni ko'rib chiqishdan oldin: 

<А HREF="picture.jpg">Rasm
brauzerga kiritilgan dasturni ishga tushirishdan oldin o'sha ovoz fayli yaratilgan: 

<А HREF="sound.wav">Ovoz
brauzerda o'rnatilgan faylni yozib olish menejeri yordamida faylni mahalliy kompyuterda saqlash uchun: 

<А HREF="Apxив.ziр">Faylni oling
Sayt navigatsiya paneli. Biz "Kompyuter" sayti uchun papka yaratamiz va saytga "Dasturlar", "Lug'atlar", "To'liq" va "So'rovnoma" bo'sh sahifalarini qo'shamiz.  Ularni ota-sayt uchun software.htm, glossary.htm, hardware.htm va anketa.htm nomli fayllar uchun saqlang.  Bu sarlavhalarning "bo'sh" tomonlari, ammo siz hali ham onani kechira olmaysiz:




<ТITLЕ>yon sarlavha





 
Saytning uy tomonida biz saytning teri tomonida giperposilan reklamalarni joylashtiramiz.  Giperposilan ko'rsatkichlari sifatida, eng qulay tanlov - bu o'tish amalga oshirilayotgan tomonlarni nomlash.
Keling, sahifaning pastki qismidagi giperposilan ko'rsatkichlarini bo'sh joylar ( ) bilan ajratib, bir qatorga yangi paragrafga o'tkazamiz.  Giperposilanning bunday joylashishi ko'pincha navigatsiya paneli deb ataladi.
Navigatsiya panelini yaratadigan saytning bosh sahifasiga HTML kodini kiritamiz:
<Р ALIGN="center">

[<А HREF="software . htm">Dasturlar]   
[Lug'at]   
[Aksessuarlar]  
[So'rovnoma] 


Elektron pochta manziliga giperxabar. Saytning asosiy tomonida Corisno, elektron pochta manziliga xabar yuboring, bu ma'lumot uchun sayt ma'muriyati bilan bog'lanishingiz mumkin.  Buning uchun elektron pochta manziliga HREF atributini belgilash va konteynerga y-ni kiritish kerak 
, manzillarni kiritish uchun qabul qilingan paragrafning uslubini belgilaydi:



<А HREF="mailto:[elektron pochta himoyalangan]"> Elektron pochta: 

[elektron pochta himoyalangan]


Endi elektron pochta manzilini bosish uchun Outlook Express pochta dasturi ochiladi Kimga yuborilgan manzilda ko'rsatiladi.
Keyinchalik "Kompyuter" veb-sayti uchun bosh sahifa yaratildi, unda sarlavha, kompyuter tasviri, matnning ikki paragrafi, navigatsiya paneli va elektron pochta manziliga yuborilgan xabar (6.29-rasm).


Guruch.  6.29.  "Kompyuter" saytining bosh sahifasi tayyor
Oziqlanishni nazorat qilish
1. Giperposilan yaratish uchun qanday teg va yoga atributlaridan foydalaniladi?
Mustaqil vikonanny uchun vazifa
6.13.  Amalda vazifa.  Saytning boshqa tomonidagi giperposilan panelini olib tashlaydigan "Kompyuter" veb-tomonini yarating va brauzerda unga qarang.
Veb-saytlardagi ro'yxatlar
Matnni veb-saytlarga joylashtirishda tez-tez tugatish uchun turli xil variantlar uchun ro'yxatlarni qo'lda tanlang: 
agar ro'yxat elementlari qo'shimcha raqamlar bilan aniqlangan bo'lsa, raqamlangan ro'yxatlar;

belgilangan ro'yxatlar, agar ro'yxatning elementlari qo'shimcha maxsus belgilar (markerlar) bilan aniqlangan bo'lsa;

lug'at shaklida uchrashuvlarning o'tkazmalarini birlashtirishga imkon beruvchi uchrashuvlar ro'yxati.
Ro'yxatlarni yaratish va joylashtirish mumkin, bundan tashqari, investitsiya qilingan ro'yxat turiga ko'ra asosiy deb hisoblanishi mumkin.
Raqamlangan ro'yxatlar. Idishning o'rtasida taqsimlashning raqamlash ro'yxati 
 
raqamlash turini belgilashingiz mumkin: arab raqamlari (qo'lga olish uchun), "I" (rim raqamlari), "a" (kichik harflar) va in.



< LI >Tizim dasturlari 

< LI >Amaliy dasturlar 

< LI >dasturlash tizimlari 


Belgilangan ro'yxatlar. Belgilash ro'yxati konteynerning o'rtasida ko'rsatiladi va ro'yxatning teri elementi teg bilan belgilanadi.< LI >.  TYPE teg atributi bo'yicha yordam uchun 
ro'yxatga marker turini o'rnatishingiz mumkin: "disk" (disk), "kvadrat" (kvadrat) yoki "doira" (kolo):



< LI >matn muharrirlari; 

< LI >grafik muharrirlar; 

< LI >elektron jadvallar; 

< LI >ma'lumotlar bazasini boshqarish tizimlari. 


"Dasturlar" veb-saytida kompyuter dasturiy ta'minotining asosiy turlarining o'zgarishlarini qamrab oladigan raqamlash ro'yxati joylashtirilgan.
Asosiy raqamlangan ro'yxatning boshqa elementida biz qo'shimchalarning markalash ro'yxatini kiritamiz (6.30-rasm).
Uchrashuv ro'yxati. Uchrashuvlar ro'yxati konteynerning o'rtasida ko'rsatiladi 
/
.  O'rta matn atamalar sifatida formatlanadi, ular bitta teg sifatida ko'riladi 
ta vznachen, yaki bitta teglar uchun borish 
.

Biz "Lug'at" veb-saytini kompyuter atamalari lug'ati shaklida taqdim etishimiz mumkin (6.31-rasm):


Protsessor 

Ikkilik kodda ma'lumotlarni qayta ishlashni amalga oshirish uchun kompyuterning markaziy biriktirmasi. 

Ishlaydigan xotira 

Iltimos, qaysi dasturlar va ma'lumotlar saqlanadi. 


Oziqlanishni nazorat qilish
1. Raqamlangan ro'yxatlarni tuzishda qanday belgilar g'olib hisoblanadi?  Belgilangan ro'yxatlar?
Mustaqil vikonanny uchun vazifa
6.14.  Amalda vazifa.  Raqamlangan ro'yxat bilan veb-sayt "Dasturlar" ni yarating va belgilangan ro'yxatni joylashtiring.
6.15.  Amalda vazifa.  Terimlar roʻyxati bilan veb-sayt “Lugʻat” yarating.

"HTM filmlar yordamida veb-saytlarni yaratish" kursi
L

»

 
Mavzu 1. Pochatkova mov HTML haqida ma'lumot
 
Film HTML uchun tayinlash
 
veb
- tomonlar– HTML da yozilgan barcha maxsus fayllar ( Giper

Matn

belgilash

til
- gipermatn uchun mov layout).  Pid rozmitkoy matnga maxsus kodlar (teglar) kiritilishini tushunish, boshlang'ich bo'lganlar, chunki subbag gipermatn hujjati maxsus dastur - brauzer tomonidan ko'rsatilishida aybdor.
 
Tizimga bog'liq bo'lmagan fayllarni yaratish uchun HTML tili hujjat formatini tavsiflaydi, lekin uning tuzilishini ham belgilaydi.  Misol uchun, agar matnga sarlavha kiritilgan bo'lsa, HTML kodi shunchaki tegishli bo'lak sarlavha ekanligini bildiradi.  Bunday kodni ko'rib chiqqandan so'ng, dastur - brauzerning o'zi virishuê, scho í̈y robiti íz sarlavhasi.  Uni kattaroq shriftda yoki ekranning markazida ko'rsatish mumkin.  Agar matn kino sintezatori tomonidan yaratilgan bo'lsa, sintezator butun kodni nusxa ko'chiradi, shunda ovoz balandligini siljitadi va kerakli pauzani qo'shadi.
 
Mova HTML ê kompyuter mov, qo'shiq ma'nosida u mov dasturlash bilan bahslashadi.  To'g'ri natijalarga erishish uchun siz quyidagi qoidalarni kiritishingiz kerak.
 
HTML tili World Wide Web xizmati bilan bir kechada paydo bo'ldi va u bilan bir vaqtda rivojlandi.  Vin - Butunjahon Internet tarmog'ining asosi va ayni paytda uning eng keng tarqalganligining sababi.
 
HTML

- fayl
 
HTML - fayl - matn fayli, kengaytirilishi mumkin .htm yoki .
html

 Veb-sayt HTML fayl sifatida saqlanadi.  HTML faylini yaratish uchun siz oddiy matn muharrirlari, masalan, Notepad yoki Word Pad va Web muharrirlari sifatida tvit yozishingiz mumkin.
 
HTML hujjat tuzilishi
 
HTML hujjati asosiy hujjat va standart belgilar to'plami kabi belgilash teglaridan iborat.
 
Barcha HTML hujjatlari aniq belgilangan tuzilishga ega bo'lishi mumkin.  Hujjat teg bilan boshlanib, yopiladigan boshqa teg bilan tugashi uchun aybdor.  Bu juft teglar brauzerga uning oldida haqiqiy HTML hujjati borligini bildiradi.
HTML hujjati quyidagilardan iborat hujjatning sarlavhalari va tanasini ajratdi, scho o'zi shu tartibda boradi.  Men qoidalarning sarlavhalarini teglar o'rtasida taqsimladim va umuman hujjat haqidagi ma'lumotlarni yashirdim.  Zokrema, uning qismi o'z teglari uchun qasos olish va hujjatning "rasmiy" sarlavhasi bilan almashishda aybdor edi.
Hujjat matnining o'zi kengaytirilgan hujjatning asosiy qismida.  Hujjatning asosiy qismi teglar va BODY> orasiga kengaytiriladi.  Amalda, bu asosiy teglarning o'z kunlari uchun joylashishini belgilash mumkin.  Buning uchun teglar kabi і  , shuningdek, agar jingalak teglar o'tkazib yuborilgan bo'lsa, u holda dastur - brauzerning o'zi joyni belgilashi mumkin, yomon hid aybdor.  Biroq, veb-saytlarni yaratishda qi teglarini tashlab qo'yish tavsiya etilmaydi.
Eng oddiy to'g'ri HTML hujjati.
 
 <
BOSH
>
 
 <
TITLE
> Hujjat nomiTITLE
>
 
BOSH
>
 
 <
TANI
>
  
TANI
>
 
teglar
HTML

 
Mova HTML maxsus rozmichalnyh ko'rsatkichlari - teglar tashkil topgan.  Ularni buyruqlar, ko'rsatmalar yoki HTML kodlari deb ham atash mumkin.
 
Teg brauzerga matnni qanday ko'rsatish kerakligini ko'rsatadigan ko'rsatmadir. 
 Barcha teglar kichikroq belgi bilan boshlanadi (<) и заканчиваются символом «больше» (>).  Bir nechta belgilar boshqacha nomlanadi jingalak yoylar. Apeks kamon Ide ochilishidan keyin kalit so'z, teg nimani anglatadi
 
Film HTML-ning teri tegi maxsus tan olinishi mumkin.  Teg nomlaridagi harflar ro'yxati muhim bo'lishi mumkin emas - teglar hujjatning asl matniga mos kelishi uchun katta harflarni yozmoqchi bo'lsangiz, kichik harflar kabi katta harflarga ham ko'z qisib qo'yishingiz mumkin.
 
Ikki turdagi teglardan foydalaning - yigitlar va juftlashtirilmagan.
 
O'g'il bolalar teglari- algebraik virazning dumaloq yoylariga o'xshash qaysi egri va egri chiziqlar.  O'sha oydan oldingi matnga badbo'y hid qo'shiladi, de live, o'sha oydan oldin, bu erda í̈x dííí ning oxiri belgisi ko'rsatiladi (yopiq teglar slash belgisi (/) bilan boshlanadi).
 
Misol uchun, <
 HTML > HTML >, <
 P>P>, H3 >
 
Bog'lanmagan teglar paydo bo'lgan joyda bir martalik effekt beradi, shuning uchun yopilgan abstraktga ehtiyoj yo'q.
 
Misol uchun, 
, , 
 
teg Veb-sayt haqida xizmat ma'lumotlarini olib yuradi va brauzer ekranida ko'rinmaydi: veb-saytni kodlash haqidagi barcha ma'lumotlar, muallif haqida, shuningdek saytda ko'rsatilishi kerak bo'lgan qidiruv uchun kalit so'zlar to'plami.
 
dumba.
 
Katlanadigan stollarga misol
   
Dumbadan ko'rinib turibdiki, Windows-1251-ning Viktoriya kodlash tomoni bugungi kun uchun eng kengaytirilgan bo'lib, tegni o'zingizga qaragan holda kiritish kifoya;  yon chiziq muallifi - Ivanov Ivan;  tomoni mavjudotlarga bag'ishlangan.
 
Hujjat brauzerda ko'rsatilganda teglarning o'zi ko'rsatilmaydi, lekin ular hujjatni ko'rsatish usuliga qo'shiladi. Hujjatdagi kechirim kalit so'zni bildiradi, chunki u mening HTMLimda ko'rinmaydi, ko'pincha teg e'tiborga olinmaydi.
 
Teglar atributlari
 
Ko'rsatilgan teglar ko'pincha teg effektiga qo'shilgan atributlarni almashtirishi mumkin.
 
Atributlar - barcha qo'shimcha kalit so'zlar, vodokremlení tegning kalit so'zi kabi va bitta bo'sh joy kabi.
 
Atributlar teng (=) belgisidan keyin yozilgan qiymatga ega bo'lishi mumkin.  Zavjda atributning qiymatini panjalarga qo'ydi (bitta taglik).  Panjalaridagi qator qasos olishda aybdor emas, shuning uchun panjalar o'zlarining o'rtasida.  Atributlarning ma'nosi uchun panjalaringizni tushirishingiz mumkin, chunki ular faqat keyingi belgilardan qo'shiladi:
 
ingliz alifbosining ramzlari;
intervallar;
defis (-).
Bundan tashqari, atributlarning qiymati uchun panjalarni tushirishingiz mumkin, chunki u faqat kelayotgan belgilardan qo'shiladi (texnik tushunchaga qayting. 

):
 
ingliz alifbosining belgilari ( A-Z, a - z)
raqamlar ( 0

 - 9

)
intervallar
defis ( -

)
shunday tarzda, WIDTH=80і  ALIGN=CENTER- uchun ruxsat etilgan qisqartma WIDTH="80"і  ALIGN="Markazga".
Yopiladigan teglar atributlar uchun qasos olmang.
 
murojaat qiling. FONT >
 

Izohlar
Xuddi shunday, barcha til dasturlarida bo'lgani kabi, dasturga sharhlar qo'shish mumkin (dasturning bir qismi bo'lmagan matn qatorlari) va HTMLni ko'chirishning imkoni yo'q.  Sharhni maxsus teg bilan boshlang.  Sharh har qanday belgilarni o'z ichiga olishi mumkin, bundan katta (>), i belgisidan tashqari, teglarni kirita olmaysiz.
Tegni pasaytirish printsipi
konteyner teglari
Biz allaqachon bilamizki, dunyo teglari ikki qismdan iborat - tse vídkrivaê (vín - atributlardan qasos olish uchun) va zakrivaê, tobto "kínets" tegi.  Mavhum parametrlardagi vazifalar faqat boshoq va boshoq o'rtasida, shuning uchun faqat tegning o'rtasida:

<начало 2-го тега>
matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn

<начало 3-го тега>
matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn
<Конец 3-го тега>
<Конец 2-го тега>
<Конец 1-го тега>
Chap chetiga qadam bosish vipadkoví emas - badbo'y hid tushunishni osonlashtirish uchun HTML kodini tashkil etuvchi dasturlar tomonidan avtomatik ravishda kiritiladi.  Dosit ozumíti, scho chim uzoq chap chetiga teg ko'rish uchun, tim "ko'proq" tomirlar yolg'on, Tim ko'proq "katta" teglar yangi bola ustida bo'lishi mumkin.
Shuni ham yodda tutingki, ichki o'rnatilgan teglarning ba'zi atributlari "eski" teglarga qo'shilishi mumkin.  Misol uchun, bu jadvallar, birma-bir uyalar uchun odatiy holdir. 
Agar ichki jadval 100 vazifa hajmiga ega bo'lsa, tashqi jadvalning o'lchami 100 pikseldan kam + ramka kengligi bo'lishi mumkin emas.  Bunday martabada stolga yak bi "rozpiraê" qo'yiladi, ya'ni yakka von qo'yiladi.  Agar shunday bo'lsa, undagi vazifalar sonini kengaytirish shart emas, lekin undagi matnlar soni muhim, siz bunday o'lcham uchun "eski" jadvalni ochasiz, bu esa ko'p sonli qatorlarni ko'rsatish uchun zarurdir. matn.  Bu "qayta qo'ng'iroq" deb ataladi.
Amaliy robot №1
"Eng oddiyni yaratish
veb

-Storinki"
Maqsad: Bloknot matn muharririda veb-saytlarni yaratishni o'rganing.
Vkazivki vikonannya uchun
Quyida ko'rsatilgandek HTML hujjati uchun yangi tuzilmani kiriting:
Eng kichik birodarlarimiz haqida.
Bu erda siz to'g'ri veb-qismni topasiz
Faylga index .htm nomini berib saqlang.
Yaratilgan faylni oching.  Brauzer oynasida faylning yaratilishini qanday ko'rishingizni ko'rishingiz mumkin.
Brauzeringizni yoping.
Bloknotda saqlangan faylga o'ting.
Keyingisidan oldin oldindan o'zgartirish kiriting: "Veb-tarmoq o'zgarishi shu erda joylashtiriladi" so'zlarini almashtiring, quyidagilarni yozing: Mening birinchi tomonim

.
Ketma-ket <

TITLE>

ayting: "Uy tomoni (sizning ismingiz bu ism)."
Faylni 2.htm sahifasi sifatida saqlang.
Natijani brauzerda ko'rib chiqing, agar kerak bo'lsa, Notepad yordami yordamida faylni tahrirlang.
2-mavzu: HTML teglari
Jismoniy va mantiqiy matn formatlash teglari
Shrift formatlash
.

 Matnni formatlash uchun juda ko'p elementlar mavjud.  Siz qo'shimcha an'anaviy elementlardan foydalangan holda matnni formatlashingiz mumkin: bo'laklarni kursiv, qalin shrift bilan ko'ring, shriftni tanlang, shriftni kengaytiring va ranglang, matn qismlarini teskari aylantiring.  Agar muallif matnni formatlashning oddiy variantlariga ega bo'lmasa, siz HTML formatlash imkoniyatlarini kengaytiradigan uslublar jadvaliga o'tishingiz mumkin.
Keling, matnni formatlash imkonini beruvchi standart HTML kino elementlarini ko'rib chiqaylik.
Shrift- Barcha jadvallardagi ko'rinadigan tasvirlar kodini o'zgartiring. 
Klaviaturaning teri tugmasi OT tomonidan tan olingan qo'shiq kodini beradi (operatsion tizim, asosan Windows yoki Linux / Unix). 
Shu tarzda, singl shriftini tanlab, tizim belgilar jadvalidagi klaviatura yorliq kodini tasvir harfi yoki belgisi shrifti bilan almashtiradi.  Teri shrifti - tse fayli.  Tasvirni teri tugmasiga tayinlangan harflar, raqamlar va belgilar bilan almashtirish uchun ishlatilishi mumkin bo'lgan fayl.  Shriftni kiritish - qo'shimcha sozlash jadvallari bilan fayl faylini o'z ichiga oladi.  MS Windows tizimlari uchun tizimdan bir vaqtning o'zida etkazib beriladigan shriftlar tanlovi mavjud - ce:
Arial
Arial
Kuryer yangi
Kuryer yangi
Comic Sans
Komik Sans
Times New Roman
Times New Roman
Verdana
Verdana
Ushbu shriftlardan charm o'ziga xos dizayn va uslubda oldindan rechikdir.  Eng katta kengayish Arial hisoblanadi.  Barcha shriftlar sizning kelajak tomoningizdagi barcha fikrlarning 90% bo'lishi mumkin.  Charm shrifti - Windows papkasida/shriftlar/*.ttf alohida fayl.  HTML-dagi shriftni boshqacha ko'rinish uchun qanday o'zgartirish mumkin? 
<
SHIFT
>…
SHIFT
> shrift turiga, rozmíru va rangiga qarab.  Ushbu parametrlarning barchasi qo'shimcha tegishli atributlar uchun tayinlangan.
Shriftning mutlaq o'lchami atribut tomonidan o'rnatiladi size
(taxminan).  Ushbu atribut 1 dan 7 gacha qiymatlarni olishi mumkin, bundan tashqari, 1-o'lchamdagi shrift eng kichik, 7-chi esa eng katta. 
murojaat qiling.
matn kengaytirilgan 1 
matn kengaytirilgan 2 
matn kengaytirilgan 3 
matn kengaytirilgan 4 
matn kengaytirilgan 5
matn kengaytirilgan 6 
matn kengaytirilgan 7
Bu yerda tinch - uzoq ONT>. 
Dizaynda vikorist birinchi chotiri bibariyani eshitadi.  Ko'proq narsa, iflos ohang va havaskorlik belgisi, ko'proq joy egallaydi va o'qish muhimdir.  To'g'ri, kattaroq o'lchamlar uchun turg'unlik mavjud.  Misol uchun, siz bir xil rozmírom (kobning birinchi harfi) bilan boshlang'ich harfni yozishingiz mumkin: T matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn matn. 
Ayni paytda biz shriftning o'zini tanlashimiz mumkin, u matnni ko'rsatish uchun tanlanadi.  Atribut bilan kurashing yuz (qarash).
murojaat qiling.Ushbu shrift arial o'lchami 3 ONT > 
 FONT matn > 
 Yak bachimo, e bu ikki atribut - rozmír va shrift turi - siz tezisda be-yakíy ketma-ketlikni roztashuvat qilishingiz mumkin. : 
Bundan tashqari, vikoristuvati atributi ham mumkin rang (rang). Rangni chaqirish yoki raqam, biz o'n oltinchi tizimda yozamiz, masalan, rang = "#ff 0000", yoki men uni faqat ingliz tilida yozilgan deb ataymiz, masalan, rang = "qizil". murojaat qiling. Tse ko'k rangli shrift FONT > 
Bu shrift arial o'lchami 3, rangi ko'k FONT > 
 Shrift ham bo'lishi mumkin: zaif (kursiv), qalin, pastki krestal, o'zaro faoliyat, yuqori chiziq, yuqori chiziq, shuningdek, belgilangan tasvirlardan foydalaning.  Teglar orqali erishish mumkin:  
<
I
>
matnI
> 
<
B
>matnB
> 
<
U
>
matnU
>
<
S
>
 matn S
>
<
SUP
>
 matn
 SUP
> 
<
SUB
>
 matn SUB
>,

va shuningdek, í̈x podnannyam, masalan,  <U
> matn
 U>B> 
Paragrafni formatlash.
 Ko'pgina hujjatlar asosiy funktsional bo'limlarga ega sarlavhalarі  paragraflar Veb-hujjatlar juda muammoli.  HTML-dagi eng muhim paragraflarni aniqlash uchun teg tegidan foydalaning
…P
>
(Paragraf).  Bundan tashqari, siz haqoratli element sifatida faqat kob tegini yutib olishingiz mumkin
tajovuzkor paragrafning boshi va frontning oxirini anglatadi.  Sokin vaziyatlarda, agar o'zgartirishdan so'ng xatboshining tugallanganligini ko'rsatish kerak bo'lsa, siz yakuniy tegni tanlashingiz mumkin. 
Bir vaqtning o'zida paragrafning tegidan siz iqtibos keltirishingiz va atribut qilishingiz mumkin tekislash:
align = "chap" - chapga tekislash; 
align = "o'ng" - o'ngga tekislash; 
align = "markaz" - markazda tekislash. 
dumba.
Razdel 1P > 
 
Animatsiya > 
 
tomoni  3P>
Moví HTML-da paragraf chizig'ini ("qizil qator") yaratish uchun hech qanday qulaylik yo'q, shuning uchun paragraflar orasidagi matnni aniq o'qish uchun brauzer bo'sh qatorni kiritishga chaqiradi.  Qoida tariqasida, paragraf yaratmasdan yangi qatorga o'tishni o'zgartirish kerak, bitta teg tanlanadi 
.  Xuddi shu taqsimot joyida qator tugaydi va qolgan matn yangi qatordan boshlanadi.  Tsej teg qo'lda vikoristovuvaty, schob, masalan, stovpchik da oyatlarni yozish: 
Ular tibbiy xodimni sudga kiritishdi, 
Ular vevedkaning panjasini yirtib tashlashdi, 
Men baribir yoga bilan shug'ullanmayman, 
Chunki vino mehribon. 
Brauzer ekranida biz chotirivirsh yozishning standart tartibidan foydalanamiz.
Hujjatning turli qismlarini birma-bir vizual ravishda birlashtirgandek, matnda alohida bo'linmalar - gorizontal chiziqlar - chiziqlar yaratish muhimdir.  Gorizontal chiziq bitta teg bilan yaratiladi.  Yoga yordamida siz tomonni qismlarga osongina ajratishingiz mumkin.  Dissertatsiyaga bir qator atributlarga ruxsat beriladi:
Virivnyuvannya
align = "chapga"
align = "markaz"
tekislash = "o'ng"
tekislash = "oqlash"
O'rtoqlik va Dovjina liniyasi
 piksellarda.
Hajmi = 3 (pikselda kenglik)
kengligi = 300 (pikselda uzunlik)
kenglik = 100% (kenglik)
Chiziq rangi
rang = "qizil"
HTML tili hujjatdagi oltita teng ichki sarlavhalarni qo'llab-quvvatlaydi.  hidlar teglar bilan ko'rsatilgan víd
…
oldin
…
. 
Birinchi qatorning sarlavhasi eng kattasi, oltinchi qatorning sarlavhasi esa eng kichiki.  Sarlavhalar uchun atributlarni chapga, markazga, o'ngga ajratib ko'rsatishingiz mumkin. 
dumba.Eng katta sarlavha 
Eng kam sarlavha 
Uy hayvonlari
 
Mantiqiy matn formatlash
.

 Ushbu nuqtada biz teglarni ko'rib chiqishimiz mumkin, ularning ta'siriga kelsak, ular shriftning o'lchamini, rangini va tasvirini o'rnatadigan teglarni taxmin qilishadi.  Shuni ta'kidlash kerakki, bu teglar matnning haqiqiy kuchini samarali tasvirlaydi.  Tse matnni turli xil brauzerlarda boshqacha ko'rsatish mumkinligini anglatadi, ammo agar biron sababga ko'ra shrift effektlarini blokirovka qilish imkoni bo'lmasa, bu holda kafolatlar ta'sirini keltirib chiqaradi.  Bu teglarning barchasi birlashtiriladi va matnga qo'shiladi, teglar orasidagi tartibga solinadi, ular egri va yopiladi.  Obs'yazkovy yorlig'ini yopish. 
teg  …
 tirnoq, nom kitoblar uchun vikoristovuêtsya.  Ovoz kursiv bilan chiqariladi. 
HTML parchalari kompyuterlardan foydalanadigan odamlar tomonidan yaratilgan, kompyuter dasturlarida matnlarni taqdim etish va ular bilan o'zaro ta'sir qilish natijalari uchun teglarning butun guruhi tan olingan. 
teg <
KOD
>…
KOD
>
 Bir intervalli shriftda (asosan Courier shrifti) tovush chiqaradigan kompyuter dasturining chiqish matnini ko'rsating, ya'ni belgilangan o'lchamli shrift. 
teg <
KBD
>…
KBD
>
 matnni formatlash, bu monofazo qalin shriftga o'xshash klaviatura yordamida buti (yoki buv) kirishlari tufayli.  Inglizcha klaviatura turi - klaviatura 
dumba.
 
Windows-ni ishga tushirish uchun quyidagilarni kiriting: g'alaba qozonish. 
Kod:
Windows-ni ishga tushirish uchun yozing: win 
teg  …
 matnni namuna sifatida belgilang.  Dasturlar bo'lishi kerak bo'lgan matnni tushunish uchun Vikoristovuetsya.  Bir bo'shliqli shriftda ko'rsatiladi. 
dumba. 
 Ajoyib matn 
teg  …
 vikoristovuêtsya vídílennya zminnyh í listing dasturida.  Ovoz, bunday matn kursiv bilan ko'rsatiladi.  Ingliz tili turi var qobiliyatli - o'zgaruvchan. 
Butt. 
A,
B,
C 
Kod: 
A, B, C
 
teg <
EM
>…
EM
>
 vykoristovuetsya matn elementlarini ko'rish (kursivdagi tovush). 
teg <
KUCHLI
>…
KUCHLI
>
 matn elementlarini kuchli ko'rish uchun vykoristovuetsya (qalin shriftda). 
dumba. 
 Ajoyib matn 
Va bu erda tanlangan tegdan matn .
Bu erda parchalar dizaynni ko'rish ma'nosida g'alaba qozonadi, teglar o'rniga teglarni yutib olish tavsiya etiladi. і<


B
>.


 
Amaliy robot raqami 2
 
“Veb-saytda matnni formatlash”
 
Maqsad: Veb-saytdagi shrift va matnni qanday formatlashni bilib oling.
 
Vkazivki vikonannya uchun
 
Element ichida<
TITLE> “P/r No. 2” tomon nomini kiriting.
Kichkina matnda ko'rsatilganidek, kiruvchi matnni bayonotlargacha (kursivda yoylarda berilgan) mos ravishda formatlang.
Uy hayvonlari 
(sarlavhaH
1)
 
(Markazda ko'rish)
 
Itlar
 
(sarlavhaH
2)
 
(Markazda ko'rish)
 
Qo'riqchilar
 
(Virívnyuvannya zlíva, qalin shrift)
 
Mislivski
 
(teskari o'ng qo'l, qalin shrift)
 
Kiyinish
 
(Markazda, qalin kursiv)
 
Klubi Vistavki Maydanchiki
 
(markazda ta'kidlangan, shrift o'lchami 10, shrift rangi qora, shriftArial
)
 
Virsh
 
(Shrift rangi ko'k, shrift o'lchami 6, tekislash markazda)
 
Bir umr kamtarman,
 
Ovatsiya shart emas
 
Salom, men yaxshiman
 
Men snaryadga hayronman!
 
(Chapga tekislash, shrift o'lchami 6)
 
Ro'yxatlarni yaratish
 
 Belgilangan ro'yxatlar.
 Ro'yxat asl matnga muvofiq ko'rib chiqiladi, shuning uchun Koristuvachev paragraflarni raqamlash haqida o'ylashning hojati yo'q: men buni o'zimga olaman.  Agar ro'yxat yangi elementlar bilan to'ldirilgan bo'lsa yoki u qisqa bo'lsa, raqamlash avtomatik ravishda tuzatiladi.  Dasturning turli xil raqamlanmagan ro'yxatlarida teri nuqtasi oldiga markerlarni qo'ying: kukhli, to'rtburchaklar, romblar yoki boshqa tasvirlar.  Natijada, ro'yxat qo'llanmaga o'xshaydi.
 
Raqamsiz ro'yxat yaratish uchun teglar:
 <
LI
>
UL
>
 teg 
ê o'zlarining ramkali ro'yxati.  Vin sizga boshqa turlarning bitta ro'yxatini qo'shish imkonini beradi.  teg
ponksiyonlardan terini belgilang. 
dumba.
 

1-band ro'yxati 
2-band ro'yxati 
3-band ro'yxati 

Ekran ko'rinishi:
 
1-band ro'yxati
2-band ro'yxati
3-band ro'yxati
Raqamlangan ro'yxat yaratish uchun teglar: <
O
L><
LI
>
OL
>
 

Raqamlangan ro'yxatlar.
 Tartiblangan ro'yxatning tuzilishi tartibsiz ro'yxatning tuzilishiga o'xshaydi.  Tegni ramkalash uchun ramkalar
.  Teri buyum arab chi rim raqamlari, lotin alifbosi harflari bilan raqamlangan.
dumba.
 

1-band ro'yxati 
2-band ro'yxati 
3-band ro'yxati 
O L>
 
Ekran ko'rinishi:
 
1-band ro'yxati
2-band ro'yxati
3-band ro'yxati
Raqamlash usuli qo'shimcha atributga tayinlangan turi.  Jadvallarda barcha raqamlash usullari mavjud:
 
Raqamlash turi
 
Amaliy robot raqami 3
 
"Raqamlangan va raqamlanmagan ro'yxatlarni yaratish"
 
Tsyl
:
 veb-saytlarda ro'yxatlar yaratishni o'rganing.
 
Vkazivki vikonannya uchun
:
 
1
.  Notepad muharririda yangi veb-sayt yarating.
 
2
.  Element ichida .
 
Mening birinchi tomonim
 
3) Hujjatning asosiy qismi.
 
Hujjatning uchinchi bosh qismi uchinchi tanadir.  U sarlavha yonida joylashgan va teglar orasida joylashgan і.  HTML hujjatining tanasi - bu muallif HTML yordamida formatlangan ma'lumotlarni yozishi mumkin bo'lgan joy.
 
Mening birinchi tomonim .................................................
 
Endi biz tomonimizning HTML kodini yozishimiz mumkin:
 

 
Matnni formatlash
 
BODY taqsimotida barcha jadval belgilari va oxirgi qator brauzer tomonidan e'tiborga olinmaydi va hech qanday tarzda displey tomoniga to'kilmaydi.  Shuning uchun HTML hujjatining tashqi matnidagi qatorning siljishi matndagi yangi qatorning boshlanishiga olib kelmaydi, bu maxsus teglar mavjudligiga qarab ko'rinadi.  Ushbu qoidani eslab qolish va qatorlarni ajratib turadigan teglarni qo'yishni unutmang, aks holda matnda paragraflar bo'lmaydi va siz o'qib bo'lmaydigan bo'lib qolasiz.
 
Yangi qatorning kobi uchun teg g'alaba qozonadi 
(qisqa shakl inglizcha break - interrupt).  Ushbu teg brauzer tajovuzkor qatorning pastki qismidagi matnni ko'rsatmaguncha ko'rsatilishi kerak.  Yangisi uchun yopiladigan teg teglanmaydi.  Vín zruchny, chunki yangi xatboshi boshlanmasdan, masalan, tepada, yangi qatordan yozishning har oy uchun zarur.  Qayta-qayta, bu tanlov yon tomonning oldinga siljishini pastga surib, bitta yoki bo'sh qatorlarni kiritish imkonini beradi.
 
Bo'shliqsiz bunday matnni o'qish oson emas;  Paragraflarga bo'lingan matn boy, chaqqon tarzda olingan.  Yangi paragrafning boshlanishi uchun teg qo'shiladi
 
(ing. paragraf - paragraf).  Bu teg, yangi qatorni qirib tashlang, bitta bo'sh qatorni kiriting.  Tegning o'rta kamonidan foydalaning, uni krem ​​deb atashingiz mumkin, siz atributlarni ham joylashtirishingiz mumkin (inglizcha atributlar - atributlar).  Nomda va oʻrtasida boʻshliq (bitta yoki dekilkoma) sifatida kuydiriladi va u atribut nomi = “maʼno” sifatida yoziladi.  Tozalash uchun qasos olmaslik muhim bo'lsa, unda panjalarni tushirish mumkin, ammo bu kabi ishlash tavsiya etilmaydi.  teg 
 
Misol uchun, hech qanday yo'l yo'q, yangi teg old tomonni yopish degan ma'noni anglatadi, aniqki, depozitlar mumkin emas.  Matnni markaz bilan tekislash teg bilan ham amalga oshirilishi mumkin.
 
Endi biz veb-saytimizda turli tahrirlardan quyidagi matnni joylashtirishimiz mumkin:
 
Mening birinchi tomonim
 
Bu mening alohida tomonim bo'ladi!
 
Siz ular haqida bilib olishingiz mumkin: - men haqimda va mening yig'imlarim haqida gapirib bering;  - mening rasmlarim.
 
Mening bir tomonimdan siz menga kichikroq elektron varaqni yuborishingiz mumkin.
 
HTML hujjatining o'zi yaqinidagi qatorlar va yorliqlar qatori belgilarini ishlab chiqish uchun teglarning kriminal tanlovi.  Tegni kim uchun ishlatasiz.  Teglar orasiga joylashtirilgan va o'zgarishsiz ko'rsatiladigan barcha matnlar, shuning uchun bir nechta qatorlar va jadvallardan foydalanish kerak.
 
Misol uchun:
 
Tsey matni imlosi ikki qatordan iborat.
 
HTML hujjatlari, matndan tashqari, gorizontal ajratilgan chiziqlarga ega bo'lishi mumkin.  Xushbo'y hid, xuddi matn kabi, bir xil eski fayllarni e'tiborsiz qoldirmaydi.  Teg tomoni vzdovzh usíêí̈ eni bir bo'g'imning gorizontal chizig'ini vivede.  Gorizontal chiziq satrning ochilishigacha qurilishi kerak, lekin chiziq orasidagi bo'sh qatorlar matn tomonidan e'lon qilinmaydi.  Teg sprat atributini almashtirishi mumkin.  va o'limning ahamiyatsiz ta'siridan kontur chizig'ini bering.  ijtimoiy qora chiziq bering.  Chiziq tomonning butun kengligi bo'ylab cho'zilmasligi mumkin, lekin uning bir qismidan kamroq bo'ladi.  WIDTH atributi chiziqning kengligini piksellardagi butun tomonning kengligi yoki piksellarda o'rnatadi.  Masalan, 50% - sahifaning yarmi kengligi, 400 - 400 piksel kengligi.  ALIGN atributi tegga o'xshash qiymatlarni qabul qilishi mumkin, ammo standart qiymat markazlashtirilgan.  SIZE atributi chiziq kengligini 1 dan 175 gacha piksellarda belgilaydi;  umovchannyam 1 uchun, ale yakshcho (chiziq - kontur), keyin o'rtoqlik qo'shiladi, bu halokatning trivimir ta'siri uchun zarurdir.  Paragraflar tartibidagi satrlar matnning mantiqiy qismlarini ko'rish imkonini beradi.  Ammo ko'plab gorizontal chiziqlar mavjud bo'lib, ular sizning veb-saytingizni ko'rish uchun qabul qilinishi mumkin emas, shuning uchun teri paragrafidan keyin ularning izi qolmaydi.  Ko'p shoxlarni ko'rish uchun hid ko'proq mos keladi.



    

        

            
Facebook
            
Twitter
            
Bilan aloqada
            
Google+
        
    
     Buzilishlar
   


						
			


			
			

    
Siz ham kiyishingiz mumkin
     

        
    
 
    

        

            
Faqat sabab 2 internetsiz ishlamaydi
        
        
    
 

        
    
 
    

        

            
Muammolarni bartaraf etish usullari
        
        
    
 

        
    
 
    

        

            
Skyrim ishga tushirgichdan fayllarni yuklab olmaydi