Tinklalapių kūrimui naudojama kalba. Interneto puslapių kūrimas papildomam HTML. Mova HTML ir jogos žymos

Įėjimas

1. Pagrindinė informacija

1.1 Apie mov html

1.2 Svetainės kūrimas

1.3 Bendrosios nuostatos

1.4 Dokumento struktūra

1.5 Dokumento korpuso žymos

1.6 Pagrindinių html žymų sąrašas

2. Papildoma informacija

2.1 Žymų sąrašas

2.3 Grafika dokumento viduryje

2.4 Stilių įtraukimas į dokumentą

2.5 Tinkintos html žymos

2.6 Html forma

2.7 HTML rėmeliai

2.8 Html lentelės

2.9 Grafikos optimizavimas žiniatinkliui

2.10 CSS pagrindai

3. Svetainės sukūrimo aprašymas

3.1 Paruošimas

3.2 Sulankstoma galvutė

3.3 Antrosios pusės sukūrimas

3.4 Šalies bendradarbiavimas su vietos aprašymu

3.5 Foto pusė

3.6 Programų puslapis

3.7 Storinka su podiakais

Visnovok

Pergalingos literatūros sąrašas

Įėjimas

Šis darbas skirtas mano HTML. Norėdami gauti papildomos pagalbos, failai sukuriami su *.htm ir *.html plėtiniais, kurie yra žiniatinklio pusės. Iš jų formuojamos svetainės ir internetas.

Prieš baigiant baigiamąjį darbą, svetainė yra tarsi pavyzdys, ką galite padaryti HTML kalbos pagalba.

Visas darbas suskirstytas į 3 skyrius. Pirmasis skyrė daugiau užduočių pagrindinių HTML žymų aprašymui. Sužinosite visą reikiamą informaciją apie tai, kaip sukurti paprastus interneto puslapius. Kitame dalijosi informacija apie tai, kaip pagerinti seną dokumento išvaizdą ir padaryti tai įmanoma. O trečiasis išdalino aprašymą, kaip buvo sukurta svetainė, priedus prie baigiamojo darbo. Naujoje ataskaitoje aprašomas antrasis nelengvo darbo mėnuo kuriant svetainę, pasakojama apie skirtingus atleidimus, kai jie taisomi, apie sunkius įvaikinimo būdus.

Perskaitę tai, jei esate robotas, būk žmogus, išmokite programuoti, galite suprasti programavimo pagrindus HTML kalba. O tie, kurie žino, gali ir patys ką nors naujo sužinoti.

1.1 Pro mov HTML

Hiperteksto žymėjimo kalba (HTML) yra standartinė kalba, pripažįstama kuriant hiperteksto dokumentus WEB aplinkoje. HTML dokumentus galima peržiūrėti įvairių tipų WEB naršyklėse. Jei dokumentas sukurtas iš HTML versijų, žiniatinklio naršyklė gali interpretuoti HTML, kad matytų įvairius dokumento elementus ir jų pirminį apdorojimą. HTML wiki leidžia suformatuoti dokumentus, kad jie būtų pateikti, naudojant įvairius šriftus, linijas ir kitus grafinius elementus bet kurioje juos peržiūrinčioje sistemoje.

Daugumoje dokumentų yra standartinių elementų, tokių kaip pavadinimas, pastraipos arba sąrašai. Naudodami HTML žymas galite pažymėti šiuos elementus, palikdami WEB naršyklėms minimalią informaciją šiems elementams rodyti, atsižvelgiant į bendrą dokumentų struktūrą ir informacinį išsamumą. Viskas, ko jums reikia norint skaityti HTML dokumentą, yra žiniatinklio naršyklė, kuri interpretuoja HTML žymas ir pateikia dokumentą priešais jus esančiame ekrane, kurį autorius mano, kad turėtumėte.

Dažniausiai dokumento autorius aiškiai apibrėžia pirminę dokumento išvaizdą. HTML skaitytuvo metu, remiantis žiniatinklio naršyklės galimybėmis, galite apdainuoti pasaulį su pažįstama dokumento išvaizda (nors ir ne joga). HTML leidžia nurodyti, ar dokumentas yra atsakingas už papildomos HTML žymos antraštę ar pastraipą, o tada leisti žiniatinklio naršyklei interpretuoti šias žymas. Pavyzdžiui, viena žiniatinklio naršyklė gali atpažinti žymą pastraipos pradžioje ir tinkamai pateikti dokumentą, o kita neturi tokios pat galimybės pateikti dokumentą vienoje eilėje. Kai kurios žiniatinklio naršyklės taip pat gali reguliuoti šrifto dydį ir tipą, spalvą ir kitus parametrus, kurie turėtų būti pridedami prie dokumento rodymo.

HTML žymas galima sumaniai suskirstyti į dvi kategorijas:

1. Žymos, nurodančios, kaip žiniatinklio naršyklė parodys visą dokumento turinį.

2. Žymos, apibūdinančios bendrą dokumento autoritetą, pvz., dokumento pavadinimą arba autorių.

Atminkite, kad pagrindinis HTML pranašumas yra tas, kad jūsų dokumentą galima peržiūrėti skirtingų tipų žiniatinklio naršyklėse ir skirtingose ​​platformose.

1.2 sulankstyti Interneto svetainė

HTML dokumentus galima kurti naudojant teksto rengyklę arba specializuotus HTML redaktorius ir keitiklius. Redaktorius, kuris bus naudojamas kuriant HTML dokumentus, pasirenkamas siekiant suprasti odos autoriaus aiškumą ir ypatingą panašumą.

Pavyzdžiui, HTML redaktoriai, tokie kaip Netscape Netscape Navigator Gold, leidžia kurti dokumentus grafiškai naudojant WYSIWYG (What You See Is What You Get) technologiją. Kita vertus, daugumą tradicinių dokumentų kūrimo įrankių gali konvertuoti keitikliai, leidžiantys konvertuoti dokumentus į HTML formatą.

Visos HTML žymos prasideda "<" (левой угловой скобки) и заканчиваются символом ">(dešiniosios viršūnės lankas). Paprastai naudokite pradžios ir pabaigos žymas. Užpakaliui užvedame antraštės žymas, kurios nurodo tekstą, esantį pradžios ir pabaigos žymų viduryje ir apibūdinantį dokumento pavadinimą:

Dokumento pavadinimas

Galutinė žyma atrodo taip pat kaip pradžios žyma ir skamba kaip naujas tiesioginis pasvirasis brūkšnys prieš tekstą viršūnės viduryje. Kieno programa turi žymą nurodykite žiniatinklio naršyklei atspėti pavadinimo formatą ir žymą- apie pavadinimo teksto užbaigimą.

Deyaki etiketės, taigi, jakas

(žyma, apibrėžianti pastraipą), nepamirškite paskutinės žymos, tačiau ji taip pat pagerina dokumento išvesties teksto skaitomumą ir struktūrą.

HTML nereaguoja į simbolių, apibūdinančių žymą, atvejus, o užvedus pelės žymeklį anksčiau, pavyzdys gali atrodyti taip:

Dokumento pavadinimas

Pagarba! Interneto naršyklė, interpretuodama dokumentą, nepaisys papildomų spragų, lentelių ir vežimėlio pasukimo simbolių, kurie pridedami prie HTML dokumento išvesties teksto, kad būtų geriau skaitoma. HTML dokumente gali būti kitų elementų aprašymų, tik jei jie yra žymų viduryje

І
. Pranešti apie žymas
Tai bus parašyta žemiau.

Jei žiniatinklio naršyklė priima dokumentą, ji parodo, kaip dokumentas gali būti interpretuojamas. Pirmoji dokumente pasirodžiusi žyma gali būti žyma . Ši žyma nurodo žiniatinklio naršyklei, kad jūsų dokumentas parašytas HTML. Minimalus HTML dokumentas atrodo taip:

Dokumento turinys...

Dokumento antraštė . Dokumento antraštės žyma yra atsakinga už citatą šalia žymos ir daugiau niekur neprilygsta dokumento pavadinimui. Tsey žyma yra bendras dokumento aprašymas. Unikalus rozmіschuvat ar tekstas žymos viduryje . Pradėti žymą dedamas tiesiai prieš žymą ir kitos žymos, apibūdinančios dokumentą, ir pabaigos žyma</HEAD> bus paskelbtas, kai tik bus baigtas dokumento aprašymas. Pavyzdžiui:</p> <p><TITLE>Spivrobitnik sąrašas

Pagarba! Techniškai pradžios ir pabaigos žymos tipas , і neobov'yaskovі. Taip pat šioms žymoms rekomenduojama naudoti balses, žymų balses, kad interneto naršyklė galėtų atskirti dokumento antraštės dalį ir vidurinę dokumento dalį.

Dokumento pavadinimas . Dauguma žiniatinklio naršyklių rodomi vietoj žymos <TITLE>lango antraštėje, kaip ištrinti dokumentą ir žymių faile, taip pat vin palaiko WEB naršyklė. Pavadinimas, pažymėtas <TITLE>і, dedamas per vidurį -tags, kaip parodyta aukščiau programoje Dokumento pavadinimas nerodomas, kai dokumentas rodomas lange.

Dienos metu IT sfera vis platėja ir auga, geriama nuo svetainių kūrimo. Tse gaminti į zbіlshennya kіlkostі fahivtsіv, yakі pasiruošę imtis svetainės kūrimo ir jogo paramos. Tačiau daug tokių interneto majstrіv koristuyutsya nemokami dizaineriai ir netgi gali būti nepastebimi programavimo ir techninės saugojimo svetainėje. Beprotiška, patogumas, dizainas ir turinys yra dar svarbesni, tačiau techniškai silpna svetainė su atleidimu kode negali atnešti sėkmės. Todėl svetainių kūrimui gali prisiimti mažiau nei tie fakhivtsy, tarsi jie galėtų jas užprogramuoti kalba ir būtų pasirengę išplėsti svetainę nuo nulio.

Kokius filmus reikia žinoti kuriant svetaines?

Dosvіdchenі rozrobniki mokyklų mainai, mokyklų mainai pasirinkti movi programuvannya į pūdymą vіd ​​turtingas veiksnių. Tačiau supratus, kad idealaus sprendimo tiesiog nėra, odos variantas gali turėti savų privalumų ir trūkumų. Tą kalbą reikia pasirinkti kaip geriausią priemonę iškeltoms užduotims atlikti. Mityba, kaip reikia žiūrėti priešais jį, kaip kalbos pasirinkimas:

  • serverio platforma;
  • serverio programinė įranga;
  • informacijos buvimas sukurtose svetainėse;
  • Pasirinkta duomenų bazė.

Populiariausi filmai

Interneto svetainė Populiarumas
(Unikalūs mėnesio įrašai)
priekinė dalis
(Klientas)
back-end
(serveris)
Duomenų bazė
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 duomenų bazė
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 serveris
eBay.com 285,000,000 Java, JavaScript, Scala Oracle duomenų bazė
msn.com 280,000,000 ASP.NET Microsoft SQL serveris
Microsoft 270,000,000 ASP.NET Microsoft SQL serveris
Linkedin.com 260,000,000 Java, JavaScript, Scala Voldemortas
pinterest 250,000,000 Django, Erlangas MySQL, Redis
wordpress.com 240,000,000 PHP, JavaScript (Node.js) MariaDB, MySQL

PHP. Jogos pagrindu – paprasčiausias kalbos žymėjimas, HTML. PHP pov'yazuє koristuvach іz serverio dalis. Pats mano tokių funkcijų įgyvendinimo tikslas, kaip grįžtamosios nuorodos forma, registracijos laukai yra per ploni. Sintaksė tієї movi paprasta ir tiesiog vivchiti. Komercinio portalo sukūrimui neapsieinama be PHP, tam, kuriam reikia paimti koristuvach kontaktinius duomenis nauju paprasčiausiu būdu. Pagrindinis filmo pranašumas yra tai, kad vikoristovuyuchi її programuotojai gali greitai ir be zayvih zusil sulankstyti dinamines puses.

Python. Rusiška joga dažnai vadinama „pitonu“. Tse vysokorіvneva mova, jakų vikoristovuєtsya už aukšto rango zavdan, labiausiai už vykonannya zavdan serverį. Jogo orientacija – programuotojo produktyvumo gerinimas ir kodo skaitymas. Jei reikia pagalbos, galite sukurti atsarginę gausaus programavimo paradigmų rinkinio kopiją. Python veikia automatiškai Windows ir Linux serveriuose.

Rubi. Rusiška joga dažnai vadinama „rubiu“. Tai dinamiška, atspindinti ir aukšto lygio OOP (objektinio programavimo) kalba. „Win“ suteikia galimybę įgyvendinti turtingą srautinį perdavimą bet kurioje OS, taiko griežtą dinamiškos išvaizdos tipą ir gali turėti nedaug kitų parinkčių. Rubino sintaksės charakteristikomis ji yra artimiausia Eifelio ir Perlo analogams. Be to, už Python yra keletas detalių.

A.S.P. Šią kalbą platino „Microsoft Corporation“. Norėdami gauti papildomų technologijų, galite atsisiųsti programas, skirtas www.asp. Filmų platformos: Interneto informacijos serveris (IIS) ir Windows NT. ASP galima nesunkiai pavadinti savo, tai brangesnė už programos prisijungimo prie interneto technologiją. Visi ASP pranašumai yra paprastas scenarijus mov ir galimybė įkelti trečiosios šalies COM elementus.

JavaScript. „Javascript trohi“ principas skiriasi nuo kitų programavimo kalbų. Tai yra tiesioginio ryšio su HTML failu antraštė. Scenarijus, „JavaScript“ pagrindu sukurti kūriniai, apdoroti vertėjo, įgyvendinti naršyklės. Qia mova vykoristovuetsya už platų užduočių spektrą: dinaminių pusių kūrimas (jų turinį galima keisti, siekiant pagerinti dokumentą);

Virishennya mіstsevyh zavdan; formų užpildymo teisingumo patikrinimas prieš kitą pateikimą serveriui.

Didelės judėjimo galimybės paaiškinamos її populiarumu. Taigi, norėdami padėti „JavaScript“, galite:

  • keisti į šoną: pridėti arba išvalyti tekstą, keisti stilius ir žymas;
  • reaguoti į yakіs podії (pavyzdžiui, į pelės paspaudimą) ir laimėti nurodytą funkciją;
  • patikslinti priminimus, nustatyti ir skaityti slapukus, tikrinti įvestų duomenų teisingumą;
  • importuoti naujus duomenis iš naujo neimportuojant dokumento ir į.

perl. Šio mov pradžia buvo parašyta programos kūrimui, nes jie įveikė įvairias užduotis vienu scenarijumi, kad būtų atliktas visas užduoties kompleksas: teksto apdorojimas, administravimas ir kt. Šiandien „Pearl“ daugiausia laimi už CGI priedų kūrimą. Vіn padeda administruoti serverius ir kitas sistemas. Zavdyaki scenarijų rašymo paprastumas ir greitis Pearl, joga pritaikyta visoms populiarioms platformoms, įskaitant Mac ir Windows. Perl gali patikrinti kodą, tai visiškai nemokama.

Ko tau reikia daug žinių?

Pagrindinės programavimo žinios mokomos informatikos pamokose mokykloje. Pratsyuvati ant burbuolių s Pascal ir Delphi buvo beveik per odą. Ale іnshі, skladnіshі movi programuvannya, vmagayut іnshoy, sudėtingesnis ir rimtesnis požiūris. Pirmas dalykas, kurio reikia sėkmingam programuotojui, yra matematinis, loginis proto sandėlis ir galimybė pasiekti savo teisės dugną. Jei ne varto, reikės viską išdainuoti. Geriau įvaldyti vieną geriau, nuleisti motiną, kad sužinotų daugiau apie penkis žodžius. Viskas gali būti panašiai iš principo, visos smarvės bus pagal tos dienos logiką, kad po valandos su mano naujo proto oda viskas paprasčiau. Nukopijuokite ar pakeiskite kažkieno kodą, gal kas nors kitą, bet parašykite savo kodą, kad taptumėte tinkamu "menininku" pastatas toli gražu nėra odinis.

