Įė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ą:
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ą
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:
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 bus paskelbtas, kai tik bus baigtas dokumento aprašymas. Pavyzdžiui: 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į.Spivrobitnik sąrašas Pagarba! Techniškai pradžios ir pabaigos žymos tipas ,
іDokumento pavadinimas
. Dauguma žiniatinklio naršyklių rodomi vietoj žymos (6.26 pav.):lango antraštėje, kaip ištrinti dokumentą ir žymių faile, taip pat vin palaiko WEB naršyklė. Pavadinimas, pažymėtas і , 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 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į
<ТITLE>KompiuterisТITLE>
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>Н1>(didžiausias) į<Н6>Н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Н1>
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
Н1>
<Р 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ėТITLЕ>
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
- galite nustatyti numeravimo tipą: arabiški skaitmenys (užfiksuoti), "I" (romėniški skaitmenys), "a" (mažos raidės) ir in.
- ta vznachen, yakі eiti į vieną žymą
- .
Tinklalapį „Žodynėlis“ galime pavaizduoti kompiuterinių terminų žodyno pavidalu (6.31 pav.):
- Centrinis kompiuterio priedas, skirtas informacijos apdorojimui dvejetainiu kodu.
Darbinė atmintis
- Prašome, kuriose programose ir duomenys yra saugomi.
- Prašome, kuriose programose ir duomenys yra saugomi.
Procesorius
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ų:
intervalai;
brūkšnelių ( - ).
anglų abėcėlės simboliai;
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.
Arial
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
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 5tekstas išplėstas 6
tekstas išplėstas 7Tylu č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:
< aš > tekstąaš >
< 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.
(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- . 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". 3 . Suformatuokite gaunamą tekstą, kad jis atitiktų teiginius (pateiktas arkos kursyvu), kaip parodyta mažame paveikslėlyje:
Saulė gali, bet:
(8 šrifto dydis, raudona spalva,
lygiavimas centre)
1. Šiltas.
2. Apvalus.
3. Žovtimas.
Snig gali buti:
(6 šrifto dydis, mėlyna spalva,
lygiavimas centre)
B. Šaltis.
S. Pukhnastim.
(Abiejų sąrašų šriftas yra black rosemary 3).
Hiperforce
Žr. hiperpozilaną. < A >… A > hipertekstinės žinutės kūrimas.
Kas turi visus šiuos obov'yazykovy atributus href . Kai kurios reikšmės yra URL adresai, kaip nurodyta pranešime. Tekstas siunčiamas tarp žymų < A >… A >. Kai dokumentas rodomas naršyklėje, atsiųstas tekstas skambės kaip mėlyna spalva. Spustelėkite mygtuką, kad patektumėte į nurodytą URL.Galite pamatyti hiperpozilano šakelę.
Skambučiai (parodyti žiniatinklio pusę su dokumentais, kurie nepriklauso šiai svetainei).
Vidinis (taikyti dokumentus tos pačios svetainės viduryje).
Absoliutus būdas. Kaip hipersaito pavadinimas, jis nurodomas lygiai taip pat, kaip ir pavadinto dokumento URL absoliutus kelias.
užpakalis. http :// www . Microsoft . com ">Microsoft A>
Pagrindinis absoliutaus maršruto trūkumas yra tas, kad perkeliant failus į kitą serverį internete, reikia pakeisti hipererdvę.Vidnosny būdas. Tarsi hiperpozityvus viduje, tada tik ta dalisURL , nes yra tarp dviejų dokumentų, kurie yra sujungti ( taigi titulai vіdnosny būdas), pavyzdžiui, jei du dokumentai yra viename aplanke, pakanka nurodyti juos prie failo, į kurią hipererdvę norite.
Jei dokumentai yra skirtinguose aplankuose, pirmiausia reikia nurodyti aplanko pavadinimą, tada failo pavadinimą, atsižvelgiant į tai, kas nurodyta hipererde.taikyti. Mano ypatinga pusėA >
Didelis dideliais atstumais A >
Geriau laimėti viduje, nes tuo pačiu atveju, perkeliant svetainę į kitą serverį, nereikia keisti iki dešimties dokumentų.Inkarai. Hipertekstiniai pranešimai gali būti rodomi eilutėje šono viduryje, taigi tinkamoje vietoje priekiniame įdėkle jakiras. Yakir taip pat vikoristovu žymės kad A >, bet naujos kalbos atributą href pakeiskite atributu vardas. Atributo reikšmė є im'ya inkarai. Ją galima suformuoti tik iš lotyniškų raidžių, skaičių, o už išvalymus keršyti nekaltas.
Norėdami nusiųsti jakirą į įterpimą, turite nurodyti inkaro pavadinimą, pavyzdžiui, URL adresą po dokumento pavadinimo, o po jo – simbolį „#“.Pašto adreso įvedimas į hipererdvę . 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. Ivanovas Oleksijus
užpakalis.
Siunčiamas tas prierašasTITLE >
GALVA>
Naujas standartinių operacinės sistemos programų versijas ir naujausias tvarkykles galite rasti bendrovės svetainėje
http :// www . Microsoft . com ">Microsoft A>
O dabar galite eiti į mano ypatinga pusė A >
Apie tai, kaip susisiekti su autoriumi, rašoma
pavyzdžiui, šone
Čia yra pagrindinis pusės pasikeitimas
adresas">El. pašto adresaiA >
KŪNAS >
HTML >Praktiškas robotas numeris 4
„Hiperpozilano kūrimas“
1 užduotis. Paprasčiausios hipergalios sukūrimas.
Tikslas: Sužinokite, kaip interpretuoti du HTML dokumentus, kad padėtų hiperpozicijai.
Vkazіvki į vikonannya:
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.
Elemente
įveskite pusės pavadinimą "P/r Nr. 4. Užduotis 1". Į 2 pusę
Į 1 pusę
Atidarykite pirmąjį naršyklės puslapį ir persigalvokite, kad hiperplazijos nusikaltimas veiktų tinkamai.
2 užduotis. Hiperpozilano kūrimas.
Tikslas: Sužinokite, kaip pateikti tris HTML dokumentus, kad padėtų hiperpozicijai.
Galima vikonuoti su kita užduotimi, nes jie sėkmingai įveikė 1 užduotį.
Sukurkite trečiosios šalies puslapį 3.htm.
Puslapio 3.htm pusėje sukurkite užklausą pereiti į 1.htm ir 2.htm puslapio puses.
Puslapiuose 1.htm ir 2.htm pridėkite hiperjėgą, kad pereitumėte į 3.htm puslapį.
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ų.
3 užduotis. Colir hyperposilan .
Tikslas: išmokite pasirinkti hiperpozilano spalvą.
Vikonati zavdannya galima, nes jie sėkmingai pateko į іz Zavdannyam 2.
1.htm, 2.htm ir 3.htm puslapio santraukoje
pasirinkti spalvą hyperposilan:Naršyklėje atidarykite pirmąjį puslapį ir eikite į pranešimų šoną, pakeiskite užduočių spalvą į dešinę.
Mažieji ant žiniatinklio -Storinci.
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 < img >. Obov'yaskovym šios žymos atributas є atributas src, tam tikro būdo į failą su maža nuotrauka reikšmė,
Jei paveikslėlis yra tame pačiame aplanke kaip ir svetainė, tada kelias yra tik į failą, pavyzdžiui: . Jei paveikslėlis yra kitame aplanke, tada reikia nurodyti qiu aplanką, pavyzdžiui: . Jei paveikslėlis yra kitoje svetainėje, būdas parašytas taip pat:
.Abstrakčiai Taip pat galite laimėti šiuos atributus, tokius kaip:
aukščio , plotis- 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: , siena – 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 nustatykite kraštinės atributo reikšmę į nulį,
kraštinės spalva– nustatykite rėmelio spalvą paveikslo šone, pavyzdžiui:
< IMG src="picture.gif" border="3" bordercolor="#CC0000">
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,
lygiuoti- kitų objektų nuotraukų peržiūra:
paveikslėlis bus prispaustas prie kairiojo ekrano krašto, o tekstas bus apvyniotas dešinėje rankoje,
paveikslėlis dešiniarankis, tekstas kairiarankis.Tekstą taip pat galima dėti paveikslėlio apačioje (užrakinti) - (1), viduryje - (2), o kalnuose - (3):
(1) -
(2) -
(3) -vspace- nurodykite tarp teksto ir mažo teksto (vertikaliai):
,
hspace - nustatyti tarp teksto ir mažo (horizontaliai):< imgsrc=" pr1. png" hspace="30">
Rodoma pikseliais.Dėl pagalbos žyma galite susukti vaizdus hipererdvėje, įterpti paveikslėlius į lenteles, redaguoti dizaino užduotis.
Praktiškas robotas numeris 5
„Piktas mažylio jako hipergalia“
Tsіl: išmokite įveikti mažuosius kaip didžiulę galią
1.htm, 2.htm ir 3.htm puslapių šonuose vietoj tekstinės hipertekstilės rašykite mažuosius. Kam:
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ę:
Įdėkite oranžinio mygtuko vaizdą savarankiškai, kad pereitumėte iš pirmos pusės į trečią;
Įdiegti kraštą abu vaizdai lygūs 2;
Naršyklėje atidarykite pirmąjį puslapį ir eikite į pranešimų šoną, pakeiskite tai, kaip tinkamai veikia mygtukai.
Įdėkite mygtukų atvaizdus šonuose 2.htm ir 3.htm patys ir nustatykite hiperjėgos tipą.
Naršyklėje atidarykite pirmąjį puslapį ir eikite į pranešimų šoną, patikrinkite, ar tinkamai veikia visų pusių mygtukai.
Alternatyvus tekstas. žiniatinklio -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< img> atributas alt(kitaip titulą), tsey atributas, rodantis tekstą roztashuvannya paveikslėlių lauke pіd valanda її zavantazhennya. Pavyzdžiui:
Vikoristannya kūdikio jako fonas . Jei norite mirktelėti mažiesiems kaip šono apačią („grotelės“), tada abstrakčiai
vietoj šio atributo iš priskirto vaizdo adreso. Pavyzdžiui: .Framey
Kelių dokumentų talpinimas vienoje svetainėje. „Mova HTML“ suteikia galimybę padalyti naršyklės programą į dalis ir jų odoje rodyti okremy dokumentą. Tokios sritys vadinamos personalas.
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.
< FRAMESET >… FRAMESET > rėmelių žymos.
Mіzh žymos < 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ą.
Žyma - Centrinis kompiuterio priedas, skirtas informacijos apdorojimui dvejetainiu kodu.
< 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