Vstup
1. Základní informace
1.1 O mov html
1.2 Tvorba webových stránek
1.3 Obecná ustanovení
1.4 Struktura dokumentu
1.5 Štítky těla dokumentu
1.6 Seznam základních html tagů
2. Další informace
2.1 Seznam značek
2.3 Grafika uprostřed dokumentu
2.4 Přidání stylů do dokumentu
2.5 Vlastní html značky
2.6 Html formulář
2,7 Html rámců
2.8 Html tabulky
2.9 Optimalizace grafiky pro web
2.10 Základy CSS
3. Popis vytvoření webu
3.1 Příprava
3.2 Skládací hlava
3.3 Vytvoření druhé strany
3.4 Spolupráce strany s popisem místa
3.5 Fotografická strana
3.6 Stránka Programy
3.7 Storinka s podjaky
Višňovok
Seznam vítězné literatury
Vstup
Tato práce je věnována mému HTML. Pro další podporu jsou soubory vytvářeny s příponami *.htm a *.html, což jsou webové stránky. Z nich se tvoří stránky a internet.
Před maturitní prací je stránka jako příklad toho, co můžete dělat s pomocí jazyka HTML.
Veškerá práce je rozdělena do 3 divizí. První rozdělil více úkolů na popis hlavních HTML tagů. Dozvíte se o nich všechny potřebné informace, jak vytvořit jednoduché webové stránky. Za druhé se podělili o informace o tom, jak zlepšit starý vzhled dokumentu a umožnit to. A třetí se rozešel s popisem toho, jak web vznikal, přílohy k maturitní práci. Nová zpráva popisuje druhý měsíc těžké práce na vytvoření stránky, je vyprávěna o různých prominutích, když jsou opraveny, o složitých metodách adopce.
Po přečtení tohoto, pokud jste robot, buďte lidskou bytostí, naučte se programovat, můžete pochopit základy programování v HTML. A ti, kteří vědí, je možné, aby sami poznali něco nového.
1.1 Pro mov HTML
Hyper Text Markup Language (HTML) je standardní jazyk uznávaný pro vytváření hypertextových dokumentů ve webovém prostředí. HTML dokumenty lze prohlížet různými typy WEB prohlížečů. Pokud je dokument vytvořen z verzí HTML, webový prohlížeč dokáže interpretovat HTML, aby viděl různé prvky dokumentu a jejich primární zpracování. HTML wiki vám umožňuje formátovat dokumenty pro jejich odeslání do různých písem, čar a dalších grafických prvků na jakémkoli systému, který je prohlíží.
Většina dokumentů obsahuje standardní prvky, jako je nadpis, odstavce nebo seznamy. Pomocí HTML tagů můžete tyto prvky označit, takže WEBovým prohlížečům zůstane minimum informací pro zobrazení těchto prvků, s ohledem na celkovou strukturu a informační úplnost dokumentů. Vše, co potřebujete ke čtení HTML dokumentu, je WEBový prohlížeč, který interpretuje HTML tagy a vykresluje dokument na obrazovce před vámi, což má dělat autor.
Autor dokumentu většinou výslovně definuje původní vzhled dokumentu. V dobách HTML čtečky, založené na možnostech WEB prohlížeče, můžete světu zpívat známým vzhledem dokumentu (i když ne jógou). HTML vám umožňuje určit, zda je dokument zodpovědný za nadpis nebo odstavec pro další značku HTML, a poté nechat webový prohlížeč interpretovat tyto značky. Například jeden WEB prohlížeč dokáže rozpoznat značku na začátku odstavce a prezentovat dokument správným způsobem, a druhý nemá stejnou schopnost odeslat dokument v jednom řádku. Jiné WEB prohlížeče mohou být také schopny upravit velikost a typ písma, barvu a další parametry, které by měly být přidány k zobrazení dokumentu.
HTML tagy lze chytře rozdělit do dvou kategorií:
1. Tagy, které označují, jak bude webový prohlížeč zobrazovat tělo dokumentu jako celek.
2. Tagy, které popisují celkovou autoritu dokumentu, jako je název nebo autor dokumentu.
Mějte na paměti, že hlavní výhodou HTML je, že váš dokument lze prohlížet v různých typech webových prohlížečů a na různých platformách.
1.2 složit webová stránka
HTML dokumenty lze vytvářet pomocí textového editoru nebo specializovaných HTML editorů a konvertorů. Volba editoru, který má být použit pro vytváření HTML dokumentů, má být používán výhradně pro pochopení jasnosti a zvláštní podoby autora skinu.
Například editory HTML, jako je Netscape Navigator Gold společnosti Netscape, umožňují vytvářet dokumenty graficky pomocí technologie WYSIWYG (What You See Is What You Get). Na druhou stranu většinu tradičních nástrojů pro tvorbu dokumentů lze převést pomocí převodníků, které umožňují převod dokumentů do formátu HTML.
Všechny značky HTML začínají "<" (левой угловой скобки) и заканчиваются символом ">(pravý vrcholový oblouk). Zpravidla používejte počáteční a koncovou značku. U zadku najedeme na značky title, které označují text, který je uprostřed počáteční a koncové značky a popisují název dokumentu:
Konečná značka vypadá stejně jako počáteční značka a zní jako nové přímé lomítko před textem uprostřed vrcholu. Čí aplikace má značku
Deyaki tagy, takže, jaka
(tag, který definuje odstavec), nezapomeňte na závěrečný tag, ale také zlepšuje čitelnost a strukturu výstupního textu dokumentu.
HTML nereaguje na velká a malá písmena znaků, které značku popisují, a když umístíte kurzor dříve, může příklad vypadat takto:
Úcta! Další mezery, symboly tabelování a rotace vozíku, přidané do výstupního textu dokumentu HTML pro nejlepší čitelnost, budou webovým prohlížečem při interpretaci dokumentu ignorovat. Dokument HTML může obsahovat popisy dalších prvků, pouze pokud jsou umístěny uprostřed značek
І. Zpráva o značkách
Bude napsáno níže.Pokud WEBový prohlížeč dokument přijme, ukáže, jak lze dokument interpretovat. První tag, který se objeví v dokumentu, může být tag . Tato značka sděluje webovému prohlížeči, že váš dokument je napsán v HTML. Minimální HTML dokument vypadá takto:
Tělo dokumentu...
Záhlaví dokumentu
. Tag záhlaví dokumentu je zodpovědný za nabídku vedle tagu a další nikde poblíž názvu dokumentu. Značka Tsey je obecný popis dokumentu. Unikátní rozmіschuvat, zda text uprostřed značky . Startovací značka umístěn přímo před značkoua další značky, které popisují dokument, a koncová značka budou zveřejněny, jakmile bude popis dokumentu dokončen. Například: neobov'yaskovі. Také se doporučuje používat samohlásky, samohlásky značek pro tyto značky, aby mohl WEB prohlížeč oddělit část záhlaví dokumentu a střední část dokumentu.Seznam Spivrobitnik Úcta! Technicky jde o typ počáteční a koncové značky ,
іNázev dokumentu
. Většina webových prohlížečů zobrazuje místo značky (Obrázek 6.26):v záhlaví okna, jak odstranit dokument a v souboru záložek, stejně jako vin je podporován webovým prohlížečem. Název, označeno і , umístěný uprostřed -tags, jak je uvedeno výše v aplikaci Název dokumentu se nezobrazuje, když je dokument zobrazen v okně.Během dne se IT sféra rozrůstá a roste, připojuje se k vytváření stránek. Tse vyrábět na zbіlshennya kіlkostі fahivtsіv, yakі připravený začít s rozvojem webu a podpory jógy. Mnoho takových web-majstrіv je však pokryto bezplatnými návrháři a může být dokonce nepředstavitelné, pokud jde o programování a technické úložiště. Šíleně je použitelnost, design a obsah ještě důležitější, ale technicky slabý web s prominutím v kódu nemůže přinést štěstí. Proto, pro vytváření stránek, méně než ty fakhivtsy může vzít na sebe, jako by byli schopni programovat je s jazykem a připraveni rozšířit stránky od nuly.
Jaké druhy filmů potřebujete znát pro tvorbu webových stránek?
Dosvіdchenі rozrobniki scho, scho zvolit movi programuvannya ladem vіd bohaté faktory. Po pochopení, že prostě neexistuje žádné ideální řešení, může mít kožní varianta své výhody a nevýhody. Je nutné zvolit ten jazyk, jako nejlepší pidida pro splnění stanovených úkolů. Výživa, jak je třeba před ním hledět, jako volba jazyka:
- serverová platforma;
- Serverový software;
- přítomnost informací na vytvořených stránkách;
- Vybraná databáze.
Nejoblíbenější filmy
webová stránka Popularita
(Unikátní záznamy za měsíc)front-end
(Zákazník)back-end
(server)Databáze 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 Databáze Oracle 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 Databáze Oracle 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. V józe základ - nejjednodušší jazykové značení, HTML. PHP pov'yazuє koristuvach іz serverová část. Samotný účel mé vlastní implementace takových funkcí, jako forma zpětného odkazu, jsou registrační pole příliš tenká. Syntaxe tієї movi je snadná a prostě vivchiti. Pro vytvoření komerčního portálu je PHP nepostradatelné, pro toho, kdo potřebuje získat kontaktní údaje koristuvach novým nejjednodušším způsobem. Základní výhoda filmu spočívá v tom, že vikoristovuyuchi її, programátoři mohou rychle a bez zayvih zusil složit dynamické strany.
Krajta. Ruská jóga je často nazývána „python“. Tse vysokorіvneva mova, yak vikoristovuєtsya pro vysoce postavený zavdan, především pro server vykonannya zavdan. Yogo orientace – zlepšení produktivity programátora a čtení kódu. Pro pomoc si můžete vytvořit záložní kopii bohaté sady programovacích paradigmat. Python funguje automaticky na serverech Windows a Linux.
Rubi. Ruská jóga je často nazývána „rubi“. Jedná se o dynamický, reflektivní a vysokoúrovňový jazyk pro OOP (objektově orientované programování). Win vám dává možnost implementovat bohaté streamování na jakýkoli operační systém, přijímá striktní typizaci dynamického vzhledu a může mít malý počet dalších možností. Charakteristikou syntaxe Ruby je nejblíže k analogům Eiffela a Perlu. Navíc za Pythonem stojí pár detailů.
A.S.P. Tento jazyk je distribuován společností Microsoft Corporation. Pro další technologie si můžete stáhnout programy pro www.asp. Platformy pro filmy: Internet Information Server (IIS) a Windows NT. ASP lze snadno nazvat vlastním, je dražší na technologii pro přístup k programu na internetovou stránku. Všechny výhody ASP jsou v jednoduchém skriptování mov a možnosti načítání prvků COM třetích stran.
JavaScript. Princip javascriptu trohi je odlišný od ostatních programovacích jazyků. Toto je hlavní oprávnění pro přímé připojení k souboru HTML. Skript, výtvory založené na JavaScriptu, zpracované interpretem, implementované prohlížečem. Qia mova vykoristovuetsya pro velké spektrum úkolů: vytváření dynamických stran (obsah na nich lze změnit, aby se dokument vylepšil);
Virishennya mіstsevyh zavdan; ověření správnosti vyplnění formulářů před dalším odesláním na server.
Velké možnosti pohybu jsou vysvětleny її popularitou. Takže s pomocí JavaScriptu můžete:
- změnit bokem: přidat nebo vyčistit text, změnit styly a značky;
- reagovat na yakіs podії (například na kliknutí myší) a vyhrát danou funkci;
- revidovat upomínky, nastavovat a číst cookies, kontrolovat správnost zadaných údajů;
- importovat nová data bez opětovného importu dokumentu a in.
perl. Začátek tohoto mov byl napsán pro vytvoření programu, jak porazili různé úkoly, v jediném scénáři pro dokončení celého komplexu úkolu: zpracování textu, administrace a další. Pearl dnes vyhrává hlavně za vývoj CGI doplňků. Vіn pomáhá spravovat servery a další systémy. Zavdyaki jednoduchost a rychlost psaného skriptu v Pearl, jóga přizpůsobená všem populárním platformám, včetně Mac a Windows. Perl může zkontrolovat kód, je to zcela zdarma.
Co potřebujete hodně znalostí?
Základní znalosti programování se vyučují v hodinách informatiky ve škole. Pratsyuvati na klasech Pascal a Delphi byly téměř dermální. Ale іnshі, skladnіshі movi programuvannya, vmagayut іnshoy, složitější a serióznější přístup. První věc, která je pro úspěšného programátora nezbytná, je matematický, logický sklad rozumu a schopnost se s tím popasovat. Pokud nevarto, budete muset všechno odzpívat. Je lepší lépe ovládat jedno, snižte matku, abyste se dozvěděli více o pěti slovech. Všechny věci mohou být podobné principy, všechny smrady budou na logice dne, že za hodinu je s kůží mého nového vchiti yogo všechno jednodušší. Zkopírujte nebo změňte kód někoho jiného, možná někoho jiného, ale napište si svůj vlastní kód, stát se správnou „uměleckou“ budovou má ke kůži daleko.
Vývoj webových stránek od různých filmů a rozložení až po hypertext HTML
Webové stránky a webové stránky
Webové stránky. Webové stránky jsou vytvořeny za pomoci mobilního rozložení hypertextových dokumentů HTML (Hyper Text Markup Language). Do standardního textového dokumentu jsou vloženy klíčové symboly – HTML tagy, které určují vzhled webové stránky při prohlížení v prohlížeči.
Hlavní výhody webových stránek jsou:
- Minimální informační obsyag;
- možnost revize různých operačních systémů.Pro tvorbu webových stránek se používají nejjednodušší textové editory, které do vytvářeného dokumentu nezahrnují, které znaky jsou formátovány na text samotného editoru. Jako takový editor ve Windows můžete zkroutit standardní program Poznámkový blok.
Vytvoření webových stránek s variantami HTML tagů bude vyžadovat velké úsilí, jakmile budete znát syntaxi filmu. Zastosuvannya spetsialnyh іnstrumentalnyh іnstrumentalnyh zasobіv (Web-editoři) okrást robota o vytváření webových stránek jednoduché a efektivní. Proces vytváření a úprav stránek ve webových editorech je pokročilejší, takže se provádí v režimu WYSIWYG (jako anglické "What You See Is What You Get" - "What You See Is What You Get").
Webové stránky. Publikace All-World Merazh jsou realizovány ve formě webových stránek, jako by chtěly pomstít materiál z těchto nebo problémů. Suverénní struktury a organizace (katedra, myšlenka, škola atd.) vytvářejí oficiální webové stránky svých organizací, na kterých zveřejňují informace o své činnosti. Obchodní firmy na svých webových stránkách inzerují zboží a služby a propagují je v internetových obchodech. Pokud jste dopisovatelem na internetu, můžete si vytvořit vlastní tematickou stránku, na kterou můžete zveřejňovat informace o svém vývoji, hromadění atd.
Stejně jako časopis se skládá z různých stran, web se skládá z počítačových webových stránek. Stránka se provinila tím, že se vzpírá systému hyperposilan, protože umožňuje koristuvachevy procházet webovými stránkami.
První místo vašeho webu na serveru na internetu, je nutné důrazně protestovat, potenciál pro vaše stránky budou desítky milionů coristuvachi na internetu.
Pro publikování webu je nutné znát přesné umístění na jednom z internetových serverů. Mnoho poskytovatelů dává svým zákazníkům možnost bezplatného hostingu webových stránek na svých serverech (bezplatný hosting).
Kontrolujte výživu
1. Proč mají webové stránky přednost před skvělými textovými dokumenty?
2. Jak se webové stránky spojují do webových stránek?
Struktura webu
HTML kód strany je umístěn uprostřed kontejneru . Bez těchto značek není prohlížeč schopen určit formát dokumentu a správně jej interpretovat. Webová stránka je rozdělena na dvě logické části: nadpis a část, která se zobrazuje v prohlížeči.
Název webové strany odpovídá kontejneru
a nahradit název dokumentu a další informace o stránce (například typ kódování), aby byla prohlížečem zkontrolována pro správné zobrazení.Štítky leží na vrcholu přídě a mohou být jednoduché nebo mužské. Rodičovské značky kontejner).
Závěrečný tag by měl být nahrazen lomítkem (/) před znakem. Štítky lze psát velkými i malými písmeny.
Název strany je umístěn poblíž kontejneru
a pod hodinou opětovné návštěvy se zobrazí v horním řádku okna prohlížeče. Změna strany, která se zobrazuje v prohlížeči, se umístí do kontejneru
<ТITLE>PočítačТITLE>
Počítač a firmware
Rýže. 6.26. Příprava webové stránky "Počítač" |
Vytvořená webová stránka by měla být uložena jako soubor s názvem index.htm. Stejně jako rozbalení souboru webové stránky můžete také upravit HTML. Doporučuje se vytvořit speciální složku pro distribuci na web a uložit všechny soubory pro web, které jsou distribuovány v této složce.
Je nutné oddělit název souboru index.htm, pod kterým je webová stránka uložena, od souborového systému, název webové strany (například „Počítač“), jak je uvedeno v horním řádku okna prohlížeče. Webové stránky Im'ya mi to mohou dokázat, že je nemožné, abychom byli analyzováni poke systémy.
Kontrolujte výživu
1. Jaké značky (kontejnery) by obecně měly být v HTML dokumentu přítomny? Jaká je logická struktura webové stránky?
6.10. Prakticky úkol. Vytvořte webovou stránku „Počítač“ a prohlédněte si ji v prohlížeči.
Formátování textu na webu
Naše strana zatím nevypadá vůbec příjemně: fádní písmo černé barvy na bílých mšicích. Pro další značky můžete nastavit různé parametry a formátování textu.
Nadpisy. Velikosti písma záhlaví se nastavují ve dvojicích značek<Н1>Н1>(největší) do<Н6>Н6>(nejméně).
Písmo. Tagy Deyaki vytvářejí atributy, jako jsou jména autorit, a mohou opěvovat významy. Pomocí tagu FONT a dalších atributů můžete nastavit parametry formátování písma. Atribut FACE umožňuje vložit typ písma pro písmo (například FACE="Arial"), atribut SIZE - velikost písma (například SIZE=4).
Atribut COLOR umožňuje nastavit barvu písma (například C0L0R="modrá"). Hodnotu atributu COLOR lze nastavit buď pojmenováním barvy (například "červená", "zelená", "modrá" atd.), nebo 16 hodnotami.
Šestnácté znázornění vikoristické barvy ve formátu RGB "#RRGGBB", dvě první šestnácté číslice nastavují intenzitu červené (červená), dvě zálohy - intenzitu zelené (zelená) a dvě zbývající - intenzitu modrá (modrá) barva. Minimální intenzita barvy je označena šestnáctým číslem 00 a maximální - FF. Například modrá barva je přiřazena k hodnotě „#0000FF“.
Revize textu. Určete způsob zobrazení textu povolením atributu ALIGN. Zarovnání podle levého okraje je definováno následovně: ALLGN="left", zarovnání podle pravého okraje: ALIGN="right", zarovnání na střed: ALIGN= "střed".
V tomto pořadí lze modrou barvu nadpisu se středem nastavit v tomto pořadí:
<Н1 ALIGN="center">Počítač a firmwareН1>
Vodorovné čáry. Nadpisy by měly být dodatečně křížově vyztuženy pomocí vodorovných čar za jedním štítkem
.
Odstavce. Připojeno k textu v odstavci<Р>Р>. Hodinu budu prohlížet prohlížeč, odstavce jsou mezi sebou rozmístěny v intervalech. U odstavce vzhledu můžete nastavit první typ zobrazení a parametry formátování písma.
Domovská strana webu Na domovské straně webu zazní text, který jej stručně popisuje. Text umístěný na domovské stránce webu "Počítač" rozdělený do odstavců s různými výjimkami:
<Р ALIGN="left">Na této stránce můžete vidět různé informace o počítači, jeho softwarovém zabezpečení a cenách počítačových komponent.Р>
<Р ALIGN= "right">Terminologický slovník vás seznámí s počítačovými pojmy a dotazník můžete také vyplnit.Р>
Tímto způsobem je domovská stránka webu "Počítač" hodna vycentrování nadpisu modrou barvou a přidání vodorovné čáry ke dvěma odlišně zarovnaným odstavcům (obr. 6.27):
<Н1 ALIGN="center">
Počítač a firmware
Н1>
<Р ALIGN="left">Na jakém webu...Р>
<Р ALIGN ="right">Terminologický slovník
...Р>
Rýže. 6.27. Webová stránka "Počítač" s formátovaným textem |
Kontrolujte výživu
1. Jaké štítky (kontejnery) jsou pro tituly? Formátování písma? Zavedení paragrafů?
Úkol pro nezávislé vikonanny
6.11. Prakticky úkol. Vytvořte „počítačovou“ webovou stránku s formátovaným textem a prohlédněte si ji v prohlížeči.
Vložení obrázku na web
Na webu můžete zobrazovat obrázky uložené v grafických souborech ve třech formátech – GIF, JPEG a PNG.
Vložený obrázek. Tag pro vložení obrázku s atributem SRC, který označuje místo uložení souboru na lokálním počítači nebo na internetu. Pokud je grafický soubor umístěn na místním počítači ve stejné složce jako soubor webové stránky, pak by měla být hodnota atributu SRC uvedena pouze pro název souboru. Například:
Pokud je soubor umístěn v jiné složce na vašem místním počítači, pak hodnota atributu může být mimo soubor, včetně cest k novému souboru v hierarchickém systému souborů. Například:
Pokud je soubor umístěn na vzdáleném serveru na Internetu, lze zadat webovou adresu tohoto souboru. Například:
Poloha malého je dle textu. Raztashuvaty drobnosti k textu jiným způsobem umožňují atribut ALIGN, který může nabývat pěti různých hodnot: TOP (nahoře), MIDDLE (uprostřed), BOTTOM (dole), LEFT (levák) a RIGHT (pravoruký) .
Na domovskou stranu stránky "Počítač" je logické umístit obrázek počítače. Aby maličké rostly podél pravého okraje textu, je za urážlivý vzhled zodpovědný tag pro vkládání obrázků (obr. 6.28):
Rýže. 6.28. Vložení obrázku na webovou stránku "Počítač". |
Vložení alternativního textu. Koristuvachі іnodi, s pomocí ušetříte hodinu, v prohlížeči zapněte snímání grafických obrázků a čtení pouze textů. Aby se nezasahovalo do smyslové stránky, může za to výměna malého, zavádí se alternativní text.
Alternativní text je zobrazen za pomocí atributu ALT, jehož význam je text, který vysvětluje, co je maw bi koristuvach pro mrňouska:
Kontrolujte výživu
1. Jaké značky a atributy se používají pro vložení obrázku na web?
Úkol pro nezávislé vikonanny
6.12. Prakticky úkol. Vložte obrázek na webovou stránku "Počítač" a prohlédněte si jej v prohlížeči.
Hyper-výkon na webových stránkách
Pokud je webová stránka, která je zapletená do prohlížeče, umístěna na místním počítači ve stejné složce, pak je změna adresy jednoduše určena souborem, například:
Pokud je webová stránka, která se načte do prohlížeče, hostována na internetu, jsou internetové adresy označeny jako adresy, například:
<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Signalizace napájeníА>
Pokaznik psilannya mi bachimo pid hodina znovu navštivte webovou stránku v prohlížeči. Vkazivnik může poslat text, zvukové vize v modré barvě a podporu, nebo malé, vize v rámečku. Při zadávání nové myši se kurzor změní na ikonu "ruka". Klikněte myší po volajícím, čímž vyvoláte přechod na webovou stranu zobrazenou v hyperprostoru.
- před kontrolou obrázku v prohlížeči:
<А HREF="picture.jpg">obraz - před spuštěním programu, který byl vložen do prohlížeče, byl vytvořen tento zvukový soubor:
<А HREF="sound.wav">Zvuk - pro uložení souboru do místního počítače pomocí správce sběru souborů nainstalovaného v prohlížeči:
<А HREF="Apxив.ziр">Získejte souborА>
Navigační panel webu. Vytvoříme složku pro web "Počítač" a přidáme na web prázdné stránky "Programy", "Glosář", "Kompletní" a "Dotazník". Uložte je pro soubory s názvy software.htm, glosář.htm, hardware.htm a anketa.htm pro nadřazený web. Toto jsou "prázdné" strany nadpisů, ale stále nemůžete odpustit matce:
<ТITLЕ>boční hlavičkaТITLЕ>
Na domovské straně webu umísťujeme hyperposilanové reklamy na stranu vzhledu webu. Jako indikátory hyperposilanu je nejvhodnější pojmenovat strany, na kterých se přechod provádí.
Přemístěme ukazatele hyperposilanu v dolní části stránky v novém odstavci do jednoho řádku, rozdělíme je mezerami ( ). Takové umístění hyperposilanu se často nazývá navigační panel.
Vložíme HTML kód na domovskou stránku webu, která vytvoří navigační panel:
<Р ALIGN="center">
[<А HREF="software . htm">Programy]  
[Glosář]  
[PříslušenstvíА>] 
[Dotazník]
Hyper zpráva na e-mailovou adresu. Corisno na domovské straně webu zašlete zprávu na e-mailovou adresu, pro kterou se můžete obrátit na administraci webu. K tomu je nutné přiřadit e-mailové adrese atribut HREF a do kontejneru vložit її
, který definuje styl odstavce, akceptovaný pro vkládání adres:<А HREF="mailto:[e-mail chráněný]">E-mail:
[e-mail chráněný]
Nyní se kliknutím na e-mailovou adresu otevře poštovní program Outlook Express Komu se zobrazí v zaslané adrese.
Později byla vytvořena domovská stránka webu „Počítač“, která obsahovala nadpis, počítačový obrázek, dva odstavce textu a navigační lištu, která byla odeslána na e-mailovou adresu (obr. 6.29).
Rýže. 6.29. Domovská stránka webu "Počítač" je připravena |
Kontrolujte výživu
1. Jaké atributy tagu a jógy se používají k vytvoření hyperposilanu?
Úkol pro nezávislé vikonanny
6.13. Prakticky úkol. Vytvořte "počítačovou" webovou stránku, která odstraní hyperposilan panel na druhé straně webu a podíváte se na něj v prohlížeči.
Seznamy na webových stránkách
Chcete-li při umísťování textu na webové stránky často končit, ručně vyberte seznamy pro různé možnosti:
- číslované seznamy, pokud jsou prvky seznamu označeny dodatečnými čísly;
- označené seznamy, pokud jsou prvky seznamu identifikovány dalšími speciálními znaky (značkami);
- seznamy schůzek, které umožňují sestavit převody schůzek v tzv. slovníkové podobě.
Seznamy je možné vytvářet a vnořovat, navíc investovaný seznam lze podle jeho typu považovat za hlavní.
Číslované seznamy.Číslovací seznam distribucí uprostřed kontejneru
- můžete nastavit typ číslování: arabské číslice (pro zachycení), "I" (římské číslice), "a" (malá písmena) a in.
- ta vznachen, yakі jít na jednotlivé značky
- .
Webovou stránku "Glosář" můžeme reprezentovat ve formě slovníku počítačových termínů (obr. 6.31):
- Centrální příloha počítače pro provádění zpracování informací v binárním kódu.
Pracovní paměť
- Prosím, ve kterých programech a datech jsou uloženy.
- Prosím, ve kterých programech a datech jsou uloženy.
Procesor
Kontrolujte výživu
1. Jaké známky jsou vítězné při sestavování číslovaných seznamů? Označené seznamy?
Úkol pro nezávislé vikonanny
6.14. Prakticky úkol. Vytvořte webovou stránku "Programy" s očíslovaným seznamem a vnořte označený seznam.
6.15. Prakticky úkol. Vytvořte na webu "Glosář" se seznamem termínů.
Kurz "Vytváření webových stránek pomocí HTM filmů" L »
Téma 1. Pochatkova informace o mov HTML
Přiřazení HTML filmu
Web -strany– všechny speciální soubory napsané v mém HTML ( Hyper Text označení Jazyk – rozvržení mov pro hypertext). Pid rozmіtkoy rozumět vkládání speciálních kódů (tagů) do textu, těch počátečních, jako subbag hypertextový dokument se provinil tím, že je zobrazen speciálním programem - prohlížečem.
Jazyk HTML pro vytváření souborů nezávislých na systému popisuje formát dokumentu, ale také definuje jeho strukturu. Pokud je například v textu zahrnut nadpis, kód HTML jednoduše označuje, že relevantní fragment je nadpis. Po přezkoumání takového kódu program - samotný prohlížeč virishuє, scho їy robiti іz nadpis. Je možné jej zobrazit větším písmem nebo uprostřed obrazovky. Pokud text vytvoří filmový syntetizér, syntetizér zkopíruje celý kód, takže přesune hlasitost a přidá potřebnou pauzu.
Mova HTML є počítačový mov, ve smyslu zpěvu se argumentuje programováním mov. Zahrnujete následující pravidla, která musíte splnit, abyste získali správné výsledky.
Jazyk HTML se objevil přes noc se službou World Wide Web a vyvíjel se současně s ní. Vin je základem World Wide Web a zároveň důvodem jeho nejširší popularity.
HTML - soubor
HTML - file - textový soubor, který lze rozšiřovat .htm nebo . html Webová stránka je uložena jako soubor HTML. Chcete-li vytvořit soubor HTML, můžete tweetovat jako jednoduché textové editory, jako je Poznámkový blok nebo Word Pad, a webové editory.
Struktura dokumentu HTML
HTML dokument se skládá z hlavního dokumentu a značek, jako jsou sady standardních znaků.
Všechny HTML dokumenty mohou mít dobře definovanou strukturu. Dokument je vinen tím, že začíná značkou a končí jinou značkou, která se uzavírá. Tato dvojice značek prohlížeči sděluje, že se před ním nachází platný dokument HTML.
HTML dokument se skládá z rozdělil nadpisy a tělo dokumentu, scho jít sám v tomto pořadí. Nadpisy předpisů jsem rozdělil mezi značky a schoval informace o dokumentu jako celku. Zokrema, jehož část se provinila pomstou za své vlastní značky a záměnou s „oficiálním“ názvem dokumentu.
Text samotného dokumentu je rozšířen v těle dokumentu. Tělo dokumentu se rozbalí mezi tagy a BODY>. V praxi je možné určit umístění těchto hlavních značek pro jejich dny. K tomu, jako značky,
і , a také pokud jsou vynechány složené značky, pak program - prohlížeč může sám určit místo, na vině je smrad. Ale koneckonců se nedoporučuje vynechávat qi tagy v době tvorby webových stránek.Nejjednodušší správný HTML dokument.
< HLAVA >
< TITUL > Název dokumentuTITUL >
HLAVA >
< TĚLO >
TĚLO >
značky HTML
Mova HTML se skládá ze speciálních rozmichalnyh indikátorů - značek. Mohou být také nazývány příkazy, instrukcemi nebo HTML kódy.
Značka je pokyn pro prohlížeč, který určuje, jak má být text vykreslen. Všechny značky začínají symbolem menší než (<) и заканчиваются символом «больше» (>). Několik symbolů se nazývá odlišně kudrnaté oblouky. Po otevření vrcholové přídě Ide klíčové slovo, Co znamená značka
Značka vzhledu HTML filmu může být speciálně rozpoznána. Registr písmen v názvech tagů nemůže být významný - můžete mrknout jak malá, tak velká písmena, chcete-li hláskovat velká písmena tak, aby tagy odpovídaly původnímu textu dokumentu.
Používejte dva typy značek – kluci a nepárové.
Chlapecké značky- který se křiví a křiví, podobně jako kulaté oblouky algebraické virázy. Zápach je přidán k textu z tohoto měsíce, de live, před tímto měsícem, kde je indikováno znaménko konce їх dії (značky křivky začínají znakem lomítka (/).
Například, < HTML > HTML >, < P>P>,
H3 > Nespárované značky poskytují jednorázový efekt v místě, kde se objevují, takže není potřeba abstrakt, který se uzavírá.
Například,
, ,Štítek přenášejí servisní informace o webu a nezobrazují se na obrazovce prohlížeče: veškeré informace o kódování webu, o autorovi a také sada klíčových slov pro vyhledávání, která by se měla na webu zobrazit.
zadek.
Příklad skládacích stolů
Ze zadku je vidět, že strana vítězného kódování Windows-1251 je pro dnešek nejrozšířenější, stačí jen vložit značku tak, jak se díváte na vaši stranu; autorem vedlejší linie je Ivanov Ivan; strana je věnována tvorům.
Když je dokument zobrazen v prohlížeči, samotné značky se nezobrazují, ale jsou přidány ke způsobu zobrazení dokumentu. Jako by pardon v abstraktu označoval klíčové slovo, protože se neobjevuje v mém HTML, tag je z větší části ignorován.
Atributy značek
Značky, které se zobrazí, mohou často nahradit atributy, které jsou přidány k efektu značky.
Atributy – všechna další klíčová slova, vodokremlenі jako klíčové slovo značky a jedna jako jedna mezera.
Atributy mohou mít hodnotu zapsanou za rovnítkem (=). Zavzhda vložil hodnotu atributu do tlapek (jednotlivé kostice). Řádek u tlapek není vinen z pomsty, takže tlapy jsou uprostřed sebe. Pro význam atributů můžete sklopit tlapky, protože se sčítají pouze z následujících symbolů:
intervaly;
pomlčky (-).
symboly anglické abecedy;
Můžete také snížit tlapky pro hodnotu atributů, protože se sčítá pouze z přicházejících symbolů (vraťte se k technickému konceptu ):
symboly anglické abecedy ( A-Z, a - z)
číslice ( 0 - 9 )
intervalech
pomlčky ( - )
takovým způsobem, ŠÍŘKA=80і VYROVNIT=STŘED- Přípustná zkratka pro WIDTH="80"і ALIGN="STŘED".
Tagy, které zavírají, nemstí atributy.aplikovat. FONT >
Komentáře
Stejně jako ve všech jazykových programech je možné do programu přidávat komentáře (textové řádky, které nejsou součástí programu) a HTML nelze nijak přesunout. Začněte komentář speciální značkou. Komentář může obsahovat libovolné symboly, kromě symbolu většího než (>), i, takže nemůžete vkládat značky.
Princip poklesu značky
kontejnerové značky
Již víme, že značky světa se skládají ze dvou částí - tse vіdkrivaє (vіn totéž - pomstít atributy) a zakrivає, tobto "kіnets" tag. Úkoly v abstraktních parametrech jsou pouze mezi klasem a klasem, takže pouze uprostřed tagu:<начало 2-го тега>
text text text text text text text text text text text text text text text text text
<начало 3-го тега>
text text text text text text text text text text text text text text text text text<Конец 3-го тега>
<Конец 2-го тега>
<Конец 1-го тега>
Šlápnutí na levou hranu není vipadkovі - smrad je automaticky vkládán programy, které tvoří HTML kód, aby byl srozumitelnější. Dosit ozumіti, scho chim daleko na levém okraji vidět značku, tim "více" žil lhát, tim více "starších" značek může být na novém dítěti.
Všimněte si také, že některé atributy vnořených značek lze přidat ke „starším“ značkám. To je například typické pro tabulky, vnořování jedna ku jedné.
Pokud má vnitřní tabulka velikost úlohy 100, pak vnější tabulka nemůže mít velikost menší než 100 pixelů + šířku rámce. V takové hodnosti je stůl investován yak bi "rozpiraє", že v yak won je investován. Pokud ano, není nutné v ní rozšiřovat počet úkolů, ale počet textů v ní je značný, „starší“ tabulku otevřete na takovou velikost, která je nezbytná pro zobrazení velkého počtu řádků v text. Říká se tomu „zpětné volání“.Praktický robot číslo 1
„Stvoření toho nejjednoduššího Web - Storinki"
Cílová: Naučte se vytvářet webové stránky v textovém editoru Poznámkový blok.
Vkazivki do vikonannya
Zadejte novou strukturu dokumentu HTML, jak je uvedeno níže:
O našich nejmenších bratrech.
Zde najdete správnou webovou stránku
Uložte soubor zadáním názvu index .htm.
Otevřete vytvořený soubor. Jak vidíte výtvory souboru, můžete vidět v okně prohlížeče.
Zavřete prohlížeč.
Přejděte na soubor uložený v programu Poznámkový blok.
Před další změnou proveďte předběžnou změnu: nahraďte slova „Změna webové stránky bude umístěna zde“, napište toto: Tse moje první strana .
V řadě < TITUL> řekněte: "Domovská strana (tak se jmenujete vy)."
Uložte soubor jako stránku 2.htm.
Podívejte se na výsledek v prohlížeči, případně soubor upravte pomocí nápovědy Poznámkový blok.
Téma 2: HTML tagy
Fyzické a logické značky formátování textu
Formátování písma . Pro formátování textu existuje mnoho prvků. Text můžete formátovat pomocí dalších tradičních prvků: podívejte se na fragmenty kurzívou, tučným písmem, vyberte písmo, rozbalte a vybarvěte písmo, převrácení fragmentů textu. Pokud autor nemá jednoduché možnosti formátování textu, můžete přejít na šablonu stylů, která rozšíří možnosti formátování HTML.
Podívejme se na standardní prvky HTML filmu, které umožňují formátování textu.
Písmo- Změňte kód pro viditelné obrázky ve všech tabulkách.
Arial
Klávesa vzhledu klaviatury udává kód skladby, který je rozpoznán OS (operační systém, většinou Windows nebo Linux / Unix).
Tímto způsobem, výběrem písma typu sing, systém nahradí kód klávesové zkratky v tabulce symbolů písmem obrázkového písmene nebo ikony. Kožené písmo - soubor tse. Soubor, který lze použít k nahrazení obrázku písmeny, čísly a symboly, které jsou přiřazeny tlačítku vzhledu. Vložit písmo - znamená zahrnout soubor souboru s dalšími tabulkami nastavení. Pro systémy MS Windows existuje výběr fontů, které jsou dodávány najednou ze systému - ce:Arial
Kurýr Nový
Kurýr Nový
Comic Sans
Komik Sans
Times New Roman
Times New Roman
Verdana
Verdana
Kůže z těchto písem je pre-rechic ve svém vlastním designu a stylu. Největší rozšíření je Arial. Všechna písma mohou představovat 90 % všech názorů na vaši budoucí stranu. Kožené písmo - samostatný soubor ve složce Windows/fonts/*.ttf. Jak změním písmo v HTML, aby vypadalo jinak?
< FONT >… FONT > v závislosti na typu, rozmіru a barvě písma. Všechny tyto parametry jsou přiřazeny pro další relevantní atributy.Absolutní velikost písma se nastavuje atributem size (exp.). Tento atribut může nabývat hodnot od 1 do 7, navíc písmo 1. rozměru je nejmenší a 7. je největší.
aplikovat.text rozšířen 1
text rozšířen 2
text rozšířen 3
text rozšířen 4
text rozšířen 5text rozšířen 6
text rozšířen 7Ticho tady - daleko ONT>.
Při návrhu zní vikorista nejprve chotiri rozmarýn. Všechno, co je víc, špinavý tón a známka amatérismu, víc zabírá hodně místa a je důležité si to přečíst. Pravda, u větších velikostí nastává stagnace. Například můžete napsat počáteční písmeno se stejným rozmіrom (první písmeno klasu): T text text text text text text text text text text text text text text text text text text text text text text text text.
Mezitím si můžeme vybrat samotný font, který bude zvolen pro zobrazení textu. Bojujte s atributem tvář (pohled).aplikovat.Toto písmo je velikosti arial 3 ONT >
FONT text >
jak bachimo, E tyto dva atributy - rozmіr a typ písma - můžete roztashuvat be-yakіy sekvenci v diplomové práci :
Můžete také vikoristuvati atribut barva (barva). Volání barvy je buď číslo, píšeme v šestnáctkové soustavě, např. color = “#ff 0000”, nebo tomu říkám jen anglicky napsané např. color = “red”. aplikovat. Tse modrá barva písma FONT >
Toto písmo je arial velikosti 3, barva modrá FONT >
Písmo lze také použít: křehké (kurzíva), tučné, překřížené, překřížené, horní indexy, horní indexy a také použité jako sprinter určených obrázků. Dosažitelné pomocí značek:
< já > textjá >
< B >textB >
< U > textU >
< S > text S >
< SUP > text SUP >
< SUB > text SUB >,
a také їх podnannyam, například, <U > text U>B>
Formátování odstavce. Většina zbývajících dokumentů má hlavní funkční rozdělení titulkyі odstavce Webové dokumenty jsou průšvih. K identifikaci nejdůležitějších odstavců v mém HTML použijte tag tag…P > (Odstavec). Navíc můžete vyhrát pouze visačku s klasem jako útočný prvek
znamená klas urážlivého odstavce a konec fronty. V tichých situacích, pokud je nutné označit dokončení odstavce po změně, můžete vybrat koncovou značku.
Najednou z tagu odstavce můžete citovat a přiřadit zarovnat:
align = "left" - zarovnání vlevo;
align = "vpravo" - zarovnání vpravo;
align = "centr" - zarovnání na střed.
zadek.Razdel 1P >
Animace >
boční 3P>
Movі HTML nemá žádné prostředky pro vytvoření položky odstavce ("červený řádek"), takže pro přehlednost čtení textu mezi odstavci prohlížeč vyzývá k zadání prázdného řádku. Zpravidla je nutné změnit přechod na nový řádek bez vytvoření odstavce, vybere se jeden tag
. V místě stejné distribuce řádek končí a text, který zůstal, začíná od nového řádku. Tsej tag ručně vikoristovuvaty, schob, například pište verše na stovpchik:
Pustili lékaře k soudu,
Utrhli vedmedikovi tlapu,
Nebudu házet jógu stejně,
Protože víno je dobré.
Na obrazovce prohlížeče používáme standardní pořadí psaní chotirivirsh.Důležité je vytvořit v textu samostatné dělení - vodorovné čáry - čáry, které vizuálně sousedí s různými částmi dokumentu jedna v jednu. Vodorovná čára je vytvořena jedním tagem. S pomocí jógy snadno rozdělíte stranu na části. Práce má povoleno několik atributů:
Virivnyuvannya
align="left"
align="center"
align="right"
align="justify"
Kamarádství a Dovzhina Line v pixelech.
Velikost = 3 (šířka v pixelech)
šířka = 300 (délka v pixelech)
šířka = 100 % (šířka šířka)
Barva čáry
color="red"
Jazyk HTML podporuje šest stejných vnitřních záhlaví v dokumentu. Tyto smrady jsou označeny značkami vіd
…
před…
.
Nadpis prvního řádku je největší a nadpis šestého řádku nejmenší. U nadpisů můžete zvýraznit atributy vlevo, uprostřed nebo vpravo.
zadek.Největší titul Nejmenší titul Domácí zvířátka
Logické formátování textu . V tuto chvíli se můžeme podívat na značky, pokud jde o jejich účinek, hádají značky, které nastavují velikost, barvu a obrázek písma. Je důležité poznamenat, že tyto značky účinně popisují skutečnou sílu textu. Tse znamená, že text může být v různých prohlížečích vykreslen odlišně, ale účinek záruky se v takovém případě vyvolá, pokud z nějakého důvodu neexistuje možnost blokování efektů písma. Všechny tyto značky jsou spojeny a přidány k textu, uspořádání mezi značkami, které se zakřivují a uzavírají. Uzavření štítku obs'yazkovy.
Štítek … vikoristovuєtsya pro citáty, jmenovky. Znít kurzívou.
Shardy HTML vytvořili lidé pomocí počítačů, pro prezentaci textů v počítačových programech a výsledků interakce s nimi je známá celá skupina značek.
Štítek < KÓD >… KÓD > Zadejte výstupní text počítačového programu, který zní jednoprostorovým písmem (většinou písmem Courier), tedy písmem pevné velikosti.
Štítek < KBD >… KBD > formátování textu, což je způsobeno buti (nebo buv) úvody za pomoci klávesnice, které znějí jako monospace tučné písmo. Anglický typ klávesnice - klávesnice
zadek.Chcete-li spustit systém Windows, zadejte: vyhrát.
Kód:
Chcete-li spustit systém Windows, zadejte: win
Štítek … označte text jako vzor. Vikoristovuetsya pro porozumění textu, který má být programy. Zobrazeno písmem s proměnnou mezerou.
zadek.
Skvělý text
Štítek … vikoristovuєtsya vіdіlennya zminnіh іv programu výpisu. Zvuk, takový text je zobrazen kurzívou. Typ angličtiny var iable — proměnlivý.
Zadek.
A, B, C
Kód:
A, B, CŠtítek < EM >… EM > vykoristovuetsya vidět prvky textu (zvuk kurzívou).
Štítek < SILNÝ >… SILNÝ > vykoristovuetsya pro silnou vizi prvků textu (tučně).
zadek.
Skvělý text
A zde je text z vybrané značky .
Střepy zde vítězí ve smyslu vidět design, doporučuje se vyhrát štítky místo štítků і< B >.Praktický robot číslo 2
“Formátování textu na webové straně“
Cílová: Naučte se formátovat písmo a text na webu.
Vkazivki do vikonannya
V prvku< TITUL> zadejte název strany „P/r č. 2“.
Příchozí text naformátujte přiměřeně až k výrokům (uvedeným v obloucích kurzívou), jak je znázorněno v malém.
(titulH 1)
(Pohled uprostřed)
Psi
(titulH 2)
(Pohled uprostřed)
Strážci
(Virіvnyuvannya zlіva, tučné písmo)
Mislivski
(obrácené pravotočivé, tučné písmo)
Obvaz
(uprostřed, tučná kurzíva)
Kluby Vistavki Maidanchiki
(zvýrazněno uprostřed, velikost písma 10, barva písma černá, písmoArial )
Virsh
(Barva písma je modrá, velikost písma je 6, zarovnání je na střed)
Pro život jsem skromný,
Ovace nejsou vyžadovány
Ahoj, jsem v pohodě
Žasnu nad projektilem!
(Zarovnání doleva, velikost písma 6)
Vytváření seznamů
Označené seznamy. Seznam je revidován podle původního textu, takže Koristuvachev nemusí přemýšlet o číslování odstavců: beru to na sebe. Je-li seznam doplněn o nové položky, nebo je-li krátký, je číslování automaticky opraveno. V různých nečíslovaných seznamech programu umístěte značky před bod kůže: kukhli, obdélníky, kosočtverce nebo jiné obrázky. Ve výsledku tak seznam vypadá jako manuál.
Tagy pro vytvoření nečíslovaného seznamu:
< LI > UL >
Štítek- є jejich vlastní zarámovaný seznam. Vin umožňuje přidat jeden seznam dalších typů. Štítek
- označte kůži z vpichů.
zadek.
Seznam položek 1 Seznam položek 2 Seznam položek 3
Zobrazení obrazovky:
Seznam položek 1
Seznam položek 2
Seznam položek 3
Tagy pro vytvoření číslovaného seznamu: < Ó L>< LI > OL >
Číslované seznamy. Struktura uspořádaného seznamu je podobná struktuře neuspořádaného seznamu. Rámečky pro zarámování visačky- . Kožený předmět je číslován arabskými chi římskými číslicemi a písmeny latinské abecedy.
zadek.
Seznam položek 1 Seznam položek 2 Seznam položek 3
O L>Zobrazení obrazovky:
Seznam položek 1
Seznam položek 2
Seznam položek 3
Metoda číslování je přiřazena dalšímu atributu typ. Tabulky mají všechny způsoby číslování:
Typ číslování
Praktický robot číslo 3
"Vytváření číslovaných a nečíslovaných seznamů"
Tsіl : Naučte se vytvářet seznamy na webových stránkách.
Vkazivki do vikonannya :
1 . Vytvořte novou webovou stránku v editoru poznámkového bloku.
2 . V prvku
zadejte názvy stran "P / r č. 3". 3 . Naformátujte příchozí text odpovídajícím prohlášením (uvedeno v obloucích kurzívou), jak je znázorněno na malém obrázku:
Slunce může bušit:
(velikost písma 8, červená barva,
zarovnání na střed)
1. Teplé.
2. Kolo.
3. Zhovtim.
Snig may buti:
(velikost písma 6, modrá barva,
zarovnání na střed)
B. Studená.
S. Pukhnastim.
(Písmo obou seznamů je černý rozmarýn 3).
Hyperforce
Viz hyperposilan. < A >… A > vytvoření hypertextové zprávy.
Kdo má všechny tyto obov'yazykovy atribut href . Některé významy jsou adresy URL, jak je uvedeno ve zprávě. Text k odeslání mezi značkami < A >… A >. Když se dokument zobrazí v prohlížeči, odeslaný text bude znít jako modrá barva. Kliknutím na tlačítko přejdete na zadanou adresu URL.Můžete vidět snítku hyperposilanu.
Volání (zobrazit webovou stránku s dokumenty, které nepatří k této webové stránce).
Interní (aplikujte dokumenty uprostřed stejného webu).
Absolutní způsob. Jako název s hypertextovým odkazem je uveden přesně stejně jako adresa URL volaného dokumentu absolutní cesta.
zadek. http :// www . microsoft . com ”>Microsoft A>
Hlavní slabina absolutní cesty spočívá v tom, že při přenosu souborů na jiný server na internetu je nutné změnit hyperprostor.Vidnošský způsob. Jakoby vnitřně hyperpozitivní jen ta částURL , jako je tomu mezi dvěma dokumenty, které jsou spojeny ( takže tituly vіdnosny způsob), pokud jsou například dva dokumenty v jedné složce, stačí je do souboru označit, do libovolného hyperprostoru.
Pokud jsou dokumenty umístěny v různých složkách, je třeba nejprve zadat název složky a poté název souboru, podle toho, který je označen hyperprostorem.aplikovat. Moje speciální stranaA >
Bіg na dlouhé vzdálenosti A >
Je lepší vyhrát interně, protože ve stejném případě při přenosu webu na jiný server není nutné provádět změny až v deseti dokumentech.Kotvy. Hypertextové zprávy mohou být zobrazeny na řádku uprostřed boku, tedy na správném místě v přední části jakir. Yakir také vikoristovu tagy že A >, ale nahraďte atribut href pro nový jazyk atributem název. Hodnota atributu є jsem kotvy. Může být tvořen pouze latinskými písmeny, číslicemi a není vinen mstít mýtiny.
Chcete-li poslat yakir do vložení, musíte zadat název kotvy, například adresu URL za názvem dokumentu, po níž následuje symbol „#“.Zadání poštovní adresy do hyperprostoru . Pokud je zvolena hypermožnost zadání adresy elektronické pošty, volba se nepřenese do nového dokumentu, ale spuštění poštovního programu na počítači, aby bylo zasláno upozornění určenému adresátovi. Nazvěte takový požadavek na umístění např. postranního panelu pro zabezpečenou komunikaci s webmasterem nebo autorem postranního panelu, např. Ivanov Oleksij
zadek.
Odesílání této kotvyTITLE >
HLAVA >
Nové verze standardních programů operačního systému a nejnovější ovladače lze nalézt na webových stránkách společnosti
http :// www . microsoft . com ”>Microsoft A>
A teď můžete jít do moje speciální strana A >
O tom, jak kontaktovat autora, je řečeno v
například na straně
Zde je hlavní změna strany
adresa”>E-mailové adresyA >
TĚLO >
HTML >Praktický robot číslo 4
"Vytvoření hyperposilanu"
Úkol 1. Vytvoření nejjednodušší hyperschopnosti.
Cílová: Naučte se, jak interpretovat dva HTML dokumenty pro hyperposilan nápovědy.
Vkazіvki do vikonannya:
Vytvořte dvě webové stránky v editoru poznámkového bloku. Jednu stránku pojmenujte 1.htm, druhou stránku 2.htm. Uložit urážky stran v jednom papežství pod názvem stránky. Respektujte názvy složek a stran, ale mohou být napsány v angličtině a začínat malými písmeny.
V prvku
zadejte název strany "P/r č. 4. Úkol 1". Na stranu 2
Na stranu 1
Otevřete si první stránku v prohlížeči a změňte názor, aby přestupek hyperplazie fungoval správně.
Úkol 2. Vytvoření hyperposilanu.
Cílová: Naučte se, jak vykreslit tři dokumenty HTML pro hyperposilan nápovědy.
Je možné vikonovat s jiným úkolem, protože úspěšně naběhli na úkol 1.
Vytvořte stránku třetí strany 3.htm.
Na straně 3.htm vytvořte požadavek na přechod na stranu 1.htm a stránku 2.htm.
Na stránce 1.htm a stránce 2.htm přidejte hyperforce, abyste přešli na stránku 3.htm.
Otevřete v prohlížeči první stranu a změňte ji, takže nyní můžete přejít z jakékoli strany na kteroukoli další ze tří výtvorů.
Úkol 3. Hyperposilan Colir .
Cílová: Naučte se, jak vybrat barvu hyperposilanu.
Je možné vikonati zavdannya, protože úspěšně narazili na іz Zavdannyam 2.
Po stranách strany 1.htm, strany 2.htm a strany 3.htm u abstraktu
vyberte barvu hyperposilan:Otevřete v prohlížeči první stránku a přejděte na stranu pro zprávy, změňte barvu úkolů vpravo.
Malí na Web -Storinci.
Ilustrace (obrázky, fotografie) hrají při návrhu webových stránek nejdůležitější roli. Ty nejmenší jsou uloženy v několika souborech jako HTML dokument a pak je uprostřed vykreslí prohlížeč. Pro které jeden jediný štítek < img >. Obov'yaskovym atribut tohoto tagu є atribut src, význam nějaké cesty k souboru s malou fotkou,
Pokud je obrázek ve stejné složce jako webová stránka, cesta vede pouze k souboru, například: . Pokud je obrázek v jiné složce, je třeba uvést složku qiu, například: . Pokud je obrázek na jiném webu, cesta je napsána stejným způsobem:
.U abstraktu můžete také vyhrát následující atributy, například:
výška , šířka- nastavte výšku a šířku oblasti, demonstrujte ty nejmenší. Pokud existuje pouze jeden úkol těchto atributů, pak se druhý rozměr obnoví do příslušných proporcí. Ale další paměti, že škálování zvýšilo jas obrazu. Rosemary the little vyhrává v pixelech nebo v oknech, například: , okraj – nastaví šířku rámečku na obrázku vedle sebe (pro pixely). Tento atribut lze vynechat, protože za titulkem je rámeček kolem obrázku navždy. Ale, jestli to chceš vyčistit, tak nastavte hodnotu atributu border na nulu,
barva ohraničení– nastavte barvu rámečku na straně obrázku, například:
< IMG src="picture.gif" border="3" bordercolor="#CC0000">
V naší aplikaci je barva rámečku úkolu chervonim, přirozeně atribut border (šířka rámce) není vinen nastavením nuly, takže chcete k obrázku přidat rámeček,
zarovnat- prohlížení obrázků jiných objektů:
obrázek bude přitlačen k levému okraji obrazovky a text bude zabalen do pravé ruky,
obrázek je pravotočivý, text je levý.Text lze také umístit do spodní části obrázku (pro uzamčení) - (1), doprostřed - (2) a do hor - (3):
(1) -
(2) -
(3) -vspace- specifikujte mezi textem a malým textem (svisle):
,
hspace - nastavit mezi textem a malým (vodorovně):< imgsrc=" pr1. png" hspace="30">
Zobrazeno v pixelech.Značka pro pomoc můžete kroutit obrázky v hyperprostoru, vkládat obrázky do tabulek, upravovat designové úlohy.
Praktický robot číslo 5
"Hypersíla zlého mláděte jaka"
Tsіl: Naučte se, jak porazit ty nejmenší jako hypersíla
Po stranách strany 1.htm, strany 2.htm a strany 3.htm místo textových hypertextilií napište maličkosti. Pro koho:
otevřete složku označenou čtečkou (složka obsahuje soubory z obrázků barevných tlačítek), vložte černé tlačítko na první stranu obrázku a vytvořte hypertextový odkaz pro přechod na druhou stranu:
Vložte obrázek oranžového tlačítka sami, abyste se přesunuli z první strany na třetí;
Instalujte ohraničení obou obrazů rovné 2;
Otevřete první stránku v prohlížeči a přejděte na stranu pro zprávy, změňte způsob správného fungování tlačítek.
Sami si vložte obrázky tlačítek na stranách 2.htm a 3.htm a nastavte typ hyperforce.
Otevřete první stránku v prohlížeči a přejděte na stranu pro zprávy, zkontrolujte, zda tlačítka na všech stranách fungují správně.
Alternativní text. Web -stránku může zobrazit prohlížeč, který nelze použít k zobrazení obrázku. Koristuvachs často zahrnují zobrazení malých tisků k urychlení přijetí dokumentu. A tím i jiným způsobem je třeba dát možnost rozpoznání, což je na obrázku znázorněno, což není možné. Pro koho citovat alternativní text, který je uveden v abstraktu< img> atribut alt(v opačném případě titul), tsey atribut pro zobrazení textu na poli roztashuvannya obrázky pіd hodinu її zavantazhennya. Například:
Vikoristannya baby yak pozadí . Pokud chcete mrknout malé jako spodní část boku („mřížka“), pak abstraktně
zprostředkovaně tento atribut z přiřazené adresy obrázku. Například: .Rámovitý
Umístění více dokumentů na jeden web. Mova HTML vám dává možnost rozdělit program prohlížeče na několik částí a v jejich vzhledu zobrazit kroměy dokumentu. Takové oblasti jsou tzv personál.
Jak vypadá struktura HTML dokumentu, jak odstranit rámce z normálního HTML dokumentu? Takový dokument by se neměl mstít na „tělu“ dokumentu a neměl by se mstít na původním textu. Natomist vіn mіstіt popis personálu a jména dokumentů, které jsou poraženy v okolním regionu.
< FRAMESET >… FRAMESET > rámové značky.
Značky Mіzh < FRAMESET >…FRAMESET > vytvoří se popis rozvržení oblastí v okně prohlížeče a také dokumenty, které se mají vložit do skinu těchto oblastí.
Štítek - Centrální příloha počítače pro provádění zpracování informací v binárním kódu.
< LI >Systémové programy
< LI >Aplikační programy
< LI >programovací systémy
Označené seznamy. Seznam označení se zobrazí uprostřed kontejneru a prvek vzhledu seznamu je označen štítkem< LI >. Nápovědu k atributu značky TYPE
- můžete nastavit typ značky do seznamu: "disk" (disk), "čtverec" (čtverec) nebo "kruh" (colo):
< LI >textové editory;
< LI >grafické editory;
< LI >tabulky;
< LI >systémy pro správu databází.
Na webové stránce "Programy" je umístěn číselný seznam, který pokryje změny hlavních typů počítačového softwaru.
Na další prvek hlavního číslovaného seznamu vložíme označovací seznam příloh (obr. 6.30).
Seznam schůzek. Uprostřed kontejneru se zobrazí seznam schůzek
- /
- . Prostřední text je formátován jako výrazy, které jsou považovány za jednotlivé značky