Interneto svetainių kūrimas nuo įvairių filmų ir maketų iki HTML hiperteksto

Tinklalapiai ir svetainės

Internetiniai puslapiai. Internetinės pusės yra sukurtos HTML (Hyper Text Markup Language) hiperteksto dokumentų mobilaus maketavimo pagalbai. Į standartinį tekstinį dokumentą įterpiami pagrindiniai simboliai – HTML žymės, kurios nulemia žiniatinklio pusės išvaizdą žiūrint naršyklėje.

Pagrindiniai interneto puslapių pranašumai yra šie:
- Minimalus informacijos pateikimas;
- galimybė peržiūrėti skirtingas operacines sistemas.

Interneto puslapių kūrimui naudojami patys paprasčiausi teksto redaktoriai, kurie į kuriamą dokumentą neįtraukia, kurie simboliai suformatuojami į paties redaktoriaus tekstą. Kaip tokį „Windows“ redaktorių galite pasukti standartinę „Notepad“ programą.

Tinklalapių su HTML žymų variantais kūrimas pareikalaus daug pastangų, kai žinosite filmo sintaksę. Zastosuvannya speciali programinė įranga (interneto redaktoriai), skirta sukurti paprastas ir veiksmingas svetaines. Puslapių kūrimo ir redagavimo procesas žiniatinklio redaktoriuose yra pažangesnis, todėl jis vykdomas WYSIWYG režimu (kaip angliškai „What You See Is What You Get“ – „What You See Is What You Get“).

interneto svetaines.„All-World Merazh“ leidiniai realizuojami interneto svetainių pavidalu, tarsi atkeršyti už medžiagas už tas ar problemas. Suverenios struktūros ir organizacijos (katedra, mintis, mokykla ir kt.) kuria oficialias savo organizacijų interneto svetaines, kuriose skelbia informaciją apie savo veiklą. Komercinės įmonės savo interneto svetainėse reklamuoja prekes ir paslaugas bei skatina jų patekimą į internetines parduotuves. Jei esate korespondentas internete, galite sukurti savo teminę svetainę, kurioje galite skelbti informaciją apie savo pokyčius, kaupimą ir pan.

Kaip žurnalas susideda iš skirtingų pusių, taip ir svetainė yra sudaryta iš kompiuterių tinklalapių. Svetainė yra kalta nepaklususi hiperpozilanų sistemai, nes ji leidžia koristuvachevy naršyti žiniatinklio puses.

Pirmoji vieta jūsų svetainėje ant serverio internete, būtina griežtai protestuoti, jūsų svetainės potencialas bus dešimtys milijonų koristuvachi internete.

Norint paskelbti svetainę, būtina žinoti tikslią vietą viename iš interneto serverių. Daugelis paslaugų teikėjų suteikia savo klientams galimybę nemokamai priglobti svetaines savo serveriuose (nemokamas priegloba).

Kontroliuoti mitybą

1. Kodėl žiniatinklio pusės turi viršenybę prieš puikius tekstinius dokumentus?

2. Kaip interneto svetainės sujungiamos į svetaines?

Svetainės struktūra

Šoninės pusės HTML kodas dedamas konteinerio viduryje . Be šių žymų naršyklė negali nustatyti dokumento formato ir teisingai jo interpretuoti. Interneto pusė yra padalinta į dvi logines dalis: pavadinimą ir dalį, kuri rodoma naršyklėje.

Žiniatinklio dalies pavadinimas atitinka konteinerį ir pakeisti dokumento pavadinimą bei papildomą informaciją apie puslapį (pavyzdžiui, kodavimo tipą), kad naršyklė patikrintų, ar jis rodomas teisingai.

Žymės guli lanko viršūnėje ir gali būti pavienės arba vyriškos. Tėvų žymos konteineris).

Baigiamoji žyma turi būti pakeista pasviruoju brūkšniu (/) prieš simbolį. Žymos gali būti rašomos tiek didelėmis, tiek mažomis raidėmis.

Šalia konteinerio užrašomas šono pavadinimas ir po pakartotinio apsilankymo valandos jis rodomas viršutinėje naršyklės lango eilutėje.

Naršyklėje rodomos pusės pakeitimas įdedamas į konteinerį (6.26 pav.):


<ТITLE>Kompiuteris


Kompiuteris ir programinė įranga


Ryžiai. 6.26. Interneto pusės „Kompiuterio“ paruošimas

Sukurta žiniatinklio pusė turi būti išsaugota kaip failas pavadinimu index.htm. Kaip ir plečiant svetainės failą, taip pat galite koreguoti HTML. Rekomenduojama sukurti specialų aplanką, skirtą platinti svetainėje ir išsaugoti visus svetainės failus, kurie yra platinami šiame aplanke.

Būtina atskirti failo index.htm pavadinimą, pagal kurį iš failų sistemos išsaugoma žiniatinklio pusė, žiniatinklio pusės pavadinimą (pvz., „Kompiuteris“), kaip jis rodomas viršutinėje eilutėje. naršyklės lango. „Im'ya“ žiniatinklio pusės gali man įrodyti, kad mūsų neįmanoma analizuoti „poke“ sistemomis.

Kontroliuoti mitybą

1. Kokios žymos (konteineriai) apskritai turėtų būti HTML dokumente? Kokia yra internetinės pusės loginė struktūra?

6.10. Praktiškai užduotis. Sukurkite tinklalapį „Kompiuteris“ ir peržiūrėkite jį naršyklėje.

Teksto formatavimas svetainėje

Mūsų pusė kol kas atrodo ne visai maloniai: juodos spalvos blankus šriftas ant baltų amarų. Jei norite papildomų žymų, galite nustatyti skirtingus parametrus ir formatavimo tekstą.

Antraštės. Antraštės šrifto dydžiai nustatomi žymų poromis<Н1>(didžiausias) į<Н6>(mažiausiai).

Šriftas. Deyaki žymos sukuria atributus, pavyzdžiui, autoritetų vardus, ir gali išreikšti reikšmes. FONT žymos ir kitų atributų pagalba galite nustatyti šrifto formatavimo parametrus. Atributas FACE leidžia įterpti šrifto šriftą (pvz., FACE="Arial"), atributas SIZE - šrifto dydį (pvz., SIZE=4).

Atributas COLOR leidžia nustatyti šrifto spalvą (pvz., C0L0R="mėlyna"). Atributo COLOR reikšmę galima nustatyti įvardijant spalvą (pvz., "raudona", "žalia", "mėlyna" ir t. t.) arba 16 reikšmių.

Šešioliktas vikoristų spalvos RGB formato atvaizdas „#RRGGBB“, du pirmieji šešioliktieji skaitmenys nustato raudonos (raudonos) intensyvumą, du pirmieji – žalios (žalia) intensyvumą, o du likę – raudonos spalvos intensyvumą. mėlyna (mėlyna) spalva. Mažiausias spalvos intensyvumas žymimas šešioliktu skaičiumi 00, o maksimalus – FF. Pavyzdžiui, mėlyna spalva priskiriama reikšmei „#0000FF“.

Teksto peržiūra. Nurodykite teksto peržiūros būdą, leisdami atributą ALIGN. Lygiavimas pagal kairiąją paraštę apibrėžiamas taip: ALLGN="left", lygiavimas pagal dešinę paraštę: ALIGN="dešinė", lygiavimas pagal centrą: ALIGN= "centras".

Šia tvarka mėlyna antraštės spalva, centre, gali būti nustatyta tokia tvarka:


<Н1 ALIGN="center">Kompiuteris ir programinė įranga

Horizontalios linijos. Antraštės turėtų būti papildomai pateikiamos kryžminėmis nuorodomis naudojant horizontalias linijas už vienos žymos


.

Pastraipos. Pridedama prie pastraipos teksto<Р>. Valandėlę pažiūrėsiu per naršyklę, pastraipos tarp savęs išdėliotos tarpais. Skinos pastraipoje galite nustatyti pirmojo rodinio tipą ir šrifto formatavimo parametrus.

Pagrindinė svetainės pusė Pradinėje svetainės pusėje įgarsinkite tekstą, kuris trumpai apibūdina ją. Svetainės „Kompiuteris“ pagrindiniame puslapyje patalpintas tekstas, suskirstytas į pastraipas su skirtingomis išimtimis:

<Р ALIGN="left">Šioje svetainėje galite pamatyti skirtingą informaciją apie kompiuterį, jo programinės įrangos saugumą ir kompiuterio komponentų kainas.
<Р ALIGN= "right">Terminų žodynas supažindins su kompiuteriniais terminais, taip pat galėsite užpildyti anketą.

Tokiu būdu pagrindiniame svetainės „Kompiuteris“ puslapyje verta centruoti antraštę mėlyna spalva su horizontalia linija per dvi skirtingai išlygiuotas pastraipas (6.27 pav.):


<Н1 ALIGN="center">
Kompiuteris ir programinė įranga




<Р ALIGN="left">Kokioje svetainėje...
<Р ALIGN ="right">Terminų žodynas
...


Ryžiai. 6.27. Interneto pusės „Kompiuteris“ su formatuotu tekstu

Kontroliuoti mitybą

1. Kokios žymos (konteineriai) pateikiamos pavadinimams? Šrifto formatavimas? Pastraipų įvedimas?

Užduotis nepriklausomai vikonanijai

6.11. Praktiškai užduotis. Sukurkite „kompiuterio“ žiniatinklio pusę su formatuotu tekstu ir peržiūrėkite jį naršyklėje.

Vaizdo įterpimas į svetainę

Svetainėje galite rodyti vaizdus, ​​kurie yra išsaugoti grafiniuose failuose trimis formatais – GIF, JPEG ir PNG.

Įterptas vaizdas. Pažymėkite, kad įterptumėte vaizdą su SRC atributu, kuris nurodo failo išsaugojimo vietą vietiniame kompiuteryje arba internete. Jei grafinis failas yra vietiniame kompiuteryje tame pačiame aplanke kaip ir svetainės failas, tada SRC atributo reikšmė turėtų būti nurodyta tik failo pavadinimui. Pavyzdžiui:

Jei failas yra kitame vietinio kompiuterio aplanke, tada atributo reikšmė gali būti už failo ribų, įskaitant kelius į naująjį hierarchijos failų sistemoje. Pavyzdžiui:

Jei failas yra nuotoliniame interneto serveryje, galima nurodyti to failo žiniatinklio adresą. Pavyzdžiui:

Mažylio padėtis pagal tekstą. Raztashuvaty mažai teksto kitu būdu leidžia ALIGN atributą, kuris gali būti penkių skirtingų reikšmių: TOP (viršuje), MIDDLE (viduryje), BOTTOM (apačioje), LEFT (kairiarankis) ir RIGHT (dešiniarankis).

Svetainės „Kompiuteris“ pagrindinėje pusėje logiška patalpinti kompiuterio vaizdą. Kad mažieji būtų pasklidę palei dešinįjį teksto kraštą, vaizdo įterpimo žyma yra kalta dėl įžeidžiančio žvilgsnio (6.28 pav.):


Ryžiai. 6.28. Vaizdo įterpimas į "Kompiuteris" svetainę

Įterpiamas alternatyvus tekstas. Koristuvachі іnodi, sutaupydamas valandą, naršyklėje įjunkite grafinių vaizdų pritraukimą ir skaitykite tik tekstus. Kad netrukdytų sensorinei pusei, kaltas mažylio pakeitimas, pristatomas alternatyvus tekstas.

Alternatyvus tekstas rodomas po atributo ALT pagalba, kurio reikšmė yra tekstas, paaiškinantis, kas yra maw bi koristuvach mažyliui:

Kontroliuoti mitybą

1. Kokia žyma ir atributai naudojami įterpiant vaizdą į svetainę?

Užduotis nepriklausomai vikonanijai

6.12. Praktiškai užduotis. Įdėkite vaizdą į „Kompiuterio“ žiniatinklio pusę ir peržiūrėkite jį naršyklėje.

Hiper galia žiniatinklio pusėse

Tarsi tinklalapis, įsipainiojęs į naršyklę, būtų talpinamas vietiniame kompiuteryje tame pačiame aplanke, tada adreso pakeitimas nurodomas tiesiog failu, pvz.:

Kadangi tinklalapis, kuris įkeliamas į naršyklę, yra talpinamas internete, tada interneto adresai nurodomi kaip adresai, pvz.:

<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Maitinimo indikatorius

Pokaznik psilannya mi bachimo pid hour dar kartą apsilankykite tinklalapyje naršyklėje. Galite siųsti tekstą kaip mokytojas, vizijas įgarsinti mėlyna spalva ir palaikyti, arba mažųjų, vizijas kadre. Įvedus naują pelę, žymeklis pasikeis į „rankos“ piktogramą. Spustelėkite pelę po skambinančiojo, iškviesdami perėjimą į žiniatinklio pusę, rodomą hipererdvėje.

  • prieš peržiūrėdami vaizdą naršyklėje:
    <А HREF="picture.jpg">Vaizdas
  • prieš paleidžiant programą, kuri buvo įterpta į naršyklę, buvo sukurtas tas garso failas:
    <А HREF="sound.wav">Garsas
  • Norėdami išsaugoti failą vietiniame kompiuteryje naudodami naršyklėje įdiegtą failų fiksavimo tvarkyklę:
    <А HREF="Apxив.ziр">Gaukite failą

Svetainės naršymo skydelis. Sukuriame svetainės aplanką „Kompiuteris“ ir pridedame prie svetainės tuščius puslapius „Programos“, „Žodynėlis“, „Užbaigtas“ ir „Klausimynas“. Išsaugokite juos failams, kurių pavadinimai yra software.htm, glossary.htm, hardware.htm ir anketa.htm pagrindinėje svetainėje. Tai yra „tuščios“ antraščių pusės, bet vis tiek negalite atleisti motinai:



<ТITLЕ>šoninė antraštė


Svetainės pagrindinėje pusėje mes talpiname hiperpozityvines reklamas odinėje svetainės pusėje. Kaip hiperpozilano rodiklius, patogiausias pasirinkimas yra įvardyti puses, ant kurių atliekamas perėjimas.

Perkelkime hiperpozilano rodiklius puslapio apačioje į naują pastraipą vienoje eilutėje, padalydami juos tarpais ( ). Toks hiperpozilano išdėstymas dažnai vadinamas naršymo skydeliu.

Įterpkime HTML kodą į pagrindinį svetainės puslapį, kuris sukuria naršymo skydelį:

