Ulazak
1. Osnovne informacije
1.1 O mov html-u
1.2 Izrada web stranice
1.3 Opće odredbe
1.4 Struktura dokumenta
1.5 Oznake tijela dokumenta
1.6 Popis osnovnih html oznaka
2. Dodatne informacije
2.1 Popis oznaka
2.3 Grafika u sredini dokumenta
2.4 Dodavanje stilova dokumentu
2.5 Prilagođene html oznake
2.6 Html obrazac
2.7 Html okviri
2.8 HTML tablice
2.9 Optimiziranje grafike za web
2.10 Osnove CSS-a
3. Opis izrade stranice
3.1 Priprema
3.2 Sklopiva glava
3.3 Stvaranje druge strane
3.4 Suradnja strane s opisom mjesta
3.5 Foto strana
3.6 Stranica programa
3.7 Storinka s podjacima
Visnovok
Popis pobjedničke literature
Ulazak
Ovaj rad je posvećen mom HTML-u. Za dodatnu podršku kreiraju se datoteke s ekstenzijama *.htm i *.html, koje su web-strane. Od njih se formiraju stranice i internet.
Prije diplomskog rada, stranica je kao primjer onoga što možete učiniti uz pomoć HTML jezika.
Sav rad je podijeljen u 3 podjele. Prvi je razdvojio više zadataka za opis glavnih HTML oznaka. Znat ćete sve potrebne informacije o tome kako napraviti jednostavne web stranice. S druge strane, podijelili su informacije o tome kako poboljšati stari izgled dokumenta i to omogućiti. A treći je razdvojio opis kako je stranica nastala, priloge uz diplomski rad. U novom izvještaju opisan je drugi mjesec teškog rada na izradi stranice, rečeno je o različitim oprostima kada su ispravljani, o teškim metodama usvajanja istih.
Nakon što pročitate ovo, ako ste robot, budite ljudsko biće, naučite o programiranju, možete razumjeti osnove programiranja u HTML-u. A oni koji znaju, moguće je, znati nešto novo za sebe.
1.1 Pro mov HTML
Jezik za označavanje hiperteksta (HTML) je standardni jezik prepoznat za stvaranje hipertekstualnih dokumenata u WEB okruženju. HTML dokumenti mogu se pregledavati u različitim vrstama WEB preglednika. Ako je dokument izrađen iz HTML verzija, WEB preglednik može interpretirati HTML kako bi vidio različite elemente dokumenta i njihovu primarnu obradu. HTML wiki vam omogućuje formatiranje dokumenata za njihovo podnošenje u varijante fontova, linija i drugih grafičkih elemenata na bilo kojem sustavu koji ih gleda.
Većina dokumenata uključuje standardne elemente, kao što su naslov, odlomci ili popisi. Koristeći HTML oznake, možete odrediti ove elemente, ostavljajući WEB preglednicima minimalne informacije za prikaz ovih elemenata, uzimajući u obzir cjelokupnu strukturu i informacijsku cjelovitost dokumenata. Sve što trebate za čitanje HTML dokumenta je WEB preglednik koji tumači HTML oznake i prikazuje dokument na ekranu ispred vas, što bi autor trebao učiniti.
Većinu vremena autor dokumenta izričito definira izvorni izgled dokumenta. U vrijeme HTML čitača, na temelju mogućnosti WEB preglednika, možete opjevati svijet poznatim izgledom dokumenta (iako ne yoga umjesto toga). HTML vam omogućuje da naznačite je li dokument odgovoran za naslov ili odlomak za dodatnu HTML oznaku, a zatim prepustite WEB pregledniku da tumači te oznake. Primjerice, jedan WEB-preglednik može prepoznati oznaku na početku odlomka i prikazati dokument na pravi način, a drugi nema istu mogućnost da dokument pošalje u jednom redu. Drugi WEB preglednici također mogu biti u mogućnosti prilagoditi veličinu i vrstu fonta, boju i druge parametre koji se trebaju dodati prikazu dokumenta.
HTML oznake mogu se pametno podijeliti u dvije kategorije:
1. Oznake koje označavaju kako će WEB preglednik prikazati tijelo dokumenta u cjelini.
2. Oznake koje opisuju cjelokupni autoritet dokumenta, kao što je naslov ili autor dokumenta.
Imajte na umu da je glavna prednost HTML-a to što se vaš dokument može pregledavati na različitim vrstama WEB preglednika i na različitim platformama.
1.2 preklopiti web stranica
HTML dokumenti mogu se izraditi uz pomoć uređivača teksta ili specijaliziranih HTML uređivača i pretvarača. Izbor urednika, koji će se koristiti za izradu HTML-dokumenata, koristiti isključivo u razumijevanju jasnoće i posebne sličnosti autora kože.
Na primjer, HTML uređivači kao što je Netscapeov Netscape Navigator Gold omogućuju vam da grafički kreirate dokumente koristeći WYSIWYG (što vidite, to i dobijete) tehnologiju. S druge strane, većina tradicionalnih alata za izradu dokumenata može se pretvoriti pomoću pretvarača, što omogućuje pretvaranje dokumenata u HTML format.
Sve HTML oznake počinju s "<" (левой угловой скобки) и заканчиваются символом ">(desni vršni luk). U pravilu koristite početnu i završnu oznaku. Za stražnju stranu lebdimo nad oznakama naslova, koje označavaju tekst koji se nalazi u sredini početne i završne oznake i opisuju naslov dokumenta:
Konačna oznaka izgleda isto kao početna i zvuči kao nova izravna kosa crta ispred teksta u sredini vrha. Čija aplikacija ima oznaku
Deyaki oznake, dakle, jak
(oznaka koja definira paragraf), ne zaboravite završnu oznaku, ali također poboljšava čitljivost i strukturu izlaznog teksta dokumenta.
HTML ne reagira na mala i velika slova znakova koji opisuju oznaku, a kada se lebdi ranije, primjer bi mogao izgledati ovako:
Poštovanje! Dodatne praznine, simbole tablice i rotacije nosača, dodane u izlazni tekst HTML dokumenta radi najbolje čitljivosti, WEB preglednik će zanemariti prilikom tumačenja dokumenta. HTML dokument može uključivati opise drugih elemenata, samo ako su smješteni u sredini oznaka
І. Izvještaj o oznakama
Bit će napisano u nastavku.Ako WEB preglednik prihvati dokument, pokazuje kako se dokument može protumačiti. Prva oznaka koja se pojavljuje u dokumentu može biti oznaka . Ova oznaka govori web pregledniku da je vaš dokument napisan u HTML-u. Minimalni HTML dokument izgleda ovako:
Tijelo dokumenta...
Zaglavlje dokumenta
. Oznaka zaglavlja dokumenta odgovorna je za citat pored oznake a više ni blizu naslova dokumenta. Tsey oznaka je opći opis dokumenta. Jedinstveni rozmíschuvat je li tekst u sredini oznake ili ne . Početna oznaka postavljen neposredno ispred oznakei druge oznake koje opisuju dokument, te završnu oznaku bit će objavljen čim se dovrši opis dokumenta. Na primjer: neobov'yaskoví. Osim preporučenih njihovih zaokreta, krhotine oznaka ovih tagova omogućuju WEB-pregledniku da raščlani dio zaglavlja dokumenta i srednji dio dokumenta.Spivrobitnik list Poštovanje! Tehnički, tip početne i završne oznake ,
іNaslov dokumenta
. Većina WEB preglednika prikazuje umjesto oznake (Slika 6.26):u naslovu prozora, kako izbrisati dokument i u datoteci s oznakama, kao i vin je podržan od strane WEB-preglednika. Naslov, označeno і , postavljen u sredini -oznake, kao što je gore prikazano na aplikaciji. Naslov dokumenta se ne prikazuje kada je dokument prikazan u prozoru.Tijekom dana IT-sfera postaje šira i raste, pijući stvaranje web stranica. Tse proizvoditi na zbílshennya kílkostí fahivtsív, yakí spreman da preuzme razvoj stranice i yogo podršku. Međutim, mnogo takvih web-majstrív pokriveno je besplatnim dizajnerima i čak može biti nezamislivo u vezi s programskim i tehničkim stranicama za pohranu. Ludo, upotrebljivost, dizajn i sadržaj još su važniji, ali tehnički slaba stranica s pardonima u kodu ne može donijeti sreću. Stoga, za stvaranje web-mjesta, manje od onih fakhivtsy mogu preuzeti, kao da su ih mogli programirati jezikom i spremni za proširenje stranice od nule.
Koje filmove trebate znati za izradu web stranica?
Dosvídchení rozrobniki scho, scho odabrati movi programuvannya na ugaru víd bogate čimbenike. Međutim, slijedeći shvaćanje da jednostavno ne postoji idealno rješenje, opcija kože može imati svoje prednosti i nedostatke. Potrebno je odabrati taj jezik, kao najbolji pidide za ostvarivanje postavljenih zadataka. Prehrana, kako je potrebno gledati pred sobom, kao izbor jezika:
- poslužiteljska platforma;
- poslužiteljski softver;
- prisutnost informacija na stvorenim stranicama;
- Odabrana baza podataka.
Najpopularniji filmovi
Web stranica Popularnost
(Jedinstveni unosi za mjesec)prednji kraj
(Kupac)pozadina
(poslužitelj)Baza podataka 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 baza podataka wikipedia.org 475,000,000 PHP, Hack MySQL, MariaDB twitter.com 290,000,000 C++, Java, Scala, Ruby MySQL Bing 285,000,000 ASP.NET Microsoft SQL Server eBay.com 285,000,000 Java, JavaScript, Scala Oracle baza podataka msn.com 280,000,000 ASP.NET Microsoft SQL Server Microsoft 270,000,000 ASP.NET Microsoft SQL Server Linkedin.com 260,000,000 Java, JavaScript, Scala Voldemort 250,000,000 Django, Erlang MySQL, Redis wordpress.com 240,000,000 PHP, JavaScript (Node.js) MariaDB, MySQL PHP. U osnovi joge - najjednostavniji jezični markup, HTML. PHP pov'yazuê koristuvach íz poslužiteljski dio. Sama svrha moje vlastite implementacije takvih funkcija, kao oblika povratne veze, registracijska polja su pretanka. Sintaksa tíêí̈ movi je jednostavna i samo vivchiti. Za izradu komercijalnog portala nemoguće je bez PHP-a, za onoga tko treba na novi najjednostavniji način uzeti kontakt podatke koristuvača. Osnovna prednost filma je u činjenici da, vikoristovuyuchi íí̈, programeri mogu brzo i bez zayvih zusil preklopiti dinamičke strane.
Piton. Rusku jogu često nazivaju "python". Tse vysokorívneva mova, yak vikoristovuêtsya za visokorangirani zavdan, ponajviše za vykonannya zavdan poslužitelj. Yogo orijentacija - poboljšanje produktivnosti programera i čitanje koda. Za pomoć možete napraviti sigurnosnu kopiju bogatog skupa programskih paradigmi. Python radi automatski na Windows i Linux poslužiteljima.
Rubi. Rusku jogu često nazivaju "rubi". To je dinamičan, reflektirajući i jezik visoke razine za OOP (objektno orijentirano programiranje). Win vam daje mogućnost implementacije bogatog streaminga na bilo koji OS, usvaja strogu tipizaciju dinamičkog izgleda i može imati mali broj drugih opcija. Po karakteristikama Ruby sintakse, najbliži je analozima Eiffela i Perla. Osim toga, nekoliko detalja stoji iza Pythona.
A.S.P. Ovaj jezik je distribuirala Microsoft Corporation. Za dodatnu tehnologiju možete preuzeti programe za www.asp. Platforme za filmove: Internet Information Server (IIS) i Windows NT. ASP se lako može nazvati svojim, skuplji je za tehnologiju pristupa programu Internet stranici. Sve prednosti ASP-a su u jednostavnom skriptiranju mov i mogućnosti učitavanja COM elemenata treće strane.
JavaScript. Princip javascript trohi razlikuje se od ostalih programskih jezika. Ovo je autoritet naslova za izravnu vezu s HTML datotekom. Skripta, kreacije temeljene na JavaScriptu, obrađene od strane tumača, implementirane od strane preglednika. Qia mova vykoristovuetsya za veliki spektar zadataka: stvaranje dinamičkih strana (sadržaj na njima može se mijenjati kako bi se poboljšao dokument);
Virishennya místsevyh zavdan; provjeru ispravnosti popunjavanja obrazaca prije sljedećeg predaja poslužitelju.
Velike mogućnosti pokreta objašnjavaju se njezinom popularnošću. Dakle, uz pomoć JavaScripta, možete:
- mijenjati postrance: dodati ili očistiti tekst, promijeniti stilove i oznake;
- odgovoriti na yakís podíí̈ (na primjer, na klik mišem) i osvojiti zadanu funkciju;
- revidirati podsjetnike, postaviti i čitati kolačiće, provjeriti točnost unesenih podataka;
- uvoz novih podataka bez ponovnog uvoza dokumenta i u.
perl. Početak ovog mov-a napisan je za izradu programa, jer su pobjeđivali različite zadatke, u jednom scenariju za završetak cijelog kompleksa zadatka: obradu teksta, administraciju i ostalo. Danas Pearl pobjeđuje uglavnom za razvoj CGI dodataka. Vín pomaže u administraciji poslužitelja i drugih sustava. Zavdyaki jednostavnost i brzina napisana skripta u Pearl, yoga prilagođena svim popularnim platformama, uključujući Mac i Windows. Perl može provjeriti kod, potpuno je besplatan.
Što vam treba puno znanja?
Osnovna znanja iz programiranja uče se na satovima informatike u školi. Pratsyuvati na cobs s Pascal i Delphi bio je gotovo kožni. Ale ínshí, skladníshí movi programuvannya, vmagayut ínshoy, složeniji i ozbiljniji pristup. Prvo što je potrebno za uspješnog programera je matematičko, logično skladište razuma i sposobnost da ga sami ispravite. Ako ne varto, morat ćete sve otpjevati. Bolje je bolje svladati jednu, spustiti majku da nauči više o pet riječi. Sve stvari mogu biti slični principi, svi smrdi će biti po logici dana, da je za sat vremena, sa kožom mog novog vchiti yogo sve jednostavnije. Kopirajte ili promijenite tuđi kod, možda nekog drugog, ali napišite svoj kod, da biste postali pravi "umjetnik" zgrada je daleko od kože.
Razvoj web-stranica od raznih filmova i izgleda do HTML hiperteksta
Web stranice i web stranice
Internet stranice. Web stranice su stvorene za pomoć mobilnog izgleda hipertekstualnih dokumenata HTML (Hyper Text Markup Language). U standardni tekstualni dokument umetnuti su ključni simboli - HTML oznake, koje određuju izgled web-strane kada se gleda u pregledniku.
Glavne prednosti web stranica su:
- Minimalna informacija obsyag;
- mogućnost pregleda različitih operativnih sustava.Za izradu web-stranica koriste se najjednostavniji uređivači teksta koji u dokument koji se stvara ne uključuju koji su znakovi formatirani tekstom samog uređivača. Kao takav uređivač u sustavu Windows, možete izvrnuti standardni program Notepad.
Stvaranje web-stranica s varijantnim HTML oznakama zahtijevat će mnogo truda kada znate sintaksu filma. Zastosuvannya spetsialnyh ínstrumentalnyh ínstrumentalnyh zasobív (web-uređivači) za pljačku robota stvaranja web-stranica jednostavno i učinkovito. Proces kreiranja i uređivanja stranica u Web-uređivačima je napredniji, pa se provodi u WYSIWYG načinu (poput engleskog "What You See Is What You Get" - "What You See Is What You Get").
web stranice. Publikacije All-World Merazh realiziraju se u obliku web-mjesta, kao da se osvete materijalu iz tih ili problema. Državne strukture i organizacije (odjel, misao, škola itd.) kreiraju službene web stranice svojih organizacija na kojima objavljuju informacije o svojim aktivnostima. Komercijalne tvrtke na svojim web stranicama oglašavaju robu i usluge te ih promoviraju u internet trgovinama. Ako ste dopisnik na Internetu, možete stvoriti vlastitu tematsku stranicu na kojoj možete objavljivati informacije o svom razvoju, gomilanju itd.
Baš kao što se časopis sastoji od različitih strana, web stranica je sastavljena od računalnih web stranica. Stranica je kriva za prkošenje hiperposilan sustavu, jer omogućuje koristuvachevy navigaciju kroz web-strane.
Prvo mjesto vaše web stranice na poslužitelju na Internetu, potrebno je snažno protestirati, potencijal za vaše stranice bit će deseci milijuna koristuvači na internetu.
Za objavljivanje web stranice potrebno je znati točnu lokaciju na jednom od internetskih poslužitelja. Mnogi davatelji daju svojim korisnicima mogućnost besplatnog hostinga web stranica na svojim poslužiteljima (besplatan hosting).
Kontrolirajte prehranu
1. Zašto web stranice imaju prednost u odnosu na sjajne tekstualne dokumente?
2. Kako se web stranice kombiniraju u web stranice?
Struktura web stranice
HTML kod sa strane nalazi se u sredini spremnika . Bez ovih oznaka preglednik nije u mogućnosti odrediti format dokumenta i ispravno ga protumačiti. Web-stranica je podijeljena na dva logična dijela: naslov i dio koji se prikazuje u pregledniku.
Naslov web-strane odgovara spremniku
te zamijeniti naziv dokumenta i dodatne informacije o stranici (na primjer, vrstu kodiranja), kako bi preglednik provjerio je li ispravan prikaz.Oznake leže na vrhu luka i mogu biti pojedinačne ili muške. Oznake roditelja kontejner).
Završnu oznaku treba zamijeniti kosom crtom (/) ispred znaka. Oznake se mogu pisati i velikim i malim slovima.
Naziv bočne strane nalazi se u blizini spremnika
a ispod sata ponovnog pregleda pojavljuje se u gornjem redu prozora preglednika. Promjena strane koja se prikazuje u pregledniku stavlja se u spremnik
<ТITLE>RačunaloТITLE>
Računalo i firmware
Riža. 6.26. Priprema web stranice "Računalo" |
Stvorena web-stranica treba biti spremljena kao datoteka pod nazivom index.htm. Baš kao što širite datoteku web-mjesta, također možete podesiti HTML. Preporuča se stvoriti posebnu mapu za distribuciju na web-mjesto i spremiti sve datoteke za stranicu, koje se distribuiraju u ovoj mapi.
Potrebno je odvojiti naziv datoteke index.htm, pod kojom se web-strana sprema iz datotečnog sustava, naziv web-strane (na primjer, "Računalo"), kako se pojavljuje u gornjem redu prozora preglednika. Im'ya Web-strane bi mi to mogle dokazati, da je nemoguće da nas analiziraju poke sustavi.
Kontrolirajte prehranu
1. Koje oznake (spremnici) općenito trebaju biti prisutne u HTML dokumentu? Koja je logička struktura web-strane?
6.10. Praktički zadatak. Napravite web-stranicu "Računalo" i pregledajte je u pregledniku.
Formatiranje teksta na web stranici
Naša strana zasad ne izgleda nimalo ugodno: siva font crne boje na bijelim lisnim ušima. Za dodatne oznake možete postaviti različite parametre i oblikovati tekst.
Naslovi. Veličine fonta zaglavlja postavljene su u parovima oznaka<Н1>Н1>(najveći) do<Н6>Н6>(najmanje).
Font. Deyaki oznake stvaraju atribute, poput imena autoriteta i mogu pjevati značenja. Uz pomoć oznake FONT i drugih atributa možete postaviti parametre oblikovanja fonta. Atribut FACE vam omogućuje da umetnete font za font (na primjer, FACE="Arial"), atribut SIZE - veličinu fonta (na primjer, SIZE=4).
Atribut COLOR omogućuje postavljanje boje za font (na primjer, C0L0R="plavo"). Vrijednost atributa COLOR može se postaviti ili imenovanjem boje (na primjer, "crvena", "zelena", "plava" itd.) ili pomoću 16 vrijednosti.
Šesnaesti prikaz vikorističke boje RGB-formata "#RRGGBB", dvije prve šesnaeste znamenke određuju intenzitet crvene (crvene), dvije napredne - intenzitet zelene (zelene) i dvije preostale - intenzitet plava (plava) boja. Minimalni intenzitet boje označen je šesnaestim brojem 00, a maksimalni - FF. Na primjer, plava boja je dodijeljena vrijednosti "#0000FF".
Revidiranje teksta. Odredite način prikaza teksta dopuštajući atribut ALIGN. Poravnanje po lijevoj margini definirano je na sljedeći način: ALLGN="lijevo", poravnanje po desnoj margini: ALIGN="desno", poravnanje po sredini: ALIGN= "centar".
Ovim redoslijedom, plava boja naslova, centrirana, može se postaviti ovim redoslijedom:
<Н1 ALIGN="center">Računalo i firmwareН1>
Horizontalne linije. Naslove treba dodatno upućivati uz pomoć vodoravnih crta iza jedne oznake
.
Stavci. U prilogu teksta na odlomku<Р>Р>. Gledat ću kroz preglednik sat vremena, odlomci su međusobno razmaknuti u intervalima. Za odlomak maske možete postaviti prvu vrstu prikaza i parametre oblikovanja fonta.
Početna strana stranice Na početnoj strani stranice ozvučite tekst koji ga ukratko opisuje. Postavljen na početnu stranicu stranice "Računalo", tekst podijeljen na odlomke s različitim iznimkama:
<Р ALIGN="left">Na ovoj stranici možete vidjeti različite informacije o računalu, njegovoj softverskoj sigurnosti i cijenama računalnih komponenti.Р>
<Р ALIGN= "right">Terminološki rječnik će vas upoznati s računalnim pojmovima, a možete i ispuniti upitnik.Р>
Na taj način, početna stranica web-mjesta "Računalo" dostojna je centriranja naslova plavom bojom, s vodoravnom crtom preko dva različito poravnata pasusa (slika 6.27):
<Н1 ALIGN="center">
Računalo i firmware
Н1>
<Р ALIGN="left">Na kojoj stranici...Р>
<Р ALIGN ="right">Terminološki rječnik
...Р>
Riža. 6.27. Web-stranica "Računalo" s formatiranim tekstom |
Kontrolirajte prehranu
1. Koje su oznake (spremnici) istaknute za naslove? Formatiranje fonta? Uvođenje paragrafa?
Zadatak za samostalnu vikonannyju
6.11. Praktički zadatak. Napravite web-stranicu "računala" s formatiranim tekstom i pregledajte ga u pregledniku.
Umetanje slike na web stranicu
Na web stranici možete prikazati slike koje su spremljene u grafičkim datotekama u tri formata - GIF, JPEG i PNG.
Umetnuta slika. Označite za umetanje slike s atributom SRC, koji označava mjesto spremanja datoteke na lokalnom računalu ili na Internetu. Ako se grafička datoteka nalazi na lokalnom računalu u istoj mapi kao i datoteka web-mjesta, tada vrijednost atributa SRC treba biti navedena samo za naziv datoteke. Na primjer:
Ako se datoteka nalazi u drugoj mapi na vašem lokalnom računalu, tada vrijednost atributa može biti izvan datoteke, uključujući staze do nove u hijerarhijskom datotečnom sustavu. Na primjer:
Ako se datoteka nalazi na udaljenom poslužitelju na Internetu, tada se može odrediti web adresa te datoteke. Na primjer:
Položaj mališana je prema tekstu. Raztashuvaty malo teksta na drugačiji način omogućuje ALIGN atribut, koji može uzeti pet različitih vrijednosti: TOP (gore), MIDDLE (sredina), BOTTOM (dolje), LIJEVO (lijevo) i DESNO (desno).
Na početnoj strani stranice "Računalo" logično je postaviti sliku računala. Da bi se mališani raširili duž desnog ruba teksta, oznaka za umetanje slike kriva je uvredljivog izgleda (slika 6.28):
Riža. 6.28. Umetanje slike na web-stranicu "Računalo". |
Umetanje alternativnog teksta. Koristuvachí ínodi, uz pomoć uštede sata, u pregledniku uključite snimanje grafičkih slika i samo čitajte tekstove. Da ne bi smetala osjetilna strana, kriva je zamjena malenog, uvodi se alternativni tekst.
Alternativni tekst prikazuje se iza pomoći atributa ALT, čije je značenje tekst, koji objašnjava što je maw bi koristuvach za mališana:
Kontrolirajte prehranu
1. Koja oznaka i atributi se koriste za umetanje slike na web stranicu?
Zadatak za samostalnu vikonannyju
6.12. Praktički zadatak. Umetnite sliku na web-stranicu "Računalo" i pogledajte je u pregledniku.
Hiper-snaga na web-stranicama
Ako se web-stranica koja je upletena u preglednik nalazi na lokalnom računalu u istoj mapi, tada je promjena adrese jednostavno navedena u datoteci, na primjer:
Ako se web stranica, koja je učitana u preglednik, nalazi na Internetu, tada se internetske adrese označavaju kao adrese, na primjer:
<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Indikator napajanjaА>
Pokaznik psilannya mi bachimo pid sat ponovno posjetite web stranicu u pregledniku. Vkazivnik može poslati tekst, zvučne vizije u plavoj boji i podršku, ili mališane, vizije u okviru. Prilikom unosa novog miša, pokazivač će se promijeniti u ikonu "ruke". Kliknite mišem nakon pozivatelja, pozivajući prijelaz na web-stranu, prikazanu u hiperprostoru.
- prije pregleda slike u pregledniku:
<А HREF="picture.jpg">Slika - prije pokretanja programa, koji je umetnut u preglednik, kreirana je ta zvučna datoteka:
<А HREF="sound.wav">Zvuk - za spremanje datoteke na lokalno računalo uz pomoć upravitelja za snimanje datoteka instaliranog u pregledniku:
<А HREF="Apxив.ziр">Uzmite datotekuА>
Ploča za navigaciju web-mjesta. Izrađujemo mapu za web-mjesto "Računalo" i na stranicu dodajemo prazne stranice "Programi", "Pojmovnik", "Kompletno" i "Upitnik". Spremite ih za datoteke s nazivima software.htm, glossary.htm, hardware.htm i anketa.htm za nadređeno mjesto. Ovo su "prazne" strane naslova, ali još uvijek ne možete oprostiti majci:
<ТITLЕ>bočno zaglavljeТITLЕ>
Na početnoj strani stranice postavljamo hiperposilan oglase na skin strani stranice. Kao pokazatelji hiperposilana, najprikladniji je izbor imenovati strane na kojima se vrši prijelaz.
Pomaknimo indikatore hiperposilana na dno stranice u novom odlomku u jednom redu, dijeleći ih razmacima ( ). Takvo postavljanje hiperposilana često se naziva navigacijskom pločom.
Ubacimo HTML kod na početnu stranicu web-mjesta, čime se stvara navigacijska ploča:
<Р ALIGN="center">
[<А HREF="software . htm">Programi]  
[Pojmovnik]  
[PriborА>] 
[Upitnik]
Hiper poruka na email adresu. Corisno na početnoj strani stranice, pošaljite poruku na e-mail adresu, za koje informacije možete kontaktirati administraciju stranice. Za što je potrebno email adresi dodijeliti atribut HREF i ubaciti njen u spremnik
, koji definira stil odlomka, prihvaćenog za umetanje adresa:<А HREF="mailto:[e-mail zaštićen]">E-pošta:
[e-mail zaštićen]
Sada, za klik na adresu e-pošte, otvorit će se program za poštu Outlook Express Komeće se prikazati u poslanoj adresi.
Kasnije je stvorena početna stranica za web stranicu "Računalo", uključujući naslov, sliku računala, dva odlomka teksta, navigacijsku traku i poruku poslanu na adresu e-pošte (slika 6.29).
Riža. 6.29. Početna stranica za web mjesto "Računalo" je spremna |
Kontrolirajte prehranu
1. Koja oznaka i yoga atributi se koriste za stvaranje hiperposilana?
Zadatak za samostalnu vikonannyju
6.13. Praktički zadatak. Napravite web-stranicu "računala" koja će ukloniti hiperposilan ploču s druge strane web-mjesta i pogledati je u pregledniku.
Popisi na web stranicama
Da biste često završavali s postavljanjem teksta na web-strane, ručno odaberite popise za različite opcije:
- numerirani popisi ako su elementi popisa identificirani dodatnim brojevima;
- označene liste, ako su elementi popisa identificirani dodatnim posebnim znakovima (oznakama);
- popisi termina koji vam omogućuju sastavljanje prijenosa termina u obliku tzv. rječnika.
Moguće je kreirati i ugnijezditi liste, štoviše, popis koji se ulaže može se, prema svojoj vrsti, smatrati glavnim.
Numerirani popisi. Popis numeracije distribucija u sredini spremnika
- možete postaviti vrstu numeriranja: arapski brojevi (za snimanje), "I" (rimski brojevi), "a" (mala slova) i in.
- ta vznachen, yakí idi na pojedinačne oznake
- .
Web-strani "Pojmovnik" možemo predstaviti u obliku rječnika računalnih pojmova (slika 6.31):
- Središnji priključak računala za obavljanje obrade informacija u binarnom kodu.
Radna memorija
- Molimo, u koje programe i podaci se spremaju.
- Molimo, u koje programe i podaci se spremaju.
Procesor
Kontrolirajte prehranu
1. Koje su ocjene pobjedničke za izradu numeriranih popisa? Označene liste?
Zadatak za samostalnu vikonannyju
6.14. Praktički zadatak. Napravite "Programe" na web-strani s numeriranim popisom i ugnijezdite označeni popis.
6.15. Praktički zadatak. Napravite "Pojmovnik" na web-strani s popisom pojmova.
Tečaj "Izrada web stranica uz pomoć HTM filmova" L »
Tema 1. Pochatkova informacije o mov HTML-u
Filmski HTML zadatak
mreža -strane– sve posebne datoteke napisane u mom HTML-u ( Hiper Tekst označavanje Jezik – mov izgled za hipertekst). Pid rozmítkoy razumjeti umetanje posebnih kodova (tagova) u tekst, inicijalnih, jer je hipertekstni dokument podbag kriv za to što ga prikazuje poseban program - preglednik.
HTML jezik za kreiranje datoteka neovisnih o sustavu opisuje format dokumenta, ali i definira njegovu strukturu. Na primjer, ako je naslov uključen u tekst, HTML kod jednostavno označava da je relevantni fragment naslov. Nakon pregleda takvog koda, program - sam preglednik virishuê, scho í̈y robiti íz naslov. Moguće ga je prikazati u većem fontu ili u sredini ekrana. Ako će tekst kreirati sintisajzer filma, sintisajzer će kopirati cijeli kod, tako da će pomaknuti glasnoću i dodati potrebnu pauzu.
Mova HTML je računalni mov, u pjevačkom smislu se raspravlja s mov programiranjem. Uključujete sljedeća pravila koja morate ispuniti da biste dobili točne rezultate.
HTML jezik se pojavio preko noći s uslugom World Wide Web i razvio se u isto vrijeme kad i on. Vin je temelj World Wide Weba i ujedno razlog njegove najšire popularnosti.
HTML - datoteka
HTML - datoteka - tekstualna datoteka, koja se može proširiti .htm ili . html Web stranica je spremljena kao HTML datoteka. Da biste stvorili HTML datoteku, možete tweetati kao jednostavni uređivači teksta, kao što su Notepad ili Word Pad, te web uređivači.
Struktura HTML dokumenta
HTML dokument se sastoji od glavnog dokumenta i oznaka za označavanje, poput skupova standardnih znakova.
Svi HTML dokumenti mogu imati dobro definiranu strukturu. Dokument počinje s oznakom i završava s drugom oznakom koja se zatvara. Ovaj par oznaka govori pregledniku da se ispred njega nalazi valjani HTML dokument.
HTML dokument se sastoji od podijelio naslove i tijelo dokumenta, scho ide ovim redom. Podijelio sam naslove propisa između oznaka i skrivenih informacija o dokumentu u cjelini. Zokrema, čiji je dio bio kriv za osvetu za vlastite oznake i zamjenu sa "službenim" naslovom dokumenta.
Tekst samog dokumenta je proširen u tijelu dokumenta. Tijelo dokumenta prošireno je između oznaka i BODY>. U praksi je moguće odrediti mjesto ovih glavnih oznaka za njihove dane. Na to, poput oznaka,
і , a također ako su kovrčave oznake izostavljene, tada program - preglednik može sam odrediti mjesto, za to je kriv smrad. No, nakon svega, ne preporuča se izostaviti qi oznake u vrijeme stvaranja web-stranica.Najjednostavniji ispravan HTML dokument.
< GLAVA >
< TITULA >Naslov dokumentaTITULA >
GLAVA >
< TIJELO >
TIJELO >
oznake HTML
Mova HTML se sastoji od posebnih rozmichalnyh indikatora - oznaka. Također se mogu zvati naredbe, upute ili HTML kodovi.
Oznaka je uputa pregledniku da naznači kako bi se tekst trebao prikazati. Sve oznake počinju simbolom manje od (<) и заканчиваются символом «больше» (>). Nekoliko simbola se naziva drugačije kovrčavi lukovi. Nakon otvaranja vršnog luka Ide ključna riječ, Što oznaka znači
Oznaka skin HTML-a filma može biti posebno prepoznata. Registar slova u nazivima oznaka ne može biti značajan - možete namignuti kako mala tako i velika slova, ako želite pisati velika slova kako bi oznake odgovarale izvornom tekstu dokumenta.
Koristite dvije vrste oznaka - dečki i neuparene.
Oznake za dječake- koje krivulje i krivulje, slično okruglim lukovima algebarske viraze. Smrad je dodan tekstu iz tog mjeseca, de live, prije tog mjeseca, gdje je prikazan znak kraja njih díí (zatvorene oznake počinju kosom crtom (/).
Na primjer, < HTML > HTML >, < P>P>,
H3 > Neuparene oznake daju jednokratni učinak na mjestu gdje se pojavljuju, tako da nema potrebe za sažetkom koji se zatvara.
Na primjer,
, ,Označiti nose servisne informacije o web stranici i ne pojavljuju se na zaslonu preglednika: sve informacije o kodiranju web stranice, o autoru, kao i skup ključnih riječi za pretraživanje, koje bi trebale biti prikazane na stranici.
guzicom.
Primjer sklopivih stolova
Iz stražnjice se vidi da je strana viktorijanskog kodiranja Windows-1251 najraširenija za danas, dovoljno je samo umetnuti oznaku na takav način gledajući u svoju stranu; autor sporednog teksta je Ivanov Ivan; strana je posvećena stvorenjima.
Kada se dokument prikaže u pregledniku, same oznake se ne prikazuju, ali se dodaju načinu na koji se dokument prikazuje. Kao da pomilovanje u sažetku označava ključnu riječ, budući da se ne pojavljuje u mom HTML-u, oznaka se uglavnom zanemaruje.
Atributi oznaka
Oznake koje se pojavljuju često mogu zamijeniti atribute koji se dodaju učinku oznake.
Atributi – sve dodatne ključne riječi, vodokremlení poput ključne riječi oznake i jedan kao jedan razmak.
Atributi mogu imati vrijednost napisanu iza znaka jednakosti (=). Zavzhda je stavio vrijednost atributa u šape (single underwire). Nered na šapama nije kriv za osvetu, pa su šape u sredini same sebe. Možete spustiti šape za značenje atributa, jer se oni zbrajaju samo iz sljedećih simbola:
intervali;
crtice (-).
simboli engleske abecede;
Također možete smanjiti šape za vrijednost atributa, jer se zbraja samo od nadolazećih simbola (vratite se na tehnički koncept ):
simboli engleske abecede ( A-Z, a - z)
znamenke ( 0 - 9 )
intervalima
crtice ( - )
na takav način, ŠIRINA=80і ALIGN=CENTER- Dopuštena kratica za WIDTH="80"і ALIGN="CENTER".
Oznake koje se zatvaraju, ne osvećuju atribute.primijeniti. FONT >
Komentari
Isto tako, kao i kod svih jezičnih programa, programu je moguće dodati komentare (tekstualne redove koji nisu dio programa), a ne postoji način premještanja HTML-a. Započnite komentar posebnom oznakom. Komentar može sadržavati bilo koje simbole, osim simbola veće od (>), i, tako da ne možete uključiti oznake.
Princip odbijanja oznake
oznake kontejnera
Već znamo da se oznake svijeta sastoje od dva dijela - tse vídkrivaê (vín isto - za osvetu atributa) i zakrivaê, tobto "kínets" tag. Zadaci u apstraktnim parametrima nalaze se samo između klipa i klipa, dakle samo u sredini oznake:<начало 2-го тега>
tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
<начало 3-го тега>
tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst<Конец 3-го тега>
<Конец 2-го тега>
<Конец 1-го тега>
Koračanje na lijevi rub nije vipadkoví - smrad automatski ubacuju programi koji formiraju HTML kod kako bi ga lakše razumjeli. Dosit ozumíti, scho chim daleko u lijevom rubu da vidite oznaku, tim "više" vena lagati, tim više "stariji" oznake mogu biti na novom djetetu.
Također imajte na umu da se neki atributi ugniježđenih oznaka mogu dodati "starijim" oznakama. Na primjer, to je tipično za tablice, jedan-na-jedan ugniježđenje.
Ako interna tablica ima veličinu zadatka 100, onda vanjska tablica ne može imati veličinu manju od 100 piksela + širina okvira. U takav rang, tablica je uložena jak bi "rozpiraê" da, u jaka osvojio se ulaže. Ako je tako, nije potrebno širiti broj zadataka u njoj, ali je broj tekstova u njoj značajan, otvorit ćete “stariju” tablicu za takvu veličinu koja je neophodna za prikaz velikog broja redaka u tekst. Zove se "povratni poziv".Praktični robot broj 1
„Stvaranje najjednostavnijeg mreža -Storinki"
Cilj: naučite kako izraditi web stranice u uređivaču teksta Notepad.
Vkazivki to vikonannya
Upišite novu strukturu za HTML dokument, kao što je prikazano u nastavku:
O našoj najmanjoj braći.
Ovdje ćete pronaći ispravnu web-stranicu
Spremite datoteku dajući joj naziv index .htm.
Otvorite kreiranu datoteku. Možete vidjeti kako vidite kreacije datoteke u prozoru preglednika.
Zatvorite preglednik.
Okrenite se na datoteku spremljenu u Notepad.
Napravite unaprijed izmjenu prije sljedeće: zamijenite riječi "Promjena web-strane bit će postavljena ovdje", upišite ovo: To je moja prva strana .
U redu < TITULA> recite: "Domaća strana (vaše ime je to ime)."
Spremite datoteku kao stranicu 2.htm.
Pogledajte rezultat u pregledniku, ako je potrebno, uredite datoteku pomoću pomoći za Notepad.
Tema 2: HTML oznake
Oznake za fizičko i logičko oblikovanje teksta
Formatiranje fonta . Za oblikovanje teksta postoji mnogo elemenata. Tekst možete oblikovati pomoću dodatnih tradicionalnih elemenata: vidjeti fragmente u kurzivu, podebljanim slovima, odabrati font, proširiti i obojiti font, obrnuti fragmente teksta. Ako autor nema jednostavne opcije za oblikovanje teksta, možete otići na stilski list, koji će proširiti mogućnosti HTML oblikovanja.
Pogledajmo standardne HTML elemente filma koji vam omogućuju oblikovanje teksta.
Font- Promijenite kod za vidljive slike u svim tablicama.
Arial
Tipka kože na tipkovnici daje kod pjesme koji prepoznaje OS (operativni sustav, uglavnom Windows ili Linux / Unix).
Na taj način, odabirom fonta za pjevanje, sustav zamjenjuje kod prečaca na tipkovnici u tablici simbola fontom slova ili ikone slike. Kožni font - tse datoteka. Datoteka koja se može koristiti za zamjenu slike slovima, brojevima i simbolima koji su dodijeljeni gumbu kože. Umetni font - znači uključiti datoteku s dodatnim tablicama postavki. Za MS Windows sustave postoji izbor fontova koji se isporučuju odjednom iz sustava - ce:Arial
Kurir Novo
Kurir Novo
Comic Sans
Komik Sans
Times New Roman
Times New Roman
Verdana
Verdana
Koža iz ovih fontova je pre-rechic u vlastitom dizajnu i stilu. Najveća ekspanzija je Arial. Svi fontovi mogu biti 90% svih mišljenja o vašoj budućoj strani. Leather font - zasebna datoteka u mapi Windows/fonts/*.ttf. Kako mogu promijeniti font u HTML-u da izgleda drugačije?
< FONT >… FONT > ovisno o vrsti, rozmíru i boji fonta. Svi ovi parametri dodijeljeni su za dodatne relevantne atribute.Apsolutnu veličinu fonta postavlja atribut size (exp.). Ovaj atribut može imati vrijednosti od 1 do 7, štoviše, font 1. dimenzije je najmanji, a 7. najveći.
primijeniti.tekst proširen 1
tekst proširen 2
tekst proširen 3
tekst proširen 4
tekst proširen 5tekst proširen 6
tekst proširen 7Tiho ovdje - daleko ONT>.
U dizajnu, vikorist zvuči prvi chotiri ružmarin. Sve što je više, prljavog tona i znaka amaterizma, više zauzima puno prostora i važno je za čitanje. Istina, za veće veličine postoji stagnacija. Na primjer, možete napisati početno slovo s istim rozmírom (prvo slovo klipa): T tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst.
U međuvremenu možemo odabrati sam font koji će biti odabran za prikaz teksta. Borite se s atributom lice (pogled).primijeniti.Ovaj font je arial veličine 3 ONT >
Tekst FONT-a >
Yak bachimo, e ova dva atributa - rozmír i vrsta fonta - možete roztashuvat be-yakíy slijed u diplomskom radu :
Također možete iskoristiti atribut boja (boja). Pozivanje boje je ili broj, pišemo u šesnaestom sustavu, na primjer, boja = “#ff 0000”, ili ja to jednostavno zovem, napisano na engleskom, na primjer, boja = “red”. primijeniti. Font u plavoj boji >
Ovaj font je arial veličine 3, plava boja FONT >
Font također može biti: krhki (kurziv), podebljan, sub-crestal, križni, superscript, superscript, a također može koristiti grančicu označenih slika. Dostupan putem oznaka:
< ja > tekstja >
< B >tekstB >
< U > tekstU >
< S > tekst S >
< SUP > tekst SUP >
< POD > tekst POD >,
i također ih podnannyam, na primjer, <U > tekst U>B>
Oblikovanje pasusa. Većina izvanrednih dokumenata ima glavne funkcionalne podjele nasloviі paragrafi Web dokumenti su šteta. Da biste identificirali najvažnije odlomke u mom HTML-u, upotrijebite oznaku tag…P > (Odlomak). Štoviše, možete osvojiti samo cob tag, kao uvredljiv element
znači klip uvredljivog paragrafa, i kraj prednjeg dijela. U mirnim situacijama, ako je potrebno označiti završetak odlomka nakon promjene, možete odabrati završnu oznaku.
Odjednom, iz oznake odlomka, možete citirati i atributirati uskladiti:
align = "lijevo" - lijevo poravnanje;
align = "desno" - desno poravnanje;
align = "center" - poravnanje u središtu.
guzicom.Razdel 1P >
Animacija >
strana 3P>
Moví HTML nema mogućnosti za stvaranje retka odlomka ("crveni red"), pa radi jasnoće čitanja teksta između pasusa, preglednik poziva da unese prazan red. U pravilu je potrebno promijeniti prijelaz u novi red bez stvaranja odlomka, odabire se jedna oznaka
. Na mjestu iste raspodjele red završava, a tekst koji je preostao počinje iz novog reda. Tsej tag ručno vikoristovuvaty, schob, na primjer, napišite stihove na stovpchik:
Pustili su medicinskog službenika na suđenje,
Rastrgali su vedmedicinsku šapu,
Neću se ipak baviti jogom,
Jer vino je ljubazno.
Na zaslonu preglednika koristimo standardni redoslijed pisanja chotirivirsh.Važno je stvoriti zasebne podjele u tekstu - vodoravne linije - linije, kao da vizualno spajaju različite dijelove dokumenta jedan u jedan. Horizontalnu liniju stvara jedna oznaka. Uz pomoć joge, možete lako podijeliti stranu na dijelove. Tezi su dopušteni brojni atributi:
Virivnyuvannya
poravnati = "lijevo"
poravnati = "centar"
poravnati = "desno"
align="justify"
Drugarstvo i Dovžina linija na pikselima.
Veličina = 3 (širina u pikselima)
širina = 300 (duljina u pikselima)
širina = 100% (širina širina)
Boja linije
boja="crvena"
HTML jezik podržava šest jednakih internih zaglavlja u dokumentu. Smradovi su označeni oznakama víd
…
prije…
.
Naslov prvog reda je najveći, a naslov šestog reda najmanji. Za naslove možete istaknuti atribute lijevo, u sredini, desno.
guzicom.Najveći naslov Najmanji naslov Kućne životinje
Logično oblikovanje teksta . U ovom trenutku možemo pogledati oznake, što se tiče njihovog učinka, pogađaju oznake koje određuju veličinu, boju i sliku fonta. Važno je napomenuti da ove oznake učinkovito opisuju stvarnu snagu teksta. Tse znači da se tekst može različito prikazati u različitim preglednicima, ali učinak jamči da će u tom slučaju izazvati, ako iz nekog razloga ne postoji mogućnost blokiranja efekata fonta. Sve ove oznake se spajaju i dodaju tekstu, rasporedi između oznaka, koji se savijaju i zatvaraju. Zatvaranje oznake obs'yazkovy.
Označiti … vikoristovuêtsya za citate, imenike. Zvuci kurzivom.
HTML šardove kreirali su ljudi koji koriste računala, prepoznaje se čitava skupina oznaka za prezentaciju tekstova u računalnim programima i rezultate interakcije s njima.
Označiti < KODIRATI >… KODIRATI > Odredite izlazni tekst računalnog programa koji zvuči jednorazrednim fontom (uglavnom fontom Courier), odnosno fontom fiksne veličine.
Označiti < KBD >… KBD > formatiranje teksta, što je zbog buti (ili buv) uvoda uz pomoć tipkovnice, koji zvuče kao monospace bold font. Tip engleske tipkovnice - tipkovnica
guzicom.Da biste pokrenuli Windows, upišite: pobijediti.
Kod:
Za pokretanje sustava Windows upišite: win
Označiti … označite tekst kao uzorak. Vikoristovuetsya za razumijevanje teksta, koji bi trebao biti programi. Prikazuje se jednorazrednim fontom.
guzicom.
Sjajan tekst
Označiti … vikoristovuêtsya vídílennya zminníh ín u programu popisa. Zvuk, takav je tekst prikazan kurzivom. Vrsta engleskog var iable - promjenjiv.
Guzica.
A, B, C
Kod:
A, B, COznačiti < EM >… EM > vykoristovuetsya vidjeti elemente teksta (zvuk u kurzivu).
Označiti < JAKO >… JAKO > vykoristovuetsya za snažnu viziju elemenata teksta (podebljano).
guzicom.
Sjajan tekst
A ovdje je tekst iz odabrane oznake .
Krhotine ovdje pobjeđuju u smislu da se vidi dizajn, preporuča se osvojiti oznake umjesto oznaka і< B >.Praktični robot broj 2
“Formatiranje teksta na web-strani”
Cilj: Naučite kako oblikovati font i tekst na web stranici.
Vkazivki to vikonannya
U elementu< TITULA> unesite naziv strane “P/r br. 2”.
Dolazni tekst oblikujte u skladu s tvrdnjama (navedene u lukovima kurzivom), kao što je prikazano u malom.
(titulaH 1)
(Pogled u centru)
Psi
(titulaH 2)
(Pogled u centru)
Čuvari
(Virívnyuvannya zlíva, podebljani font)
Mislivski
(obrnuto desno, podebljani font)
Zavoj
(U sredini, podebljani kurziv)
Klubi Vistavki Maidanchiki
(istaknuto u sredini, veličina fonta 10, font u boji crna, fontArial )
Virsh
(Boja fonta je plava, veličina fonta je 6, poravnanje je u sredini)
Za života sam skroman,
Ovacija nije potrebna
Bok, u redu sam
Čudim se projektilu!
(Poravnanje lijevo, veličina fonta 6)
Izrada lista
Označene liste. Popis je pregledan prema izvornom tekstu, tako da Koristuvačev ne treba razmišljati o numeriranju paragrafa: ja to preuzimam na sebe. Ako se popis dopuni novim stavkama ili ako je kratak, numeracija se automatski ispravlja. Na različitim nenumeriranim popisima programa stavite markere ispred točke kože: kukhli, pravokutnike, rombove ili druge slike. Kao rezultat, popis izgleda kao priručnik.
Oznake za izradu popisa bez brojeva:
< LI > UL >
Označiti- ê njihov vlastiti uokvireni popis. Vin vam omogućuje dodavanje jednog popisa drugih vrsta. Označiti
- označiti kožu od uboda.
guzicom.
Popis stavke 1 Popis stavke 2 Popis stavke 3
Prikaz zaslona:
Popis stavke 1
Popis stavke 2
Popis stavke 3
Oznake za izradu numeriranog popisa: < O L>< LI > OL >
Numerirani popisi. Struktura uređenog popisa slična je strukturi neuređenog popisa. Okviri za uokvirivanje oznake- . Kožni predmet je numeriran arapskim chi rimskim brojevima, latiničnim slovima.
guzicom.
Popis stavke 1 Popis stavke 2 Popis stavke 3
O L>Prikaz zaslona:
Popis stavke 1
Popis stavke 2
Popis stavke 3
Metoda numeriranja dodijeljena je dodatnom atributu tip. Tablice imaju sve metode numeriranja:
Vrsta numeracije
Praktični robot broj 3
"Izrada numeriranih i nenumeriranih popisa"
Tsíl : naučite kako izraditi popise na web-stranicama.
Vkazivki to vikonannya :
1 . Napravite novu web-stranicu u uređivaču Notepad.
2 . U elementu
unesite nazive stranica "P / r br. 3". 3 . Formatirajte dolazni tekst u skladu s izjavama (dati lukovima u kurzivu), kao što je prikazano na maloj slici:
Sunce može biti:
(Veličina fonta 8, crvena boja,
poravnanje u sredini)
1. Toplo.
2. Okrugla.
3. Zhovtim.
Snig may buti:
(Veličina fonta 6, plava boja,
poravnanje u sredini)
B. Hladno.
S. Pukhnastim.
(font oba lista je crni ružmarin 3).
Hiperforce
Vidi hiperposilan. < A >… A > stvaranje hipertekstualne poruke.
Tko ima sve te obov'yazykovy atribut href . Neka značenja su URL adrese, kao što je naznačeno u poruci. Tekst koji se šalje između oznaka < A >… A >. Kada se dokument prikaže u pregledniku, poslani tekst zvučat će kao plava boja. Kliknite na gumb da biste otišli na navedeni URL.Možete vidjeti grančicu hiperposilana.
Pozivi (prikaži web-stranicu s dokumentima koji ne pripadaju ovoj web-stranici).
Interno (primijenite dokumente na sredini iste web stranice).
Apsolutni način. Kao ime s hipervezom, naznačeno je potpuno isto kao i URL pozvanog dokumenta apsolutni put.
guzicom. http :// www . microsoft . com ”>Microsoft A>
Glavna slabost apsolutne rute leži u činjenici da je prilikom prijenosa datoteka na drugi poslužitelj na Internetu potrebno promijeniti hiperprostor.Vídnosny način. Kao da je interno hiperpozitivan, dakle samo taj dioURL , jer se nalazi između dva dokumenta, koja su povezana ( pa naslovi vídnosny način), na primjer, ako se dva dokumenta nalaze u jednoj mapi, dovoljno ih je naznačiti u datoteci, u koji god hiperprostor želite.
Ako se dokumenti nalaze u različitim mapama, prvo se mora navesti naziv mape, a zatim naziv datoteke, ovisno o tome što je označeno hiperprostorom.primijeniti. Moja posebna stranaA >
Veliki na velikim udaljenostima A >
Pogodnije je pridobiti interne napore, tako da u istom slučaju, prilikom prijenosa web stranice na drugi poslužitelj, nije potrebno mijenjati do deset dokumenata.Sidra. Hipertekstualne poruke mogu se prikazati na liniji u sredini bočne strane, dakle na pravom mjestu u prednjem umetku jakir. Yakir također vikoristovu oznake da A >, ali zamijenite atribut href za novi jezik atributom Ime. Vrijednost atributa ê ja sam sidra. Može se formirati samo od latiničnih slova, brojeva i nije kriva za osvetu čistina.
Da biste poslali yakir na umetanje, morate navesti naziv sidra, na primjer, URL adresu nakon naziva dokumenta, nakon čega slijedi simbol "#".Unos poštanske adrese u hiperprostoru . Ako se odabere hipermogućnost unosa adrese elektroničke pošte, izbor se neće prenijeti na novi dokument, već pokretanje mail programa na računalu, kako bi se poslala obavijest navedenom primatelju. Nazovite takav zahtjev za postavljanje, na primjer, bočne trake za sigurnu komunikaciju s webmasterom ili autorom bočne trake, na primjer, Ivanov Aleksij
guzicom.
Slanje tog sidraTITLE >
GLAVA >
Nove verzije standardnih programa operacijskog sustava i najnoviji upravljački programi mogu se pronaći na web stranici tvrtke
http :// www . microsoft . com ”>Microsoft A>
A sada možete ići na moja posebna strana A >
O tome kako kontaktirati autora, govori se u
na primjer, sa strane
Ovdje je glavna promjena strane
adresa”>Adrese e-pošteA >
TIJELO >
HTML >Praktični robot broj 4
"Stvaranje hiperposilana"
Zadatak 1. Stvaranje najjednostavnije hipermoći.
Cilj: Saznajte kako protumačiti dva HTML dokumenta za pomoć hyperposilan.
Vkazívki to vikonannya:
Napravite dvije web stranice u uređivaču Notepad. Imenujte jednu stranicu 1.htm, drugu stranicu 2.htm. Sačuvajte uvrede stranaka u jednom papinstvu pod imenom site. Poštujte nazive mapa i stranica, ali oni mogu biti napisani na engleskom i početi malim slovima.
U elementu
upisati naziv strane "P/r br. 4. Zadatak 1". Na stranu 2
Na stranu 1
Otvorite prvu stranicu u pregledniku i predomislite se kako bi napad hiperplazije ispravno funkcionirao.
Zadatak 2. Stvaranje hiperposilana.
Cilj: Naučite kako generirati tri HTML dokumenta za pomoć hyperposilan.
Moguće je vikonirati s drugim zadatkom, jer su uspješno naletjeli na Zadatak 1.
Napravite stranicu treće strane 3.htm.
Na strani stranice 3.htm kreirajte zahtjev za odlazak na stranice 1.htm i stranicu 2.htm.
Na stranicama stranica 1.htm i stranici 2.htm dodajte hiperforce da biste otišli na stranicu 3.htm.
Otvorite prvu stranu u pregledniku i promijenite, tako da sada možete prijeći s bilo koje strane na bilo koju drugu od tri kreacije.
Zadatak 3. Colir hiperposilan .
Cilj: naučiti kako odabrati boju hiperposilana.
Moguće je vikonati zavdannya, jer su uspješno naletjeli na íz Zavdannyam 2.
Na bočnim stranama stranice 1.htm, stranice 2.htm i stranice 3.htm u sažetku
odaberite boju hiperposilan:Otvorite prvu stranicu u pregledniku i idite sa strane za poruke, promijenite boju zadataka udesno.
Male na mreža -Storinci.
Ilustracije (male slike, fotografije) igraju najvažniju ulogu u dizajnu web stranica. Sami mališani se spremaju u nekoliko datoteka kao HTML dokument, a zatim ih preglednik renderira u sredini. Za koju jednu jedinu oznaku < img >. Obov'yaskovym atribut ove oznake ê atribut src, značenje nekog puta do datoteke s malom fotografijom,
Ako je slika u istoj mapi kao i web stranica, onda je put samo do datoteke, na primjer: . Ako je slika u drugoj mapi, tada je potrebno označiti mapu qiu, na primjer: . Ako je slika na drugom mjestu, put je napisan na isti način:
.Kod apstraktnog također možete osvojiti sljedeće atribute, kao što su:
visina , širina- postavite visinu i širinu područja, pokazujući mališane. Ako postoji samo jedan zadatak ovih atributa, tada se druga dimenzija vraća u odgovarajuće omjere. Osim sjećanja, da je skaliranje povećalo svjetlinu slike. Mala Rosemary pobjeđuje na pikselima ili na prozorima, na primjer: , granica – postavlja širinu okvira na slici jednu do druge (za piksele). Ovaj atribut se može izostaviti jer je, iza natpisa, okvir oko slike zauvijek. Ale, ako to želiš počistiti, onda postavite vrijednost atributa granice na nulu,
boja obruba– postavite boju okvira sa strane slike, na primjer:
< IMG src="picture.gif" border="3" bordercolor="#CC0000">
U našoj aplikaciji, boja okvira zadatka je crvena, pa, naravno, atribut obruba (širina okvira) nije kriv za dodavanje nule, pa želite dodati okvir slici,
uskladiti- gledanje slika drugih objekata:
slika će biti stisnuta na lijevi rub ekrana, a tekst će biti omotan desnom rukom,
slika je dešnjak, tekst je ljevak.Tekst se također može postaviti na dno slike (za zaključavanje) - (1), u sredini - (2), te u planinama - (3):
(1) -
(2) -
(3) -vspace- odrediti između teksta i malog teksta (okomito):
,
hspace - postavljeno između teksta i malog (horizontalno):< imgsrc=" pr1. png" hspace="30">
Prikazuje se u pikselima.Za oznaku za pomoć možete uvrtati slike u hiperprostoru, umetati slike u tablice, uređivati zadatke dizajna.
Praktični robot broj 5
"Zla beba jaka hipermoć"
Tsíl: naučite kako pobijediti mališane kao hipersila
Na bočnim stranama stranice 1.htm, stranice 2.htm i stranice 3.htm umjesto tekstualnih hipertekstila napišite malene. Za koga:
otvorite mapu koju je označio čitač (mapa sadrži datoteke sa slikama gumba u boji), umetnite crni gumb na prvu stranu slike i stvorite hipervezu za prelazak na drugu stranu:
Umetnite sliku narančastog gumba na svoju ruku da se pomaknete s prve strane na treću;
Instalirajte obrub obje slike jednak 2;
Otvorite prvu stranicu u pregledniku i idite na stranu za poruke, promijenite način na koji gumbi rade ispravno.
Umetnite slike gumba sa strane 2.htm i 3.htm sami i postavite vrstu hiperfore.
Otvorite prvu stranicu u pregledniku i idite na stranu za poruke, provjerite rade li tipke sa svih strana ispravno.
Alternativni tekst. mreža -stranicu može prikazati preglednik, koji se ne može koristiti za prikaz slike. Koristuvachs često uključuje pokazivanje malih ispisa kako bi se ubrzao prihvaćanje dokumenta. I na taj i na drugi način potrebno je dati mogućnost prepoznavanja, što je prikazano na slici, što nije moguće. Za koga citirati alternativni tekst, koji je dat u sažetku< img> atributa alt(inače titula), tsey atribut za prikaz teksta na polju roztashuvannya slika píd sat íí̈ zavantazhennya. Na primjer:
Vikoristannya beba jaka pozadina . Ako želite namignuti mališanima kao donji dio bočne strane („rešetka”), onda u sažetku
zamjenski ovaj atribut iz dodijeljene adrese slike. Na primjer: .Framey
Postavljanje više dokumenata na jednu web stranicu. Mova HTML vam daje mogućnost da program preglednika podijelite na nekoliko dijelova iu njihovoj koži prikažete okremy dokument. Takva se područja nazivaju osoblje.
Kako izgleda struktura HTML dokumenta, kako ukloniti okvire iz normalnog HTML dokumenta? Takav dokument ne bi se trebao osvećivati na “tijelo” dokumenta i ne bi se trebao osvećivati izvornom tekstu. Natomist vín místít opis osoblja i imena dokumenata, koji su pobijeđeni u okolnom području.
< OKVIR >… OKVIR > oznake okvira.
Mízh oznake < FRAMESET >…FRAMESET > kreira se opis rasporeda područja u prozoru preglednika, kao i dokumenti koji se trebaju unijeti u kožu tih područja.
Označiti - Središnji priključak računala za obavljanje obrade informacija u binarnom kodu.
< LI >Programi sustava
< LI >Aplikacijski programi
< LI >programski sustavi
Označene liste. Popis za označavanje prikazuje se u sredini spremnika, a skin element popisa označen je oznakom< LI >. Za pomoć o atributu oznake TYPE
- možete postaviti vrstu markera na popis: "disk" (disk), "kvadrat" (kvadrat) ili "krug" (kolo):
< LI >uređivači teksta;
< LI >grafički urednici;
< LI >proračunske tablice;
< LI >sustavi upravljanja bazama podataka.
Na web stranici "Programi" nalazi se popis numeriranja koji će obuhvatiti promjene glavnih tipova računalnog softvera.
Na drugom elementu glavnog numeriranog popisa ubacujemo popis za označavanje priloga (slika 6.30).
Popis termina. Popis termina prikazan je u sredini spremnika
- /
- . Srednji tekst je oblikovan kao pojmovi, koji se vide kao pojedinačne oznake