<Р ALIGN="center">
[<А HREF="software . htm">Programos]  
[Glosarijus]  
[Priedai
[Klausimynas]

Hiper pranešimas el. pašto adresu. Corisno pagrindinėje svetainės pusėje, el. pašto adresu atsiųskite žinutę, dėl kurios informacijos galite kreiptis į svetainės administraciją. Tam reikia priskirti HREF atributą el. pašto adresui ir į konteinerį įterpti її

, kuris apibrėžia pastraipos stilių, priimtą įterpti adresus:


<А HREF="mailto:[apsaugotas el. paštas]">El. paštas:
[apsaugotas el. paštas]

Dabar, norint spustelėti el. pašto adresą, bus atidaryta „Outlook Express“ pašto programa Kam bus rodomas atsiųstame adresu.

Vėliau „Kompiuteris“ svetainei buvo sukurtas pagrindinis puslapis, kuriame buvo antraštė, kompiuterio vaizdas, dvi teksto pastraipos, naršymo juosta, kuri buvo išsiųsta el. pašto adresu (6.29 pav.).


Ryžiai. 6.29. Svetainės „Kompiuteris“ pagrindinis puslapis paruoštas

Kontroliuoti mitybą

1. Kokie žymenys ir jogos atributai naudojami kuriant hiperpozilaną?

Užduotis nepriklausomai vikonanijai

6.13. Praktiškai užduotis. Sukurkite "kompiuterio" žiniatinklio pusę, kuri pašalins hiperpozicijos skydelį kitoje svetainės pusėje ir pažiūrėkite į jį naršyklėje.

Sąrašai interneto svetainėse

Norėdami dažnai baigti, kai pateikiate tekstą žiniatinklio pusėse, rankiniu būdu pasirinkite įvairių parinkčių sąrašus:

  • sunumeruoti sąrašai, jei sąrašo elementai identifikuojami papildomais numeriais;

  • pažymėti sąrašai, jeigu sąrašo elementai identifikuojami papildomais specialiais simboliais (žymekliais);

  • susitikimų sąrašai, leidžiantys sujungti susitikimų perkėlimus vadinamojoje žodyno formoje.

Sąrašus galima kurti ir sudėti, be to, investuojamas sąrašas pagal jo tipą gali būti laikomas pagrindiniu.

Sunumeruoti sąrašai. Paskirstymų numeravimo sąrašas konteinerio viduryje

    1. galite nustatyti numeravimo tipą: arabiški skaitmenys (užfiksuoti), "I" (romėniški skaitmenys), "a" (mažos raidės) ir in.


        < LI >Sisteminės programos
        < LI >Taikomosios programos
        < LI >programavimo sistemos

      Pažymėti sąrašai.Žymėjimo sąrašas rodomas konteinerio viduryje, o sąrašo odos elementas pažymėtas žyma< LI >. Jei reikia pagalbos dėl žymos TYPE atributo

        sąraše galite nustatyti žymeklio tipą: „diskas“ (diskas), „kvadratas“ (kvadratas) arba „apskritimas“ (spalvota spalva):


          < LI >teksto redaktoriai;
          < LI >grafiniai redaktoriai;
          < LI >skaičiuoklės;
          < LI >duomenų bazių valdymo sistemos.

        Svetainėje „Programos“ yra patalpintas numeracijos sąrašas, kuriame bus nurodyti pagrindinių kompiuterių programinės įrangos tipų pakeitimai.

        Prie kito pagrindinio sunumeruoto sąrašo elemento įterpiame priedų žymėjimo sąrašą (6.30 pav.).

        Paskyrimų sąrašas. Susitikimų sąrašas rodomas konteinerio viduryje

        /
        . Vidurinis tekstas suformatuotas kaip terminai, kurie laikomi atskiromis žymomis
        ta vznachen, yakі eiti į vieną žymą
        .

        Tinklalapį „Žodynėlis“ galime pavaizduoti kompiuterinių terminų žodyno pavidalu (6.31 pav.):


        Procesorius
        Centrinis kompiuterio priedas, skirtas informacijos apdorojimui dvejetainiu kodu.
        Darbinė atmintis
        Prašome, kuriose programose ir duomenys yra saugomi.

        Kontroliuoti mitybą

        1. Kokie pažymiai laimi už sunumeruotų sąrašų sudarymą? Pažymėti sąrašai?

        Užduotis nepriklausomai vikonanijai

        6.14. Praktiškai užduotis. Sukurkite žiniatinklio „programas“ su numeruotu sąrašu ir įdėkite pažymėtą sąrašą.

        6.15. Praktiškai užduotis. Sukurkite žiniatinklio „žodynėlį“ su terminų sąrašu.

        Kursas „Žiniatinklio pusių kūrimas naudojant HTM filmus“ L »

        Tema 1. Pochatkova informacija apie mov HTML

        Filmo HTML priskyrimas

        žiniatinklio - šonai– visi specialūs failai, parašyti mano HTML ( Hiper Tekstas žymėjimas kalba – „Mov“ išdėstymas hipertekstui). Pid rozmіtkoy suprasti specialių kodų (žymų) įterpimą į tekstą, pradinius, kaip subbag hiperteksto dokumentas yra kaltas, kad jį rodo speciali programa - naršyklė.

        HTML kalba, skirta kurti nuo sistemos nepriklausomus failus, aprašo dokumento formatą, bet taip pat apibrėžia jo struktūrą. Pavyzdžiui, jei antraštė įtraukta į tekstą, HTML kodas tiesiog nurodo, kad atitinkamas fragmentas yra antraštė. Peržiūrėjus tokį kodą, programa – pati naršyklė virishuє, scho їy robiti іz antraštė. Galima rodyti didesniu šriftu arba ekrano centre. Jei tekstą sukurs filmų sintezatorius, sintezatorius nukopijuos visą kodą, kad judintų garsumą ir pridėtų reikiamą pauzę.

        Mova HTML є kompiuterio mov, dainavimo prasme ginčijamasi su mov programavimu. Įtraukiate šias taisykles, kurias turite įvykdyti, kad gautumėte teisingus rezultatus.

        HTML kalba atsirado per naktį su World Wide Web paslauga ir buvo sukurta tuo pačiu metu. Vin yra pasaulinio žiniatinklio pagrindas ir kartu didžiausio jo populiarumo priežastis.

        HTML - failas

        HTML – failas – tekstinis failas, kurį galima išplėsti .htm arba . html Svetainė išsaugoma kaip HTML failas. Norėdami sukurti HTML failą, tviteryje galite rašyti kaip paprastas teksto rengyklės, tokias kaip Notepad arba Word Pad, ir žiniatinklio redaktorius.

        HTML dokumento struktūra

        HTML dokumentą sudaro pagrindinis dokumentas ir žymėjimo žymos, kaip standartinių simbolių rinkiniai.

          Visi HTML dokumentai gali turėti aiškiai apibrėžtą struktūrą. Dokumentas yra kaltas dėl to, kad jis prasideda žyma ir baigiasi kita žyma, kuri uždaroma. Ši žymų pora nurodo naršyklei, kad prieš ją yra galiojantis HTML dokumentas.

          HTML dokumentą sudaro suskirstė dokumento antraštes ir turinį, scho go pati tokia tvarka. Taisyklių antraštes suskirstiau į žymes ir informaciją apie dokumentą kaip visumą. Zokrema, kurio dalis buvo kaltas dėl keršto už savo žymes ir sukeitimą su „oficialiu“ dokumento pavadinimu.

          Pats dokumento tekstas išplečiamas dokumento korpuse. Dokumento turinys išplečiamas tarp žymų ir BODY>. Praktiškai galima priskirti šių pagrindinių jų dienų žymų vietą. Tam, pavyzdžiui, žymos, і , o taip pat jei garbanotos žymės praleistos, tai programa - naršyklė pati gali paskirti vietą, kalta smarvė. Bet juk nerekomenduojama praleisti qi žymų kuriant žiniatinklio puses.

        Paprasčiausias teisingas HTML dokumentas.

        < GALVA >

        < TITLE >Dokumento pavadinimasTITLE >

        GALVA >

        < KŪNAS >

        KŪNAS >

        žymės HTML

        Mova HTML yra sudarytas iš specialių rozmichalnyh indikatorių - žymų. Jie taip pat gali būti vadinami komandomis, instrukcijomis arba HTML kodais.

        Žyma yra nurodymas naršyklei, nurodantis, kaip tekstas turi būti pateiktas. Visos žymos prasideda simboliu mažiau nei (<) и заканчиваются символом «больше» (>). Pora simbolių vadinami skirtingai garbanotos arkos. Po viršūnės lanko atidarymo Ide raktažodį, Ką reiškia žyma

        Filmo HTML žyma gali būti specialiai atpažinta. Raidžių registras žymų pavadinimuose negali būti reikšmingas – galite mirktelėti tiek mažomis, tiek didžiosiomis raidėmis, jei norite rašyti puikias raides, kad žymos atitiktų originalų dokumento tekstą.

        Naudokite dviejų tipų žymas – vaikinus ir nesuporuotas.

        Berniukų etiketės- kurios kreivės ir kreivės, panašios į apvalias algebrinės virazės lankas. Smarvė pridedama prie teksto nuo to mėnesio, de gyvai, prieš tą mėnesį, kur rodomas їх dії pabaigos ženklas (artimos žymos prasideda pasviruoju brūkšniu (/).

        Pavyzdžiui, < HTML > HTML >, < P>P>, H3 >

        Nesuporuotos žymos suteikia vienkartinį efektą toje vietoje, kur jos pasirodo, todėl nereikia abstrakčios, kuri uždaroma.

        Pavyzdžiui,
        , ,

        Žyma neštis paslaugų informaciją apie svetainę ir nepasirodo naršyklės ekrane: visa informacija apie svetainės kodavimą, apie autorių, taip pat paieškos raktažodžių rinkinys, kuris turėtų būti rodomas svetainėje.

        užpakalis.

        Sulankstančių stalų pavyzdys

        Iš užpakalio matyti, kad Windows-1251 Viktorijos kodavimo pusė šiandien yra labiausiai išplėsta, užtenka tik įterpti žymą taip žiūrint į savo pusę; šalutinės linijos autorius – Ivanovas Ivanas; pusė skirta būtybėms.

        Kai dokumentas rodomas naršyklėje, pačios žymos nerodomos, tačiau jos pridedamos prie dokumento rodymo būdo. Tarsi atleidimas abstrakčiai nurodo raktinį žodį, nes jis nerodomas mano HTML, žyma dažniausiai ignoruojama.

        Žymų atributai

        Rodomos žymos dažnai gali pakeisti atributus, kurie pridedami prie žymos poveikio.

        Atributai – visi papildomi raktažodžiai, vodokremlenі kaip žymos raktinis žodis ir vienas kaip vienas tarpas.

        Atributai gali turėti reikšmę, parašytą po lygybės ženklo (=). Zavžda įdėjo atributo vertę į letenas (viena viela). Eilė prie letenų nėra kalta dėl keršto, todėl letenos yra savo viduryje. Galite nuleisti letenas, kad suprastumėte atributų reikšmę, nes jie susideda tik iš šių simbolių:

          anglų abėcėlės simboliai;

        • intervalai;

          brūkšnelių ( - ).

        Taip pat galite nuleisti letenas atributų vertei, nes ji susidaro tik iš ateinančių simbolių (grįžkite prie techninės koncepcijos ):

          anglų abėcėlės simboliai ( A–Z, a - z)

          skaitmenys ( 0 - 9 )

          intervalais

          brūkšneliai ( - )

        tokiu būdu, PLOTIS = 80і ALIGN=CENTRAS- Leidžiama santrumpa WIDTH = 80"і ALIGN="CENTER".
        Žymos, kurios uždaro, nekeršija atributų.

        taikyti. Šriftas >

        komentarai

        Taip pat, kaip ir visose kalbinėse programose, prie programos galima pridėti komentarų (teksto eilutes, kurios nėra programos dalis), o HTML negalima perkelti. Pradėkite komentarą specialia žyma. Komentaras gali apimti bet kokius simbolius, išskyrus didesnį nei simbolį (>), i, todėl negalite įtraukti žymų.

        Žymės mažinimo principas

        konteinerio žymos
        Mes jau žinome, kad pasaulio žymės susideda iš dviejų dalių - tse vіdkrivaє (vіn tas pats - atkeršyti atributams) ir zakrivaє, tobto "kіnets" žymos. Užduotys abstrakčiuose parametruose yra tik tarp burbuolės ir burbuolės, todėl tik žymos viduryje:

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

        teksto tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas teksto tekstas

        <начало 3-го тега>
        teksto tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas teksto tekstas

        <Конец 3-го тега>

        <Конец 2-го тега>

        <Конец 1-го тега>

        Žingsniuoti kairiuoju kraštu nėra vipadkovі – smarvę automatiškai įterpia programos, kurios formuoja HTML kodą, kad būtų lengviau suprasti. Dosit ozumіti, scho chim toli kairiajame krašte, kad pamatytumėte žymą, Tim "daugiau" venų gulėti, Tim daugiau "senesnių" žymų gali būti ant naujo vaiko.

        Taip pat atminkite, kad kai kuriuos įdėtųjų žymų atributus galima pridėti prie „senesnių“ žymų. Pavyzdžiui, tai būdinga lentelėms, vienas prie vieno lizdų.
        Jei vidinės lentelės užduoties dydis yra 100, tada išorinės lentelės dydis negali būti mažesnis nei 100 pikselių + rėmelio plotis. Į tokį reitingą į stalą investuojamas jakas bi "rozpiraє", kad, į jaką laimėjo, jis investuojamas. Jei taip, užduočių skaičiaus joje plėsti nebūtina, bet teksto kiekis jame yra reikšmingas, atsidarysite tokio dydžio „senesnę“ lentelę, kuri reikalinga norint atvaizduoti didelį skaičių eilučių. tekstas. Tai vadinama „grįžtamuoju skambučiu“.

        Praktiškas robotas numeris 1

        „Paprasčiausio kūrimas žiniatinklio -Storinki"

        Tikslas: išmokite kurti žiniatinklio puses teksto rengyklėje Notepad.

        Vkazivki į vikonannya

          Įveskite naują HTML dokumento struktūrą, kaip parodyta toliau:

        Apie mūsų mažiausius brolius.

        Čia rasite tinkamą žiniatinklio pusę

          Išsaugokite failą suteikdami jam pavadinimą index .htm .

          Atidarykite sukurtą failą. Kaip matote failo kūrinius, galite pamatyti naršyklės lange.

          Uždarykite naršyklę.

          Atsiverskite failą, išsaugotą Notepad.

        Atlikite išankstinį pakeitimą prieš kitą: pakeiskite žodžius „Čia bus patalpintas žiniatinklio pusės pakeitimas“, įveskite: Tse mano pirmoji pusė .

        Eilėje < TITLE> pasakykite: „Namų pusė (tavo vardas toks).“

          Išsaugokite failą kaip puslapis 2.htm.

          Pažiūrėkite į rezultatą naršyklėje, jei reikia, redaguokite failą naudodami Notepad žinyną.

        2 tema: HTML žymos

        Fizinio ir loginio teksto formatavimo žymos

        Šrifto formatavimas . Teksto formatavimui yra daug elementų. Tekstą galite formatuoti naudodami papildomus tradicinius elementus: fragmentus žiūrėkite kursyvu, paryškintu šriftu, pasirinkite šriftą, šrifto dydį ir spalvą, apverskite teksto fragmentus. Jei autorius neturi paprastų teksto formatavimo variantų, galite pereiti prie stiliaus lapo, kuris praplės HTML formatavimo galimybes.

        Pažvelkime į standartinius HTML filmo elementus, leidžiančius formatuoti tekstą.

        Šriftas- Pakeiskite matomų vaizdų kodą visose lentelėse.
        Klaviatūros odos klavišas suteikia dainos kodą, kurį atpažįsta OS (operacinė sistema, dažniausiai Windows arba Linux / Unix).
        Tokiu būdu, pasirinkus dainavimo šriftą, sistema simbolių lentelėje esantį sparčiųjų klavišų kodą pakeičia vaizdo raidės ar piktogramos šriftu. Odinis šriftas – tse failas. Failas, kurį galima naudoti vaizdui pakeisti raidėmis, skaičiais ir simboliais, priskirtais odos mygtukui. Įterpti šriftą – reiškia įtraukti failą su papildomomis nustatymų lentelėmis. MS Windows sistemoms yra šriftų, kurie iš karto pristatomi iš sistemos, pasirinkimas - ce:

        Arial

        Arial

        Kurjeris Naujas

        Kurjeris Naujas

        Komiksas Sans

        Komik Sans

        Times New Roman

        Times New Roman

        Verdana

        Verdana

        Šių šriftų oda yra iš anksto elegantiška savo dizainu ir stiliumi. Didžiausia plėtra yra Arial. Visi šriftai gali sudaryti 90% visų nuomonių apie jūsų būsimą pusę. Odinis šriftas – atskiras failas Windows aplanke/fonts/*.ttf. Kaip pakeisti šriftą HTML, kad jis atrodytų kitaip?
        < Šriftas >… Šriftas > priklausomai nuo šrifto tipo, rozmіru ir spalvos. Visi šie parametrai priskiriami papildomiems atitinkamiems atributams.

        Absoliutus šrifto dydis nustatomas pagal atributą size (exp.). Šis atributas gali turėti reikšmes nuo 1 iki 7, be to, 1-ojo matmens šriftas yra mažiausias, o 7-ojo - didžiausias.
        taikyti.

        tekstas išplėstas 1
        tekstas išplėstas 2
        tekstas išplėstas 3
        tekstas išplėstas 4
        tekstas išplėstas 5

        tekstas išplėstas 6
        tekstas išplėstas 7

        Tylu čia – toli ONT>.
        Projekte vikoristas pirmiausia skamba chotiri rozmarinu. Viskas, ko daugiau, nešvaraus tono ir mėgėjiškumo ženklas, daugiau užima daug vietos ir svarbu perskaityti. Tiesa, didesniems dydžiams yra sąstingis. Pavyzdžiui, galite parašyti pradinę raidę su tuo pačiu rozmіrom (pirmoji burbuolės raidė): T tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas teksto tekstas.
        Tuo tarpu galime pasirinkti patį šriftą, kuris bus pasirinktas tekstui rodyti. Kovok su atributu veidas (pažiūrėk).

        taikyti.Šio šrifto dydis yra 3 ONT >
        Šrifto tekstas >
        Jakas bachimo, ešie du atributai - rozmіr ir šrifto tipas, - galite pakeisti santraukos tvarką :
        Taip pat galite vikoristuvati atributą spalva (spalva). Spalvos iškvietimas yra arba skaičius, mes rašome šešioliktoje sistemoje, pavyzdžiui, spalva = „#ff 0000“, arba aš tiesiog vadinu, parašyta angliškai, pavyzdžiui, color = „red“. taikyti. Tse mėlynos spalvos šriftas FONT >
        Šis šriftas yra 3 dydžio arial, mėlyna spalva ŠRIFTAS >
        Šriftas taip pat gali būti naudojamas: silpnas (kursyvas), paryškintas, perbrauktas, perbrauktas, su viršutiniu, viršutiniu indeksu, taip pat naudojamas kaip paskirtų vaizdų šriftas. Pasiekiama pagal etiketes:
        <
        > tekstą >
        <
        B >tekstasB >
        <
        U > tekstąU >
        <
        S > tekstą S >
        <
        SUP > tekstą SUP >
        <
        SUB > tekstą SUB >,
        taip pat, pavyzdžiui, їх podnannyam, <U > tekstą U>B>
        Pastraipos formatavimas. Daugumoje iškilusių dokumentų yra pagrindiniai funkciniai padaliniai antraštesі pastraipos Interneto dokumentai yra vargas. Norėdami nustatyti svarbiausias mano HTML pastraipas, naudokite žymos žymą

        P > (Pastraipa). Be to, kaip įžeidžiantį elementą galite laimėti tik burbuolės žymą

        reiškia įžeidžiančios pastraipos burbulą ir priekinės dalies pabaigą. Ramiose situacijose, jei po pakeitimo reikia nurodyti pastraipos užbaigimą, galite pasirinkti pabaigos žymą.
        Iš karto iš pastraipos žymos galite cituoti ir priskirti lygiuotis:
        align = "left" - lygiavimas į kairę;
        align = "dešinė" - lygiavimas į dešinę;
        align = "centras" - lygiavimas centre.
        užpakalis.

        Razdel 1P >

        Animacija >

        pusėje 3P>

        Movі HTML neturi jokių galimybių sukurti pastraipos įrašą ("raudoną eilutę"), todėl, kad būtų aiškesnis teksto skaitymas tarp pastraipų, naršyklė ragina įvesti tuščią eilutę. Paprastai reikia pakeisti perėjimą į naują eilutę nekuriant pastraipos, pasirenkama viena žyma
        . To paties skirstymo vietoje eilutė baigiasi, o tekstas, kuris liko, pradedamas nuo naujos eilutės. Tsej žymėk rankiniu būdu vikoristovuvaty, schob, pavyzdžiui, rašyk eiles stovpchik:
        Jie įleido medicinos pareigūną į teismą,
        Jie suplėšė vedmediko leteną,
        Aš vis tiek nemesu jogos,
        Nes vynas yra geras.
        Naršyklės ekrane naudojame standartinę chotirivirsh rašymo tvarką.

        Svarbu sukurti atskirus teksto skirstymus – horizontalias linijas – eilutes, kurios vizualiai viena viename ribojasi su skirtingomis dokumento dalimis. Horizontali linija sukuriama viena žyma. Jogos pagalba galite lengvai padalinti šoną į dalis. Darbui leidžiama turėti keletą atributų:

        Virivnyuvannya

        lygiuoti = "kairėje"

        lygiuoti = "centras"

        lygiuoti = "dešinė"

        lygiuoti = "pateisinti"

        Draugystė ir Dovžinos linija pikseliais.

        Dydis = 3 (plotis pikseliais)

        plotis = 300 (ilgis pikseliais)

        plotis = 100 % (plotis plotis)

        Linijos spalva

        spalva = "raudona"

        HTML kalba palaiko šešias vienodas vidines dokumento antraštes. Smarvės nurodomos etiketėmis vіd

        prieš
        .
        Pirmos eilės pavadinimas yra didžiausias, o šeštos – mažiausias. Antraštėms galite paryškinti atributus kairėje, centre, dešinėje.
        užpakalis.Didžiausias titulas
        Mažiausias pavadinimas

        Namų gyvūnai

        Loginis teksto formatavimas . Šiuo metu galime pažvelgti į žymes, nes dėl jų poveikio jie atspėja žymes, kurios nustato šrifto dydį, spalvą ir vaizdą. Svarbu pažymėti, kad šios žymos efektyviai apibūdina tikrąją teksto galią. Tse reiškia, kad skirtingose ​​naršyklėse tekstas gali būti atvaizduojamas skirtingai, tačiau garantijų efektas sukels tokiu atveju, jei dėl kokių nors priežasčių nėra galimybės blokuoti šrifto efektų. Visos šios žymos yra susietos ir pridedamos prie teksto, išdėstymas tarp žymų, kurios kreivės ir užsidaro. Obs'yazkovy žymos uždarymas.
        Žyma vikoristovuєtsya už citatas, vardų knygas. Garsas kursyvu.
        HTML skeveldras sukūrė žmonės naudodami kompiuterius, tekstų pateikimui kompiuterinėse programose ir sąveikos su jomis rezultatams atpažįstama visa grupė žymų.
        Žyma < KODAS >… KODAS > Nurodykite kompiuterio programos išvesties tekstą, kuris skamba vienkartiniu šriftu (dažniausiai Courier šriftu), ty fiksuoto dydžio šriftu.
        Žyma < KBD >… KBD > teksto formatavimas, kurį lemia buti (arba buv) įžangos klaviatūros pagalbai, kurios skamba kaip monospace paryškintas šriftas. Angliškos klaviatūros tipas – klaviatūra
        užpakalis.

        Norėdami paleisti „Windows“, įveskite: laimėti.
        Kodas:
        Norėdami paleisti „Windows“, įveskite: win
        Žyma nurodykite tekstą kaip pavyzdį. Vikoristovuetsya už teksto supratimą, kuris turėtų būti programos. Rodoma vienkartiniu šriftu.
        užpakalis.
        Puikus tekstas
        Žyma vikoristovuєtsya vіdіlennya zminnіh іn sąrašo programoje. Garsas, toks tekstas rodomas kursyvu. Anglų kalbos tipas var iable – kintama.
        Užpakalis.
        A, B, C
        Kodas:
        A, B, C

        Žyma < EM >… EM > vykoristovuetsya pamatyti teksto elementus (garsas kursyvu).
        Žyma < STIPRUS >… STIPRUS > vykoristovuetsya už tvirtą teksto elementų viziją (pusjuodžiu šriftu).
        užpakalis.
        Puikus tekstas
        Ir čia yra tekstas iš pasirinktos žymos .
        Skaldos čia laimi ta prasme, kad pamatysi dizainą, rekomenduojama laimėti žymas, o ne žymas і<
        B >.

        Praktiškas robotas numeris 2

        Teksto formatavimas žiniatinklio pusėje“

        Tikslas: Sužinokite, kaip formatuoti šriftą ir tekstą svetainėje.

        Vkazivki į vikonannya

          Elemente< TITLE> įveskite pusės pavadinimą „P/r Nr. 2“.

          Tinkamai suformatuokite gaunamą tekstą iki teiginių (pateikti lankuose kursyvu), kaip parodyta mažajame.

        Namų gyvūnai

        (pavadinimasH 1)

        (Žiūrėti centre)

        Šunys

        (pavadinimasH 2)

        (Žiūrėti centre)

        Sargybiniai

        (Virіvnyuvannya zlіva, paryškintas šriftas)

        Mislivskis

        (atvirkštinis dešiniarankis, paryškintas šriftas)

        Persirengimas

        (Centras, paryškintas kursyvas)

        Klubi Vistavki Maidanchiki

        (paryškinta centre, šrifto dydis 10, šrifto spalva juoda, šriftasArial )

        Virsh

        (Šrifto spalva yra mėlyna, šrifto dydis yra 6, lygiavimas yra centre)

        Visą gyvenimą esu kuklus,

        Ovuoti nereikia

        Sveiki, aš kietas

        Stebiuosi sviediniu!

        (Lygiavimas kairėje, šrifto dydis 6)

        Sąrašų sudarymas

        Pažymėti sąrašai. Sąrašas peržiūrimas pagal pirminį tekstą, todėl Koristuvačiovui nereikia galvoti apie pastraipų numeraciją: aš tai prisiimu. Jei sąrašas papildomas naujais punktais arba trumpas, numeracija koreguojama automatiškai. Skirtinguose nenumeruotuose programos sąrašuose prieš odos tašką uždėkite žymeklius: kukhli, stačiakampius, rombus ar kitus vaizdus. Dėl to sąrašas atrodo kaip vadovas.

        Nenumeruoto sąrašo kūrimo žymos:

        < LI > UL >
        Žyma
        • є jų pačių sudarytas sąrašas. „Vin“ leidžia pridėti vieną kitų tipų sąrašą. Žyma
        • pažymėti odą nuo pradūrimų.

          užpakalis.


            1 punkto sąrašas
            2 punkto sąrašas
            3 punkto sąrašas

          Ekrano vaizdas:

            1 punkto sąrašas

            2 punkto sąrašas

            3 punkto sąrašas

          Sunumeruoto sąrašo kūrimo žymos: < O L>< LI > OL >


          Sunumeruoti sąrašai. Sutvarkyto sąrašo struktūra yra panaši į netvarkingo sąrašo struktūrą. Rėmeliai žymai įrėminti

          1. . Odinis gaminys sunumeruotas arabiškais chi romėniškais skaitmenimis, lotyniškomis abėcėlės raidėmis.

          užpakalis.


            1 punkto sąrašas
            2 punkto sąrašas
            3 punkto sąrašas
            O L>

            Ekrano vaizdas:

              1 punkto sąrašas

              2 punkto sąrašas

              3 punkto sąrašas

            Numeravimo metodas priskiriamas papildomam atributui tipo. Lentelėse yra visi numeravimo būdai:

            Numeravimo tipas

            Praktiškas robotas numeris 3

            „Sunumeruotų ir nenumeruotų sąrašų kūrimas“

            Tsіl : išmokite kurti sąrašus žiniatinklio pusėse.

            Vkazivki į vikonannya :

            1 . Sukurkite naują žiniatinklio pusę Notepad redaktoriuje.

            2 . Elemente įveskite kraštinių pavadinimus "P / r Nr. 3".</p> <p><b>3 </b>. Suformatuokite gaunamą tekstą, kad jis atitiktų teiginius (pateiktas arkos kursyvu), kaip parodyta mažame paveikslėlyje:</p> <p>Saulė gali, bet:</p> <p><i>(8 šrifto dydis, raudona spalva,</i></p> <p><i>lygiavimas centre)</i></p> <p>1. Šiltas.</p> <p>2. Apvalus.</p> <p>3. Žovtimas.</p> <p>Snig gali buti:</p> <p><i>(6 šrifto dydis, mėlyna spalva,</i></p> <p><i>lygiavimas centre)</i></p> <p>B. Šaltis.</p> <p>S. Pukhnastim.</p> <p><i>(Abiejų sąrašų šriftas yra black rosemary 3).</i></p> <p><i><b>Hiperforce <br></b> </i><i><u>Žr. hiperpozilaną.</u> </i><i> </i><b>< </b><b>A</b> <b>>… </b><b>A</b> <b>> </b> hipertekstinės žinutės kūrimas. <br>Kas turi visus šiuos obov'yazykovy atributus <b>href</b> <b>. </b> Kai kurios reikšmės yra URL adresai, kaip nurodyta pranešime. Tekstas siunčiamas tarp žymų <b>< </b><b>A</b> <b>>… </b><b>A</b> <b>>. </b> Kai dokumentas rodomas naršyklėje, atsiųstas tekstas skambės kaip mėlyna spalva. Spustelėkite mygtuką, kad patektumėte į nurodytą URL.</p> <p>Galite pamatyti hiperpozilano šakelę.</p> <ul><p>Skambučiai (parodyti žiniatinklio pusę su dokumentais, kurie nepriklauso šiai svetainei).</p><p>Vidinis (taikyti dokumentus tos pačios svetainės viduryje).</p> </ul><p><i><u>Absoliutus būdas.</u> </i><i> </i> Kaip hipersaito pavadinimas, jis nurodomas lygiai taip pat, kaip ir pavadinto dokumento URL <i>absoliutus kelias. <br>užpakalis.</i> <A href =”<u><span>http</u> </span><u>:// </u> <u><span>www</u> </span><u>. </u> <u><span>Microsoft</u> </span><u>. </u> <u><span>com</u> </span>">Microsoft A> <br>Pagrindinis absoliutaus maršruto trūkumas yra tas, kad perkeliant failus į kitą serverį internete, reikia pakeisti hipererdvę.</p> <p><i><u>Vidnosny būdas.</u> </i><i> </i> Tarsi hiperpozityvus viduje, tada <b>tik ta dalis</b><b>URL</b> <b>, nes yra tarp dviejų dokumentų, kurie yra sujungti (</b> taigi titulai <i>vіdnosny būdas</i><b>), </b> pavyzdžiui, jei du dokumentai yra viename aplanke, pakanka nurodyti juos prie failo, į kurią hipererdvę norite. <br>Jei dokumentai yra skirtinguose aplankuose, pirmiausia reikia nurodyti aplanko pavadinimą, tada failo pavadinimą, atsižvelgiant į tai, kas nurodyta hipererde.</p> <p><i>taikyti.</i> <A href =”my .htm ”>Mano ypatinga pusėA > <br> <A href =”sport /run .html ”>Didelis dideliais atstumais A > <br>Geriau laimėti viduje, nes tuo pačiu atveju, perkeliant svetainę į kitą serverį, nereikia keisti iki dešimties dokumentų.</p> <p><i><u>Inkarai.</u> </i><i> </i> Hipertekstiniai pranešimai gali būti rodomi eilutėje šono viduryje, taigi tinkamoje vietoje priekiniame įdėkle <i>jakiras</i>. Yakir taip pat vikoristovu žymės <A >kad A >, bet naujos kalbos atributą href pakeiskite atributu <b>vardas</b>. Atributo reikšmė є <i>im'ya inkarai.</i> Ją galima suformuoti tik iš lotyniškų raidžių, skaičių, o už išvalymus keršyti nekaltas. <br>Norėdami nusiųsti jakirą į įterpimą, turite nurodyti inkaro pavadinimą, pavyzdžiui, URL adresą po dokumento pavadinimo, o po jo – simbolį „#“.</p> <p><i><u>Pašto adreso įvedimas į hipererdvę</u> </i>. Pasirinkus hipergalimybę įvesti elektroninio pašto adresą, pasirinkimas bus perkeltas ne į naują dokumentą, o į pašto programos paleidimą kompiuteryje, siekiant išsiųsti pranešimą nurodytam adresatui. Iškvieskite tokią užklausą, kad, pvz., įdėtų šoninę juostą saugiam ryšiui su žiniatinklio valdytoju arba šoninės juostos autoriumi, pvz. <A href =”mailto :vebmaster @mail .ru >Ivanovas Oleksijus</p> <p><i>užpakalis. <br></i><HTML ><br> <HEAD ><br> <TITLE >Siunčiamas tas prierašasTITLE > <br>GALVA> <br><BODY ><br>Naujas standartinių operacinės sistemos programų versijas ir naujausias tvarkykles galite rasti bendrovės svetainėje <br> <A href =”<u><span>http</u> </span><u>:// </u> <u><span>www</u> </span><u>. </u> <u><span>Microsoft</u> </span><u>. </u> <u><span>com</u> </span>">Microsoft A> <br> <P >O dabar galite eiti į <A href =”my .htm ”>mano ypatinga pusė A > <br></p><p>Apie tai, kaip susisiekti su autoriumi, rašoma <br> <A href =”#address ”>pavyzdžiui, šone <br><i> </i>Čia yra pagrindinis pusės pasikeitimas <br><i> </i><a>adresas">El. pašto adresaiA > <br>KŪNAS > <br>HTML ></a></p> <p><b>Praktiškas robotas numeris 4</b> </p> <p><b>„Hiperpozilano kūrimas“</b> </p> <p><b>1 užduotis.</b> Paprasčiausios hipergalios sukūrimas.</p> <p><b>Tikslas:</b> Sužinokite, kaip interpretuoti du HTML dokumentus, kad padėtų hiperpozicijai.</p> <p><b>Vkazіvki į vikonannya:</b> </p> <ul><p>Sukurkite dvi žiniatinklio puses Notepad redaktoriuje. Pavadinkite vieną puslapį 1.htm, kitą puslapį 2.htm. Išsaugokite šalių įžeidimus vienoje popiežiškoje svetainėje po pavadinimu. Gerbkite aplankų ir pusių pavadinimus, tačiau jie gali būti parašyti angliškai ir pradėti mažomis raidėmis.</p><p>Elemente <title >įveskite pusės pavadinimą "P/r Nr. 4. Užduotis 1".</p> </ul><p>Į 2 pusę</p> <p>Į 1 pusę</p> <ul><p>Atidarykite pirmąjį naršyklės puslapį ir persigalvokite, kad hiperplazijos nusikaltimas veiktų tinkamai.</p> </ul><p><b>2 užduotis.</b> Hiperpozilano kūrimas.</p> <p><b>Tikslas:</b> Sužinokite, kaip pateikti tris HTML dokumentus, kad padėtų hiperpozicijai.</p> <p>Galima vikonuoti su kita užduotimi, nes jie sėkmingai įveikė 1 užduotį.</p> <ul><p>Sukurkite trečiosios šalies puslapį 3.htm.</p><p>Puslapio 3.htm pusėje sukurkite užklausą pereiti į 1.htm ir 2.htm puslapio puses.</p><p>Puslapiuose 1.htm ir 2.htm pridėkite hiperjėgą, kad pereitumėte į 3.htm puslapį.</p><p>Atidarykite pirmąją naršyklės pusę ir pakeiskite, todėl dabar galite pereiti iš bet kurios pusės į bet kurią kitą iš trijų kūrinių.</p> </ul><p><b>3 užduotis.</b> Colir hyperposilan <b>. </b> </p> <p><b>Tikslas:</b> išmokite pasirinkti hiperpozilano spalvą.</p> <p>Vikonati zavdannya galima, nes jie sėkmingai pateko į іz Zavdannyam 2.</p> <ul><p>1.htm, 2.htm ir 3.htm puslapio santraukoje <body >pasirinkti spalvą hyperposilan:</p> </ul><ul><p>Naršyklėje atidarykite pirmąjį puslapį ir eikite į pranešimų šoną, pakeiskite užduočių spalvą į dešinę.</p> </ul><p><i><b>Mažieji ant</b> </i><i><b>žiniatinklio</b> </i> <i><b>-Storinci.</b> </i></p> <p>Iliustracijos (mažos nuotraukos, nuotraukos) vaidina svarbiausią vaidmenį kuriant interneto puses. Patys mažieji išsaugomi keliuose failuose kaip HTML dokumentas, o tada juos per vidurį atvaizduoja naršyklė. Kuriam viena žyma <b>< </b><b>img</b> <b>>. </b> Obov'yaskovym šios žymos atributas є atributas <b>src</b>, tam tikro būdo į failą su maža nuotrauka reikšmė,</p> <p>Jei paveikslėlis yra tame pačiame aplanke kaip ir svetainė, tada kelias yra tik į failą, pavyzdžiui: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Jei paveikslėlis yra kitame aplanke, tada reikia nurodyti qiu aplanką, pavyzdžiui: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Jei paveikslėlis yra kitoje svetainėje, būdas parašytas taip pat: <br><img src='https://i2.wp.com/homepage.ru/my/my.jpg' loading=lazy loading=lazy loading=lazy>.</p> <p>Abstrakčiai <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>Taip pat galite laimėti šiuos atributus, tokius kaip: <br><b>aukščio</b> <b>, </b><b>plotis</b>- nustatykite ploto aukštį ir plotį, demonstruodami mažuosius. Jei yra tik viena šių atributų užduotis, tada kitas matmuo atstatomas į atitinkamas proporcijas. Ale šalia atminties, kad mastelio keitimas padidino vaizdo ryškumą. Rozmarinas mažasis laimi pagal pikselius arba langus, pavyzdžiui: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>, <b>siena</b> <b> – </b> nustato vaizdo rėmelio plotį šalia (pikselių). Šio atributo galima praleisti, nes už antraštės rėmelis aplink paveikslėlį yra amžinai. Ale, jei nori jį išvalyti, tada <u>nustatykite kraštinės atributo reikšmę į nulį, <br></u><b>kraštinės spalva</b>– nustatykite rėmelio spalvą paveikslo šone, pavyzdžiui: <br>< IMG src="picture.gif" border="3" bordercolor="#CC0000"> <br>Mūsų programoje užduoties rėmelio spalva yra chervonim, na, žinoma, kraštinės atributas (rėmo plotis) nėra kaltas dėl nulio nustatymo, todėl norite pridėti rėmelį prie nuotraukos, <br><b>lygiuoti-</b> kitų objektų nuotraukų peržiūra: <br>paveikslėlis bus prispaustas prie kairiojo ekrano krašto, o tekstas bus apvyniotas dešinėje rankoje, <br>paveikslėlis dešiniarankis, tekstas kairiarankis.</p> <p>Tekstą taip pat galima dėti paveikslėlio apačioje (užrakinti) - (1), viduryje - (2), o kalnuose - (3): <br>(1) - <br>(2) - <br>(3) - </p> <p><b>vspace</b><span>- nurodykite tarp teksto ir mažo teksto (vertikaliai): <br>,<br></span><b>hspace</b> <span>- nustatyti tarp teksto ir mažo (horizontaliai):</p> <p>< imgsrc=" pr1. png" hspace<span>="30"><br>Rodoma pikseliais.</p> <p>Dėl pagalbos žyma <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>galite susukti vaizdus hipererdvėje, įterpti paveikslėlius į lenteles, redaguoti dizaino užduotis.</p> <p><b>Praktiškas robotas numeris 5</b> </p> <p><b>„Piktas mažylio jako hipergalia“</b> </p> <p><b>Tsіl</b>: išmokite įveikti mažuosius kaip didžiulę galią</p> <ul><p>1.htm, 2.htm ir 3.htm puslapių šonuose vietoj tekstinės hipertekstilės rašykite mažuosius. Kam:</p> </ul><ul><p>atidarykite skaitytuvo nurodytą aplanką (aplanke yra failai iš spalvotų mygtukų vaizdų), įdėkite juodą mygtuką pirmoje vaizdo pusėje ir sukurkite hipersaitą, kad pereitumėte į kitą pusę:</p> </ul> <ul><p>Įdėkite oranžinio mygtuko vaizdą savarankiškai, kad pereitumėte iš pirmos pusės į trečią;</p><p>Įdiegti kraštą abu vaizdai lygūs 2;</p> </ul><ul><p>Naršyklėje atidarykite pirmąjį puslapį ir eikite į pranešimų šoną, pakeiskite tai, kaip tinkamai veikia mygtukai.</p><p>Įdėkite mygtukų atvaizdus šonuose 2.htm ir 3.htm patys ir nustatykite hiperjėgos tipą.</p><p>Naršyklėje atidarykite pirmąjį puslapį ir eikite į pranešimų šoną, patikrinkite, ar tinkamai veikia visų pusių mygtukai.</p> </ul><p><i><u>Alternatyvus tekstas.</u> </i> </span><i> </i>žiniatinklio <span>-puslapį gali rodyti naršyklė, kuri negali būti naudojama vaizdui rodyti. Koristuvachuose dažnai rodomi maži spaudiniai, kad dokumentas būtų priimtas greičiau. Ir tuo ir kitu būdu reikia duoti atpažinimo galimybę, kuri parodyta paveikslėlyje, o tai neįmanoma. Kam cituoti alternatyvų tekstą, kuris pateikiamas abstrakčiai< </span> img> atributas <b>alt</b><b>(kitaip</b> <b>titulą</b><b>), </b> <span>tsey atributas, rodantis tekstą roztashuvannya paveikslėlių lauke pіd valanda її zavantazhennya. Pavyzdžiui:</p> <p><img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy></p> <p><i><u>Vikoristannya kūdikio jako fonas</u> </i>. Jei norite mirktelėti mažiesiems kaip šono apačią („grotelės“), tada abstrakčiai <BODY >vietoj šio atributo iš priskirto vaizdo adreso. Pavyzdžiui:</p> <p><BODY background =”boss3.gif” >.</p> <p><i><b>Framey</b> </i></p> <p><i><u>Kelių dokumentų talpinimas vienoje svetainėje.</u> </i>„Mova HTML“ suteikia galimybę padalyti naršyklės programą į dalis ir jų odoje rodyti okremy dokumentą. Tokios sritys vadinamos <i>personalas.</i><b> <br></b> Kaip atrodo HTML dokumento struktūra, kaip pašalinti rėmelius iš įprasto HTML dokumento? Už tokį dokumentą nereikėtų keršyti dokumento „kūnui“ ir nereikėtų keršyti originaliam tekstui. Natomas aprašė personalą ir dokumentų pavadinimus, kurie yra nugalėti aplinkiniame regione. <b><br>< </b><b>FRAMESET</b> <b>>… </b><b>FRAMESET</b> <b>> </b> rėmelių žymos. <b><br></b> Mіzh žymos <b>< </b> FRAMESET >…FRAMESET > sukuriamas sričių išdėstymo aprašymas naršyklės lange bei dokumentai, kurie turėtų būti įvesti į šių sričių odą. <br>Žyma <FRAMESET >kaltas dėl keršto obov'yaskovy atributas <b>stulpeliai</b> arba <b>eilės,</b> pradinis viknos sulaužymo būdas. Šių atributų reikšmės lemia langų aukštį (arba plotį). Їх nustatyti per kam pikseliais arba vіdsotkah. Kaip likusį parametrą galite pasirinkti simbolį „zirochka“ (*). Po tokiu kadru matosi visa erdvė. <br>Kai skiriasi atributas cols, langas yra padalintas į sritį vertikaliomis linijomis, o kai skiriasi eilučių atributas, jis yra horizontalus, pvz. <br><FRAMESET rows =”45%,30%,25%”>, <FRAMESET cols =”40%,30%,30%”><br>Kaip nusikaltimas ir užduoties atributai, lange sukuriamas subdomenų tinklas, pavyzdžiui, <br><i> </i><frameset rows =30%,30%,30%><br> <frame src =name .htm ><br> <frame src =sun .htm ><br><frameset cols =50%,*><br> <frame src =cat 1.htm ><br> <frame src =cat 2.htm ><br>rėmelių rinkinys > <br>Dėl to ekranas yra padalintas į du subdomenus: du horizontalius ir du vertikalius. Kodėl yra trečioji atributo reikšmė <i>eilučių</i> leidžia ekrane įdėti vertikalų padomenį.</p> <p><b>< </b><b>FRAM</b> <b>E>-</b> viena žyma, priedai ir žyma <FRAMESET >, gali atkeršyti obov'yazykovy atributas <b>src</b> <b>, </b> pradinis dokumentas, kuris bus paimtas į regioną, pavyzdžiui, <FRAME src =”doc 3.htm ”><br><i>užpakalis. <br></i> <html ><br> <head ><br> <meta http -eguiv ="Content -Type " content ="text /html ;charset =windows -1251"> <meta name ="Author " content ="Ivanov Ivan "><br> <meta name ="Keywords " content ="Животные, собаки, клубы"><br>galva > <br><title >Puslapis su naršymo juosta > <br> <frameset cols =25%,*><br> <frame src =19_1.htm ><br> <frame src =19_2.htm ><br>rėmelių rinkinys > <br>html> <br>BET</p> <p><img src='https://i0.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m27ce16d6.jpg' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><i><u>HTML dokumentų tankis.</u> </i></p> <p>Kūrybinis HTML dokumentų kūrimo pobūdis panašus į programavimą, todėl atleidus gali kilti sunkumų arba vėl neįmanoma perskaityti dokumento kūrinių internete. Be to, didinga kompiuterių, prijungtų prie interneto, įvairovė lemia tai, kad neįmanoma perkelti, tarsi pats dokumentas būtų matomas tam tikro koristuvach ekrane.</p> <p>Žiniatinklio pusės priskiriamos plačiajai auditorijai, taigi ir HTML dokumentų rengimo valanda, kad būtų atsimintos šios funkcijos. Norėdami sukurti gerą HTML dokumentą, laikykitės paprastų taisyklių.</p> <p>3. Kad HTML dokumentas būtų prieinamas kuo platesnei auditorijai, toliau reikia atlikti „tik vieną žingsnį“ likusiai HTML filmo kūrimo daliai. Likusios naujovės naršyklėse nebus įdiegtos iš karto, o kol naujos versijos pasieks daugiau pagrindinių, prireiks valandos. Dokumentai su naujausiomis naujovėmis prieinami tik plačiajai visuomenei.</p> <p>4. Atleidimas, nes naujokai dažnai išsisuka, baksnoja į piktus dizaino elementus, ypač išskirtines spalvas ir šriftus. Tokia pusė per trumpiausią laiką atrodo kaip šaukti. Blogiausiu atveju tekstas gali būti neįskaitomas kompiuteriuose su nestandartine spalvų schema arba dėl būtinų šriftų.</p> <p>5. Nesekite grafinių vaizdų ir daugialypės terpės failų. Esant tokių objektų gausai, pusės susidomėjimas gali užsitęsti, o skaitytojas gali išleisti susidomėjimą, kol nepraras gebėjimo skaityti.</p> <p>6. HTML dokumentų kūrimo šukės yra panašios į programavimą, atleidimo paieškos ir taisymo procesą, pagalbą programuojant, taip pat būtinos kuriant žiniatinklio pusę. Dar daugiau, net jei ne visi atleidimai gali būti parodyti prieš tai, kai puslapis tampa prieinamas trečiųjų šalių skaitytojams. Prieš atleidimą, jei reikia juos taisyti, įveskite tuos pačius gramatinius atleidimus ir atleidimus.</p> <p>7. Framey – dar sunkesnis, bet dar nesaugesnis interneto pusių dizainui. Darbuotojų pagalba buvo nuveikta daug daugiau netoli interneto pusių, žemiau toli. Vienintelis rėmų sąstingio raštingumo kriterijus yra koristuvach branda. Tarsi rėmų užuolaidos, šonas pasidaro sodriai gražus, bet trochai ne tokie patogūs, su rėmais reikia tvarkytis nepersistengiant. Nieko, okrim rozdratuvannya, skaitytojai nieko nesakys.</p> <p>8. Žmonės vertina turbotą ir pagarbą. Svarbiausios informacijos talpinimas viršutinėje puslapio dalyje leidžia nuolankiai praleisti valandą, išplečiant dokumento žavesį. Daugybė rudų hiperpozilanų šone ne tik padeda žmonėms padidinti interneto erdvės kainą, bet ir staiga pasisuka į šoną, kas suteikė jiems tokią galimybę.</p> <p><b>Praktiškas robotas numeris 6 <br>„Kelių dokumentų talpinimas vienoje svetainėje“</b> </p> <p><b>Tikslas:</b> išmokite kurti rėmelius naudodami teksto rengyklę Notepad. <br><b>Vkazіvki į vikonannya:</b></p> <ul><p>Atidarykite „Notepad“ teksto rengyklę.</p><p>Sukurkite naują žiniatinklio pusę, nes naršyklė gali atrodyti taip:</p> </ul><p><img src='https://i2.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_25dae440.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <ul><p>Elemente įveskite pusės pavadinimą „P / r Nr. 6“.</p><p>Naršyklės lange pažiūrėkite į sukurtą žiniatinklio pusę.</p><p><br>Atlikite kitą pakeitimą: atributas <i>eilučių</i> pakeisti pirmąsias dvi reikšmes, <i> </i> Pasirinkite trečią reikšmę.</p><p>Išsaugoti pakeitimą.</p><p>Pažiūrėkite į rezultatą naršyklėje. Kas pasikeitė?</p><p>Pasakykite pakeisti, pasukite į svetainės išėjimą.</p><p>Pažvelkite į savo naršyklės lango žiniatinklio pusę.</p> </ul><h6>3 tema. Grafika internete</h6> <p><i><b>Kompiuterinės grafikos teorijos elementai</b> </i></p> <p><i><u>Spalvotas modelis.</u> </i></p> <p>Vaizdas gali būti nespalvotas, nap_vtonovim (panašus į vieną spalvą) ir spalvotas. Tačiau spalvotas pūdymo vaizdas gali būti atpažįstamas kaip kitokia spalvų paletė. RGB paletė pasirinkta kompiuterių monitoriams, tobto. vaizdams, tarsi žiūrėdamas į monitorius. CMYK paletė skirta kurti vaizdus, ​​​​kurie bendrinami su kitais.</p> <p>Labiausiai išplėstas spalvų modelis vadinamas RGB Raudona - raudona, Žalia - žalia, Mėlyna - mėlyna pagal trijų pagrindinių spalvų pavadinimus, kurie jame yra pergalingi dėl visų kitų. RGB spalvų modelis šviečia vaizdu, kuris atrodo kaip trys susimaišę raukšlės. Peretina qi centre trys spalvos suteikia baltą spalvą. Poromis summіzhny gurtkіv juostos suteikia papildomų spalvų: geltonos, juodos, violetinės.</p> <p>RGB modelis turi tris kanalus – raudoną, žalią ir mėlyną, tada RGB yra trijų kanalų spalvų modelis.</p> <p>Oda iš trijų RGB spalvų komponentų gali turėti vieną iš 256 reikšmių - nuo maksimalaus intensyvumo (255 255 255 - balta) iki nulinio intensyvumo (0,0,0 - juoda). visiškai nesvarbu, kokią spalvą ir spalvą galite pasirinkti pagal raudoną, žalią ir mėlyną spalvas skirtingomis proporcijomis</p> <p>Norint sukurti harmoningą spalvų kompoziciją, būtina žinoti spalvos ypatybes. Natūralu, kad tokių pokaznikų yra daug, iš pirmo žvilgsnio yra mažiau nei pagrindinių.</p> <p><i><u>Spalvos ypatybės</u> </i></p> <p>Viena iš spalvų schemų apibūdina bet kokios rūšies natūralią galią - HSV schema (tonas, sodrumas, ryškumas)</p> <p>Atspalvio tonas – vienas spalvos taškas, kuo ryškesnis.</p> <p>Sodrumas - pagrindinės spalvos spіvіdshnennia ir tas pats pilkos spalvos spindesys.</p> <p>Ryškumo vertė – ryškus spalvų ryškumas (kraštutinės pozicijos – juodas ir maksimaliai ryškus tonas)</p> <p><b>Praktiškas robotas numeris 6</b> </p> <p><b>"Robotas su RGB spalvų modeliu"</b> </p> <p><i><b>Užduotis 1. Formato spalvos žymėjimas</b> </i><i><b>RGB</b> </i> </p> <p><b>Tsіl</b>: sužinokite, kaip pasirinkti spalvas RGB formatu</p> <p><b>Vkazіvki į vikonannya:</b></p> <ul><p>Paleiskite grafinę rengyklę „Paint“ (Pradėti - Programos - Priedai)</p><p>Nuspręskite, kiek įrašų turi RGB modelis, ir įkelkite lentelę:</p> </ul><p>Kam pasirinkti komandą Paletė – Keisti paletę. Dialogo lange Keisti skydelį spustelėkite mygtuką Keisti spalvą, įveskite spalvų reikšmę teksto lauke, esančiame spalvos lauko apačioje. Leidžiamas odos bloko diapazonas yra nuo 0 iki 255, kai 0 yra tamsiausia, o 255 yra ryškiausia.</p> <p><i><b>2 užduotis. Skirtingo intensyvumo spalvų keitimas grafiniam redaktoriui</b> </i> Dažyti</p> <p><b>Tsіl</b>: išmokite praktikuoti su skirtingo intensyvumo spalvomis paprasčiausioje grafinėje rengyklėje</p> <p><b>Vkazіvki į vikonannya:</b></p> <ul><p>Pasirinkite, kuri spalva bus paimta maišant dvi spalvas maksimaliu intensyvumu (255):</p> </ul><ul><p>raudona ir žalia;</p><p>žalia ir mėlyna;</p><p>raudona ir mėlyna.</p> </ul><ul><p>Nuspręskite, kuri spalva bus paimta maišant dvi spalvas per pusę intensyvumo (127):</p> </ul><ul><p>raudona ir žalia;</p><p>žalia ir mėlyna;</p><p>raudona ir mėlyna.</p> </ul><p>žalia ir mėlyna</p> <p>raudona ir mėlyna</p> <p>maksimalus intensyvumas</p> <p>pusės intensyvumo</p> <p><i><b>Užduotis 3. Dažymas pagal spalvą grafiniame redaktoriuje</b> </i><i><b>Dažyti</b> </i> <i><b>. </b> </i></p> <p><b>Tsіl</b>: išmokite pasirinkti spalvas</p> <p><b>Pareiškimai prieš zastosuvannya:</b></p> <ul><p>Naujame faile nupieškite šias spalvai suteiktas geometrines figūras:</p> </ul><ul><p>Kvadratas (205, 44, 100);</p><p>Stačiakampis (0, 230, 69);</p><p>Colo (30, 30, 30);</p><p>Ovalas (200, 100, 20);</p><p>„Trikutnik“ (10, 10, 10);</p><p>Trapecija (50, 50, 250).</p> </ul><p><i><u>Spalvų schemos</u> </i></p> <p>Žinodami sprinyattya odos spalvos ir spalvų derinių ypatumus, galite sukelti keletą mažai paruoštų schemų. Šių schemų oda, įkvėpta gyvenimo, skamba savaip, įneša į kompoziciją dainingos nuotaikos.</p> <p>Jei norime pasiekti darnų spalvų derinį, galime paimti šakelę iš anksto nuspalvintų, sumaišytų po vieną ant spalvos numerio. Pavyzdžiui, geltona ir geltonai žalia.</p> <p>Norėdami sukurti kontrastą, rinkitės protelines spalvas, susiuvęs priešingoje pusėje. Tokios spalvos vadinamos tokiomis, kurios papildo. Zastosovani tvarka, smarvė apiplėšus vieną iš gyvo ir gyvo. Bet geltona - violetinė, violetinė - žalia - pritaikykite spalvas, kurias norite pridėti.</p> <p>Krym vykoristannya kolorіv, raztashovannyh užsisakyti po vieną, galite pabandyti vikoristovuvat vieną iš pačių spalvų, alera skirtingo laipsnio turtingumą.</p> <p>Prote nabіlsh nadіyne i nevycherpne dzherelo kolіrnyh schemos - gamta. Žmonės yra neatsiejama dalis, ir niekas nėra toks tylus kaip akys, kaip natūralaus švelnumo ir grožio harmonija.</p> <p>Prestižinės spalvos: auksinė, sidabrinė, tamsiai pilka, juoda. Їhnє zavdannya - perteikti tvirtumą, atsparumą, stabilumą ir aukštą vartiškumą.</p> <p>Pastelinės spalvos: apatinė, smėlio, rožinė, juoda – moteriška, švelni, rožinė.</p> <p>„Sveikos“ spalvos: iš amerikietiškos psichologijos – švara, sveikata, gėris, šeima (geltonai žalia dūžta nuo juodos spalvos pridėjimo).</p> <p>Natūralios spalvos: artimos ekologiškoms, natūraliems komponentams.</p> <p>„Rollings“ kaip pergalingos spalvos variantas - dainuoja vienos spalvos tonines natas ir kaip akcentas - aktyvioji spalva</p> <p>Geriau pabandyk valandomis apverstą receptą: spalvinti minimaliomis spalvomis, bet pačias spalvas, su kuriomis pasirenkama pagal galimybę kontrastuoti. Pagrindinė fono ir teksto spalvų statymo priežastis yra pakankamas kontrastas tarp jų, būtinas patogiam skaitymui.</p> <p><i><u>Saugi paletė.</u> </i></p> <p>Neįmanoma pamiršti, kad svetainės kūrėjas neturi tinkamos išvaizdos, kuriam kompiuterio modeliui, ir tokių programų pavadinimu galėsite žiūrėti per savo televizorių. Vіn ne vpevneniy, chi nekeičia jogo "žaliosios yalinkos" į raudoną ar oranžinę koristuvachiv ekranuose.</p> <p>Todėl visos populiarios programos, skirtos peržiūrėti žiniatinklio puses (naršyklės), buvo skirtos vienai fiksuotai paletei. Šis skydelis turi ne 256 spalvas, o tik 216. Taip yra dėl to, kad ne visi kompiuteriai gali apdoroti 256 spalvas.</p> <p>Tokia fiksuota paletė, kuri tiesiog priskiria indeksą 216 spalvų kodavimui, vadinama nerūpestinga palete.</p> <p><i><u>Rastrinė grafika</u> </i></p> <p>Grafikos rastrinio vaizdavimo pagrindas yra pikselis (taškas) iš priskirtų spalvų. Apibūdinant, pavyzdžiui, raudoną elipsę ant balto amaro, reikia nurodyti odos taško spalvą kaip elipsę, taip pat foną. Vaizdas atrodo kaip daug taškų – kurie didesni, vizualiai vaizdas mažesnis, o failo dydis didesnis.</p> <p>Failo rastras turėtų skambėti pergalingai fotografinio tipo vaizdui su daugybe detalių ar vaizdų. Tokių nuotraukų skalė skambės kaip ryškesnis ryškumas.</p> <p><i><u>Vektorinė grafika</u> </i></p> <p>Vaizdo elementų aprašyme vektorius nerodomas matematinėmis kreivėmis iš priskirtų spalvų ir priskyrimų. Raudoną elipsę ant baltųjų amarų apibūdins tik dvi matematinės formulės – stačiakampis ir skirtingų spalvų elipsė rozmiriv ir roztashuvannya. Akivaizdu, kad toks paskolos aprašymas yra žymiai mažesnis nei mėnuo, žemesnis nei rastrinės grafikos atveju. Kitas perevaga - yakіsne mastelio keitimas ne be-yakiy bіk.</p> <p>Pasirinkite rastrinį arba vektorinį formatą, kurį norite išdėstyti darbo tikslais ir iš vaizdų. Jei reikalingas fotografinis spalvos tikslumas, tai spalva gražesnė. Logotipai, diagramos, dizaino elementai lengviau matomi vektoriniu formatu.</p> <p><i><u>Formatuoti grafinius failus internetui</u> </i></p> <p>GIF ir JPEG yra du populiariausi grafiniai formatai ir iš tikrųjų tapo WWW standartais.</p> <p>Nuotraukas geriausia daryti JPEG formatu, o iliustracijas – GIF formatu</p> <p><i><u>Grafikos optimizavimas.</u> </i></p> <p>Interneto pusėms dar svarbiau pamaitinti fotografijos pasaulį.</p> <p>Pirmasis optimizavimo etapas yra pagrindinio vaizdo nuotraukos peržiūra ir sprendimas, kad akcentuojamas iliustruotas elementas. Galima prieiti prie papildomos operacijos įrėminti tą svarbiausią pačios skirtingos dalies dalį, kuri perteikia fotografijos pojūtį. Po šios operacijos galite optimizuoti vaizdą, kad pasiektumėte mažiausią dydį. O fotografijų pagalba būtina pasiekti dainavimo kompromisą – jų nevenkite. Ir neapiplėškite jų dėl kažko didingo. Paleiskite 250 x 300 pikselių dydžio nuotrauką ir užimkite apie 6-10 Kb. Tai nereiškia, kad visos kaltos motinos nuotraukos taip pat yra sutaikytos, tačiau nuotraukos sritis yra kalta, bet lygiavertė. Taigi, pavyzdžiui, 45,93 Kb failas, kurio greitis yra 28,8 Kb per sekundę, naršyklėje užfiksuojamas 17 sekundžių.</p> <h4>Praktiškas robotas numeris 8</h4> <p><b>„Grafikos išdėstymas žiniatinklio pusėje“</b> </p> <p><i><b>Užduotis 1. Papuošti spalvomis</b> </i><i><b>žiniatinklio</b> </i> <i><b>-Storinki.</b> </i></p> <p><b>Tikslas:</b> išmokite sukurti spalvotą žiniatinklio pusės foną, pakeisti kitos spalvos šriftą ir dėti horizontalias linijas šonuose.</p> <p><b>Vkazіvki į vikonannya:</b></p> <ul><p>Sukurkite naują žiniatinklio pusę Notepad redaktoriuje.</p><p>Elemente <title >įrašykite pusės pavadinimą "P/r Nr. 8. Užduotis 1".</p><p>Prie burbuolės elemento <body >Vykoristovyte vydpovidny atributas, schobit kolіr fonas šono juodos spalvos.</p><p>Zrobіt balta spalva parašė "On Dobranіch". Patikrinkite tai šono viduryje. 12 šrifto dydis.</p><p>Įdėkite horizontalią raudonos spalvos liniją.</p><p>Zrobіt parašė geltoną spalvą "Svajonių gavimas". Patikrinkite tai šono viduryje. 8 šrifto dydis.</p><p>Įdėkite horizontalią mėlynos spalvos liniją zavtovka 10 pikselių, 50% per visą ekrano plotį, ir sulygiuokite ją centre.</p> </ul><p><i><b>2 užduotis. Grafikos talpinimas svetainėje.</b> </i></p> <p><b>Tsіl</b>: išmokite įdėti grafinius vaizdus žiniatinklio pusėje</p> <p><b>Vkazіvki į vikonannya:</b></p> <ul><p>Sukurkite naują žiniatinklio pusę Notepad redaktoriuje.</p><p>Elemente <title >įveskite šoninės dalies pavadinimą „P / r Nr. 8. 2 užduotis".</p><p>Kas man bus toliau <body >nenurodykite šono spalvos, tada mes įveiksime akcijos foną.</p><p>Padėkite ant mažo futbolo kardo šono. Futbolo .gif failą turi tėvas, kurį nurodė mokytojas. Norėdami įdėti vaizdą, elemente turite nurodyti kelią į failą <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Norėdami greitai apibūdinti kelią į šį grafinį failą, nukopijuokite failą į tą patį aplanką. Tokiu atveju žiniatinklio pusė bus išsaugota. Tą patį elementą galima žiūrėti taip:</p> </ul><p>Jei failas nerastas tame pačiame žiniatinklio aplanke, būtina nurodyti nuorodą į tą failą.</p> <ul><p>Padidinkite antraštę iki mažo „Futbolo kamuolys“, kad gautumėte papildomą atributą alt (title).</p><p>Sukurkite nedidelį 2 pikselių pločio rėmelį.</p><p>Virš mažylio uždėkite didžiausio pasaulyje dydžio antraštę „Futbolo pasaulis“ ir sulygiuokite ją puslapio centre.</p> </ul><p><b>4 tema. HTML žymės. Lentelės</b></p> <p><i><b>C</b> </i> <i><b>pamatyti ir formatuoti lenteles <br></b> </i><i><u>Eilės ir nedidelės lentelės vadovas.</u> </i> Lentelė yra vienas iš naudingiausių būdų pateikti didelius duomenų įsipareigojimus. Mova HTML yra galingiausias būdas kurti įvairių tipų lenteles. <br>Lentelės sudarymo valanda nustatytas įterpimo principas: pagrindinio lentelės elemento viduryje</p> TR > – žyma, apibrėžianti lentelių eilutę. Galutinė žyma gali būti sumušta, eilės šukės baigsis ten, kur prasidės puolimo eilė. <br>…TD > – žyma, kuri nustato lentelės centrą. Galutinė žyma taip pat negali būti pažymėta. <br>Vidurinės gali būti duomenų arba HTML žymos, galiojančios dokumento turinyje. Pavyzdžiui, lentelės viduryje galiu pridėti lentelę ar figūrą. Naršyklės automatiškai apskaičiuoja rozmіri sredkіv ir sієї tabіlі, hocha і autoritetą dažnai galima įdėti і papildomiems atributams. <br><i>Užpakalis (stalas, kuris sulankstytas dviem eilėmis ir stovptsiv). <br></i><TABLE ><br>StateCapital <br>Rusija Maskva <br>Prancūzija Paryžius <br>LENTELĖ > <br>Ašis atrodo taip, kaip ekrane: <p>Telefono numeris</p> <p>Petrova A.I.</p> <p>Smirnovas V.P.</p> <p><i><u>Stalo rėmo pločio nustatymas.</u> </i> Dėl pagalbos atributo <b>siena</b> galite nustatyti lentelės rėmelio plotį pikseliais, pvz.: <br><TABLE bor der=”2”><br>Galite sukurti nematomą tarp lentelių, kurioms reikia nustatyti, kad lentelės rėmo plotis būtų lygus 0, pavyzdžiui, <TABLE width =”300” bgcolor =”#00cc 99” bor der=”0”></p> <p><i><u>Lentelių pločio ir aukščio nustatymas</u> </i><i>. </i> Lentelės plotį ir aukštį galima nustatyti tiksliai pikseliais arba šimto aukštyje iki puslapio pločio naršyklės lange. Naudokite standartinius atributus: <br><b>plotis</b>- Plotis; <br><b>aukščio</b>- Aukštis. <br>Pavyzdžiui, jei mums reikia sudaryti, pavyzdžiui, 500 pikselių pločio singalų lentelę, sakome: <br><TABLE width =”500” bor der=”1”><br>Jei norime perkelti lentelę per visą ekrano plotį, jo nesulaužydami, o tai leido monitoriui pažvelgti į mūsų žiniatinklio pusę, tada nustatykite puslapio plotį, pavyzdžiui, 100%. <br><TABLE width =”100%”bor der=”1 ”><br>Ašis atrodo taip, kaip ekrane:</p> <p>Telefono numeris</p> <p>Petrova A.I.</p> <p>Smirnovas V.P.</p> <p>Kadangi mums reikia didelio eilutės aukščio, pavyzdžiui, 300 pikselių, galime parodyti dar vieną atributą: <br><TABLE width=”100%” height=”300” bor der=”1”><br><i><u>Fono ir stalo vidurio spalvos nustatymas</u> </i><i>. </i> Visose lentelėse gali būti užduočių, skirtų korpuso spalvai, kuriai yra atributas <b>bgcolor</b>. Šio atributo reikšmė gali būti angliškas žodis, pavyzdžiui, red, arba šešioliktas kodas, pavyzdžiui, #FF0000. <br>Pavyzdžiui, kaip ir kuriant pirmąsias lenteles, būtina nustatyti foną, tada sakysime: <TABLE bgcolor=#c0c0c0></p> <p>Ašis atrodo taip, kaip ekrane:</p> <p>Telefono numeris</p> <p>Petrova A.I.</p> <p>Smirnovas V.P.</p> <p>Tikslią spalvą galite nustatyti lentelių viduryje. Dėl tam tikrų priežasčių atributas bgcolor dedamas elemento viduryje</p><p>Pavyzdžiui, <br><TABLE width=500 border =1><br>StateCapital <br>Auksas>RusijaGeltona>Maskva <br>Kaštoninė>PrancūzijaOrange>Paryžius <br>LENTELĖ ></p><p>Ašis atrodo taip, kaip ekrane:</p> <p><i><u>Duomenų peržiūra lentelių viduryje. <br></u> </i> C іsnuє nabrіr atributai, priznachenih už vyrivnyuvannya duomenis lentelių viduryje. Atributas <b>lygiuotis</b> leidžia peržiūrėti duomenis viduryje horizontaliai. Vin priima šias reikšmes: <br>Kairėn – vaizdas į kairę; <i><u><br></u> </i> Dešinė – dešiniarankis žiūrėjimas; <br>Centras – vaizdas centre. <br>Atributas <b>valign</b> leidžia žiūrėti tekstą vertikaliai. Vertės gali būti tokios: <br>Viršus - išlyginimas išilgai viršutinio vidurio krašto; <br>Viduryje – žiūrima iš centro; <br>Bazinė linija – matomumas už pirmos eilės <br><i>užpakalis. <br></i><TABLE width =100% border =1 align =center ><br> <TR ><br> <TD ><B >Horizontalus lygiavimas B >TD > <br></p><p>Centruota <br>kairė> Kairė <br>Pravoruch <br> <TR ><br> <TD ><B >Vertikalus lygiavimas B >TD > <br>valign=top > TD viršus > <br> <TD valign =middle >Centras TD > <br> <TD valign =baseline >Apatinis kraštas TD > <br>TR > <br>LENTELĖ > <br>Dėl to mes sudarysime lentelę: <b>Žiūrėjimas horizontaliai</b> </p><p>Centruota</p> <p>Livoruchas</p> <p>Pravoruch</p> <p><b>Žiūrima pagal <br>vertikaliai</b></p> <p>Viršutinis kraštas</p> <p>Centruota</p> <p>Išilgai apatinio krašto</p> <p><b><br>< </b><b>stalo</b> <b>plotis</b> <b>=500 </b><b>siena</b> <b>=3> </b></p> <p> <b>sėkmė</b> </p> <b>N <b>P</b><b>/ </b> <b>P</b> </b><b><b>prizvische</b> </b><b><b>Mokykla</b> </b><b><b>klasė</b> </b><p><b> <span><b>Praktiškas robotas numeris 9 <br>"Lentelių kūrimas ir formatavimas"</b> </span> </b></p><p><b><b>Tikslas:</b> išmokite kurti ir formatuoti paprastas lenteles teksto rengyklėje Notepad. <br><b>Vkazіvki į vikonannya:</b> </b></p><p><b>Sukurkite naują žiniatinklio pusę, nes naršyklė gali atrodyti taip:</b></p><b>prizvische</b><p><b>Telefono numeris</b></p><p><b>Petrova A.I.</b></p><p><b>31-74-16 </b></p><p><b>Smirnovas V.P.</b></p><p><b>46-29-89 </b></p><p><b>Stalo fono spalva sidabrinė, stalo rėmo plotis 1.</b></p><p><b>Elemente įveskite pusės pavadinimą „P / r Nr. 14“.</b></p><p><b>Naršyklės lange pažiūrėkite į sukurtą žiniatinklio pusę.</b></p><p><b>Atsiverskite failą, išsaugotą Notepad. <br>Atlikite naują pakeitimą taip, kad žiniatinklio pusė naršyklėje atrodytų taip:</b></p><p><b>Telefono rinkiklis</b></p> <b>prizvische</b><p><b>Telefono numeris</b></p><p><b>Petrova A.I.</b></p><p><b>31-74-16 </b></p><p><b>Smirnovas V.P.</b></p><p><b>46-29-89 </b></p> <p>Pirmos eilės vidurinių eilių fono spalva šviesiai žalia, antros eilės vidurinių eilių fono spalva šviesi, lentelės rėmo plotis 5.</p><p><b>Pažvelkite į tinklalapį „Windows“ naršyklėje.</b></p><p><b>Išsaugoti pakeitimą.</b></p><p><b><i><u><b>Eilučių ir stovptsivo asociacija viduryje</b> </u> </i><i>. </i> </b></p><p><b>Kai raginama sulankstyti lenteles, viename viduryje reikia sujungti (pyktį) abostovptsiv eilių šakelę. Kam naudoti atributus: <b>colspan-y</b> rodo stulpelių, sujungtų viename centre, skaičių (užrakinti = 1), <b>eilučių ilgis-y</b> rodomas eilučių skaičius, sujungtas į vieną vidurį (santrumpoms = 1). <i>Taikyti:</i> </b></p><b>1 </b><p> <b>1 </b></p><p>Dėl visos šios informacijos lentelė bus įvesta pasirodžius parametrui <b>rowspan = "2",</b> yakіy figūra, vіdpovіdaє kіlkostі "podryadok" , tobto. Tiesą sakant, tie gudrūs rowkiv buvo pikti viduryje. Kaip ir simetrinėje lentelėje, blogai skaitome į dešinę, tada čia matome tą patį, tik kodėl kodas prieš vidurį su dviem turėtų reikšti vidurį su skaičiumi trys? Viskas paprasta - <i>tiesiogine prasme</i> pirmosios eilutės kodas iššifruojamas kaip "komіrka, ką atkeršyti dan 1", "comіrka, už ką atkeršyti dan 3, kuri susideda iš dviejų eilučių", kitos eilutės kodas iššifruojamas kaip "comіrka, what to atkeršyti ir 2". <u>Yak bachimo, fiziškai viduriniai 3 atsigulkite į PIRMĄ eilę!</u></p> <p>Na, mes turime komіrki, perkeltas horizontaliai, tada pakeiskite žymą <b>eilių tarpas</b>žymos žyma <b>colspan</b> natūralu, tame viduryje, kuris užima daug darbuotojų). <i>Pavyzdžiui:</i><i> </i> </p> <table width="684" border="0"><tr valign="top"><td width="80"> </td> <td width="79"> </td> </tr></table><table width="200" border="1"><tr align="center"><td colspan="2">1 </td> </tr><tr align="center"><td>2 </td><td>3 </td> </tr></table><p><b>Praktiškas robotas numeris 10 <br>"Eilučių ir stulpelių sąjunga lentelių viduryje"</b> </p> <p><b>Tikslas:</b> <span>išmokite kurti sulankstomus lenteles teksto rengyklėje Notepad. <br></span><span><b>Vkazіvki į vikonannya:</b> </p> <ul><p>Atidarykite „Notepad“ teksto rengyklę.</p><p>Sukurkite naują žiniatinklio pusę, nes naršyklė gali atrodyti taip:</p> </ul><p>sėkmė</p> p/n <p>prizvische</p> <p>Mokykla</p> <p>klasė</p> <p>Chemijos pažymiai</p> <p>1 p/g</p> <p>2 p/g</p> <p><b>Ivanovas</b> </p> <p><b>Petrovas</b> </p> <p><b>Sidoriv</b> </p> <p>Pirmos lentelės eilės korpuso spalva akvamarino, stalo plotis 500, stalo rėmo plotis 3.</p> <ul><p>Elemente įveskite kraštinės pavadinimą „P / r Nr. 10“.</p><p>Naršyklės lange pažiūrėkite į sukurtą žiniatinklio pusę.</p><p>Atsiverskite failą, išsaugotą Notepad. <br></span><br></p> </ul><p><i><u>Tinklalapio žymėjimas papildomoms lentelėms.</u> </i> Interneto pusės žymėjimas rankiniu būdu tikrinamas pagalbinėje lentelėje. Įvairių išdėstymo variantų galimybė. Pažvelkime į jų poelgius. <br><b>Pirmas variantas.</b>Šono išdėstymas atliekamas iš skirtingų pusių viso ekrano pločiu, neatsižvelgiant į ekrano dydį (plotis = "1000%"). Tokiu būdu rankiniu būdu sukurkite lentelę, sudarytą iš dviejų eilučių ir dviejų stulpelių. Viršutinė eilutė bus rodoma po puslapio antrašte, kairioji – po svetainės meniu. Tokiam išdėstymui šonas visada užims visą ekraną, nepriklausomai nuo to, kuris leido ekranui stovėti prie lango (4.12 pav.).</p> <p><img src='https://i1.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m775cb074.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><b>Ryžiai. 4.12.</b> </span><span>Užpakalio žymėjimas</span><span>žiniatinklio</span><span>-Storinki. Pirmas variantas</p> <p>Iki nedidelio tokio apvado kiekio vietoj šono galima uždėti „plūdrumą“, tad pasikeitus ekrano dydžiui, būsite kalti, kad pastatysite jį prie didesnio siauro rėmelio, o tekstas „spovzaє "žemyn. Jei daugiau nieko nereikėjo, būtina pasirinkti fiksuojantį stalo išdėstymą, net jei ekranas skiriasi, stalas atrodo nekeičiamas.</p> <p><b>Kitas variantas.</b>Šono žymėjimas atliekamas už papildomos 760 pikselių pločio lentelės, išlygiuotos ekrano centre. Kai Tsomu Vіdvіduvach turi yakogo rozdіlna zdatnіst šią funkciją dorіvnyuє 800x600 pіkselіnku pločio, praktiški visiems ekranui ir vіdvіduvach turėti yakogo rozdіlna zdatnіsth monіtora dorіvnyuє 1024x768 I vische, bachtime plotis 760 pіkselіv šios funkcijos centre I bili lauko centras of bokіv od neї.</p> <p>Tokiu būdu rankiniu būdu sukurkite lentelę, kurią sudaro trys eilutės ir vienas stulpelis. Viršutinėje eilutėje bus puslapio pavadinimas, kitoje – svetainės meniu, o trečioje – svetainės vidurys (4.13 pav.).</p> <p><img src='https://i2.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_20004b1a.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><b>Ryžiai. 4.13.</b> </span><span>Užpakalio žymėjimas</span><span>žiniatinklio</span><span>-Storinki. Kitas variantas</p> <p>Jei reikia įdėti šoninės juostos teksto viduryje, nesvarbu, ar tai būtų iliustracijos, nuotraukos ir pan., tada taip pat yra lentelės. Apatinėje užpakalinėje dalyje lentelė įterpiama į kitą kitos eilutės, kurią sudaro dvi eilutės ir trys stulpeliai, centrą. Pirmoje ir trečioje pirmos eilės viduryje įterpiami mažyliai, kaip ir prie kito pirmos eilės vidurio - pusės pavadinimas. Prieš visus kitos eilutės vidurius įvedamas tekstas (4.14 pav.).</p> <p><b>Ryžiai. 4.14.</b> </span><span>Užpakalio žymėjimas</span><span>žiniatinklio</span><span>-Storinki. Trečias variantas</p> <br clear="left"><br><img src='https://i1.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m32b43cfb.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy><h6>5 tema. Subsumkovo darbas „Svetainės šia tema kūrimas Notepad TR“</h6> <p>Besimokantieji namuose kuria ir popieriuje kuria ir kuria interneto svetainės projektą kaip kūrybingas robotas, o tada įgyvendina jį naudodami HTML kilnojamuosius elementus.</p> <p>_____________________________________________________________________________</p> <p>Išplėtimo kursas pagal I knygą. Smirnova „Web-dizaino burbuliukai“.</p> <p><b>MOKYMOSI MASKAVOS REGIONO MINISTIJA</b></p> <p><b>DBPOU MO "PAVLOVO-POSAD TECHNIKUM"</b></p> <p><b>Z VIKONANNYA KURSINIS DARBAS</b></p> <p><b>Už discipliną</b></p> <p><b>"Kursai žiniatinklio dizaino tema ir interneto svetainių kūrimo programos"</b></p> <p><b>Specialybei 230701</b></p> <p><b>„Taikomoji informatika ekonomikoje“ 4 kursas</b></p> <p>Vikladachas: G.Є</p> <p>Peržiūrėjo ciklinis metodinis komitetas</p> <p>Socialinis ir ekonominis profilis</p> <p>Protokolas № vіd "" 20g.</p> <p>Ciklinės komisijos vadovas <u>Mishina O.M.</u></p> <p>2016-2017 m. rіk</p> <p>Įėjimas</p> <p>1. World Wide Web3</p> <p>1.1. Pasaulio žiniatinklio išplėtimas iki interneto. 5</p> <p>2. Pagalbos HTML5 filmams žiniatinklio pusės kūrimas</p> <p>2.1. Mova HTML 5</p> <p>2.2. HTML dokumento struktūra5</p> <p>2.3 Teksto formatavimas7</p> <p>3. Interneto svetainių kūrimo programos8</p> <p>3.1 HTML redaktorius8</p> <p>3.2 Grafiniai redaktoriai13</p> <p>3.3 Mėsos technologija13</p> <p>4. WORD12 WEB pusių kūrimas</p> <p>4.1 Kaip sukurti tinklalapius naudojant WORD12</p> <p>4.2 Suženklintų ir sunumeruotų sąrašų kūrimas13</p> <p>4.3 Horizontalios linijos13</p> <p>4.4 Pridėti foną13</p> <p>4.5 Darbas su lentelėmis13</p> <p>4.6 Robotas su brėžiniais13</p> <p>4.7 Hiperpozilano kūrimas14</p> <p>4.8 Vaizdo įrašo įterpimas žiniatinklio pusėje14</p> <p>Nugalėjusios literatūros sąrašas16</p> <br><p><b>1. World Wide Web</b>– pasaulinis kompiuterių tinklas šiandien, skirtas atkeršyti už milijonus svetainių, kuriose skelbiama skirtinga informacija. Žmonės turi prieigą prie informacijos, matydami interneto technologijas. Navigacijai WWW naudojamos specialios programos – interneto naršyklės, kurios leidžia lengviau keliauti brangiau po plačias WWW erdves. Visa žiniatinklio naršyklėje esanti informacija rodoma tinklalapiuose, kurie yra pagrindinis WWW baitų elementas.</p> <p>Daugialypės terpės technologijos palaikomos žiniatinklio pusės gali dalytis įvairia informacija: tekstu, grafika, garsu, animacija ir vaizdo įrašais. Be to, kiek jis yra gražiai pastatytas, kad kita žiniatinklio pusė, pakloti daug pinigų, kas її sėkmės Merezhya.</p> <p>Koristuvachevy priima tas žiniatinklio puses, kurios atrodo stilingiau apipavidalintos, neperkrautos grafika ir animacija, jos yra nušluotos ir teisingai rodomos žiniatinklio naršyklės lange.</p> <br><br><p>Sukurti internetinę pusę nėra lengva, tačiau odos žmogus norėtų išbandyti save dizainerės vaidmenyje. Ir aš, tokiu būdu, be priekaištų, pasirinkau tokią temą savo kursiniam darbui.</p> <p>Savo darbe stengiausi sužinoti, ką būtina žinoti ir atsiminti kuriant žiniatinklio pusę, taip pat programinės įrangos saugumą ir žiniatinklio pusių kūrimo įrankius bei kaip efektyviai laimėti.</p> <p>Be to, savo robotuose peržiūrėjau savo interneto svetainės programavimo pagrindus – HTML, kuris yra plačiausiai priimtas WWW standartas. Suteikti mums galimybę sužinoti apie žiniatinklio pusės struktūrą ir teisingo dizaino gudrybes.</p> <p><b>1.1. Pasaulio žiniatinklio išplėtimas iki interneto</b>.</p> <p>Internetas yra didžiausias pasaulyje kompiuterių tinklas. Internete yra maždaug 150 milijonų abonentų daugiau nei 50 šalių. WWW svarbiausia pasiekiama per internetą; Ale kazhuchi WWW ir internetas Ukrainoje gali būti ne tas pats. WWW gali būti zarahuvati į vidinį zmіstu, tai yra abstraktus žinių pasaulis, kaip ir internetas yra išorinė pasaulinio tinklo pusė, kaip ir daugybė kabelių ir kompiuterių.</p> <p>Taigi, kas yra pasaulinis internetas, arba, kaip atrodo platybėse, WWW, žiniatinklis ar dar paprasčiau – 3W? WWW yra pagrįsta daugialypės terpės informacinė sistema, pagrįsta hipertekstu. Paimkime šiuos pagyrimus eilės tvarka.</p> <p>Paskirstyta informacinė sistema: informacija renkama anoniminiuose vadinamuosiuose WWW serveriuose (serveriuose). Tas kompiuteris, kuriame įdiegta speciali programinė įranga, yra sujungtas su internetu. Coristuvachi, yakі mayut prieiga prie merezhі, gauti tsyu іnformatsiyu pagalbos programa-clientіv, programos peržiūra WWW-documentіv. Peržiūrėjus šią programą, kompiuterio failas siunčiamas į serverį, kuris paima failą su reikiamu dokumentu. Paprašius serveriui, programa nepaiso reikiamo failo arba praneša apie komandą, kuri yra failas dėl kitų neprieinamumo priežasčių. Sąveika tarp kliento-serverio priklauso nuo dainos taisyklių arba, kaip atrodo, protokolų. WWW priimtas protokolas vadinamas HyperText Transfer Protocol, trumpiniu HTTP.</p> <p>Multimedija: informacija apima ne tik tekstą, bet ir dvimatę bei trimatę grafiką, vaizdą ir garsą.</p> <p>Hipertekstas: informacija WWW pateikiama dokumentų pavidalu, ar galima už tai atkeršyti kaip vidinį kryžminį paskelbimą, ar siunčiama į kitus dokumentus, kurie yra išsaugoti tame pačiame ar kitame jūsų serveryje.</p> <p>Tokie pranešimai vadinami hiperpozityviais arba hipersaitais. Kompiuterio ekrane prie lango programos atrodo taip, lyg jos būtų kažkoks vaiko rangas (pavyzdžiui, kitokios spalvos ir (arba) kitokios spalvos) tekstui ar grafikai. Vybirayuchi hiperpozicija, trumpalaikės peržiūros programos gali greitai pereiti iš vienos dokumento dalies į kitą arba iš vieno dokumento į kitą. Jei reikia, programa automatiškai persvarstys su atitinkamu serveriu tos užklausos pakraštyje dėl dokumento, kuriam ji buvo išsiųsta. Kalbant apie tai, hiperteksto informacijos pateikimo idėja gali būti gerai žinoma tiems, kurie yra susipažinę su skirtingomis „Microsoft Windows“ sistemos versijomis. Tuo pačiu principu „Windows“ buvo sukurta užuominų sistema (Help), su tuo skirtumu, kad „Windows“ hipertekstinė užuominų sistema nėra atskira.</p> <p>Be to, svetainė gali pakeisti teksto, grafikos ir hipersaitų stilių ir formatavimą įvairiais interneto ištekliais. Siekiant realizuoti visas galimybes, buvo sukurta speciali kalba, pavadinta „HyperText Markup Language“ (HTML), taigi „Hypertext Markup Language“. Dokumentas, parašytas HTML, kaip tekstinis failas, galintis išvalyti tekstą, kuriame yra skaitytojo informacija, ir ženklo vėliavas. Likite dainuoti simbolių sekas, pavyzdžiui, programos Pereglyadu instrukcijas; Programa gali savo tvarka ekrane rodyti tekstą, įskaitant naujus mažylius, kurie išsaugomi okremi grafiniuose failuose, ir suformuoti hipersaitus su kitais dokumentais ar interneto ištekliais. Tokiu būdu HTML kilnojamasis failas atrodo kaip WWW dokumentas tik vieną kartą, jei jį interpretuoja peržiūros programa. Apie HTML kalbą bus išsamiai aprašyta kitame skyriuje, tačiau nežinant kalbos pagrindų neįmanoma sukurti WWW publikavimo žiniatinklio pusės.</p> <p><b>HTML žinyno žiniatinklio pusės kūrimas</b></p> <p><b>Mova HTML</b></p> <p>Žiniatinklio pusės gali būti naudojamos bet kokiu formatu, bet kaip standartas priimant hiperteksto žymėjimo kalbą – hipertekstų kalbos išdėstymą, atpažįstamą kuriant formatuotą tekstą, pilną vaizdų, garso, animacijos, vaizdo klipų ir hiperteksto pranešimų kituose dokumentuose, plintančią Web – atvira erdvė, taigi ir scho būti tame pačiame serveryje arba є to paties žiniatinklio projekto sandėlyje.</p> <p>Internete galima dirbti nemokant HTML kalbos, HTML teksto fragmentus galima sukurti įvairiais specialiais redaktoriais ir konverteriais. Ale rašyk be vidurio HTML, nesvarbu. Kad atkeršytumėte už atleidimą arba atliktumėte nešvarų HTML kodą, kuris neveikia kitose platformose, kuo dažniau galima naudoti HTML rengyklę arba konverterį.</p> <p>HTML kalba naudojama daugybe variantų ir toliau tobulėja, tačiau HTML konstrukcijos vis dažniau laimės. Išmokę HTML ir geriau jį pažindami, kurdami dokumentą ant HTML ir kiek įmanoma jį išplėtę, galbūt galėsime sukurti žiniatinklio puses, kad galėtumėte pažvelgti į žiniatinklio naršyklių turtingumą, pvz., ir ateityje. Tai neapima galimybės naudoti kitus metodus, pavyzdžiui, metodo išplėsti galimybes, kuriomis remiasi „Netscape Navigator“, „Internet Explorer“ ar kitos programos.</p> <p>Darbas su HTML – tai būdas įgyti dokumentų kūrimo ypatumus iš standartizuotos kalbos, vikoristinio išplėtimo tik esant būtinybei.</p> <p>HTML ratifikavo World Wide Web Consortium. Vіn pіdtrimuєtsya dekіlkom plačiai poshirennymi naršyklių, ir, galbūt, tapti pagrindu mayzhe vsogo programinės įrangos saugumo, kaip interneto.</p> <p><b>HTML dokumento struktūra</b></p> <p>Kadangi HTML dokumentai yra parašyti ASCII formatu, juos galima sukurti naudojant bet kurį teksto rengyklę.</p> <p>Iškvieskite HTML dokumentą – failą iš extensions.html arba .htm, į kurį tekstas pažymėtas HTML žymomis (angl. tag – specialūs intarpai). HTML metodai nurodo žymų, kurias naršyklė gali rodyti žiniatinklio dokumente, išdėstymo sintaksę. Pačių žymų teksto žiniatinklio naršyklė nerodo.</p> <p>HTML dokumentai turi pradžios žymą є žymą <Html>, ir finalas</Html>.</p> <p>Pabaigos žyma imama kaip pradžios elementas, todėl prieš tekstą prie rankų yra simbolis „/“ (pasvirasis brūkšnys).</p> <p>Naršyklė, nuskaitanti HTML dokumentą, pateikia jį lange, įvesdama HTML žymų struktūrą. Skinos HTML dokumentą sudaro trys pagrindinės dalys:</p> <p>1) Nuolankus HTML</p> <p><HTML>і</HTML>. Šių žymų pora nurodo programai peržiūrėti (naršyklėje), kad tarp jų yra dokumentas HTML formatu, be to, pirmoji dokumento žyma gali turėti įkrovos žymą (pačiame dokumento viršuje), o paskutinė žymą (pavyzdžiui, dokumentą).</p> <p>2) Galvos dalis.</p> <p><head>і</head>. Su šiomis žymomis talpinama informacija apie dokumentą (pavadinimas, pokšto raktiniai žodžiai, dokumento aprašymas). Tačiau svarbiausias yra dokumento pavadinimas, todėl jis svarbiausias naršyklės lango viršutinėje eilutėje ir sąrašuose „Vibrant“. Specialios programos-vorai pošukovinių sistemų vikorivyvat dokumento pavadinimas podudovių duomenų bazėms. Norint suteikti pavadinimą HTML dokumentui, tekstas dedamas tarp žymų. <Title>і.

            Mano pirmoji pusė

            3) Dokumento turinys.

            Trečioji dokumento dalis yra trečioji dalis. Jis yra šalia pavadinimo ir yra tarp žymų і. HTML dokumento turinys yra vieta, kur autorius gali rašyti informaciją, suformatuotą naudojant HTML.

            Mano pirmoji pusė ..................................

            Dabar galime parašyti savo pusės HTML kodą:

            Mano pirmoji pusė!

            Teksto formatavimas

            BODY paskirstyme naršyklė nepaiso visų lentelių simbolių ir paskutinės eilutės ir jokiu būdu neišsilieja į ekrano pusę. Todėl eilutės poslinkis išoriniame HTML dokumento tekste nebus perkeltas į naujos teksto eilutės pradžią, o tai matoma pažvelgus į specialių žymų buvimą. Svarbu atsiminti šią taisyklę ir nepamiršti įdėti žymų, kurios skiria eilutes, kitaip tekstas neturės pastraipų ir tapsite neįskaitomas.

            Naujos eilės burbuolei žyma yra pergalinga
            (trumpa anglų kalbos pertrauka – nutraukti). Ši žyma turėtų būti rodoma tol, kol naršyklė parodys apatinį tekstą ant įžeidžiančios eilutės. Žyma, kuri uždaroma naujai, nėra pažymėta. Vіn zruchny, nes tai būtina kiekvieną mėnesį rašant iš naujos eilutės be naujos pastraipos pradžios, pavyzdžiui, viršuje. Pakartotinai šis pasirinkimas leidžia įterpti vieną ar dalį tuščių eilučių, stumiant tolimesnį šono fragmentą žemyn.

            Tokį tekstą be tarpų skaityti nelengva; Į pastraipas suskirstytas tekstas paimtas sodriai, šmaikščiai. Naujos pastraipos pradžioje pridedama žyma

            (angl. pastraipa – pastraipa). Šia žyma užklijuokite naujos eilutės burbulą, įterpkite vieną tuščią eilutę. Naudokite vidurinį žymos lanką, vadinkite kremu, taip pat galite dėti atributus (angl. atributes - atributes). Smarvė kremuojama pavadinime ir tarp savęs kaip tarpas (vienas arba dekilkoma), rašomas kaip atributo pavadinimas = „prasmė“. Jei svarbu nekeršyti už kirtimus, tada letenas galima nuleisti, bet taip dirbti nerekomenduojama. Žyma

            Pavyzdžiui, jokiu būdu negalima, nauja žyma reiškia priekinės dalies uždarymą, aišku, indėliai neįmanomi. Sulygiuoti tekstą su centru taip pat galima naudojant žymą.

            Dabar savo žiniatinklio pusėje galime paskelbti šį tekstą iš įvairių pataisų:

            Mano pirmoji pusė

            Čia bus mano ypatinga pusė!

            Apie juos galite sužinoti: - papasakokite apie mane ir apie mano kaupimą; - Mano nuotraukos.

            Iš vienos mano pusės galite atsiųsti man mažesnį elektroninį lapą.

            Kriminalinis žymų parinkimas, skirtas kurti eilučių ir skirtukų eilutės simbolių eilutę šalia paties HTML dokumento. Kam naudojate žymą. Visas tekstas, dedamas tarp žymų ir rodomas be pakeitimų, todėl būtina naudoti kelias eilutes ir lenteles.

            Pavyzdžiui:

            Tsey teksto rašyba turi dvi eilutes.

            HTML dokumentai, be teksto, gali turėti horizontalias skilimo linijas. Smarvė, kaip ir tekstas, nepraleidžia tų pačių senų failų. Teg vivede horizontalią liniją vienos jungties vzdovzh usієї pločio šono. Horizontali linija turi būti nutiesta iki eilutės pradžios, tačiau tuščios eilutės tarp eilučių tekste nedeklaruojamos. Žyma gali pakeisti atributą šprotas. ir suteikti kontūro liniją iš trivialaus mirties efekto. suteikti socialinę juodą liniją. Linija gali nesitęsti per visą šono plotį, bet tapti mažesnė nei jo dalis. Atributas WIDTH nustato linijos plotį pikseliais kaip visos kraštinės plotį arba pikseliais. Pavyzdžiui, 50% – pusė puslapio pločio, 400 – 400 pikselių pločio. Atributas ALIGN gali įgyti reikšmes, panašias į žymos vertes, tačiau numatytoji reikšmė yra centre. Atributas SIZE nustato linijos plotį pikseliais nuo 1 iki 175; už umovchannyam 1, ale yakshcho (linija - kontūras), tada pridedama draugystė, kuri reikalinga trivimiriniam naikinimo efektui. Eilutės, išdėstytos pastraipų tvarka, leidžia matyti loginius teksto fragmentus. Tačiau yra daug horizontalių linijų, kurios yra nepriimtinos norint peržiūrėti jūsų svetainę, todėl po odos pastraipos jos nepalieka jokių pėdsakų. Smarvė labiau tinka daugeliui šakų matyti.

            Gedimai