syntaxe HTML. !DOCTYPE

Internet je celosvětová síť, která spojuje počítačové sítě po celém světě na základě jednotných standardních dohod (protokolů) o způsobech výměny informací jednotný systém oslovování.

K dnešnímu dni si internet získal nebývalou popularitu. Podle odborníků internet propojuje více než 100 milionů počítačů. Internetové služby využívá více než 300 milionů lidí ve 170 zemích.

Z funkčního hlediska je internet:

ü levný, rychlý způsob komunikace mezi předplatiteli po celém světě;

ü bezkonkurenční úložiště informací v jakékoli oblasti znalostí;

ü nové perspektivní prostředí pro činnost.

Vliv internetu zasahuje nejen do technologické oblasti počítačových komunikací, ale má i sociální rozměr a prostupuje celou společností jako provozní prostředky získávání znalostí, e-commerce.

Nejrozšířenější a nejžádanější je dnes taková internetová služba jako WWW (World Wide Web − World Wide Web). Informace na WWW jsou prezentovány ve formě tzv. hypertextových (nebo šířeji hypermediálních) dokumentů, které mohou obsahovat formátovaný text, grafiku, audio a video fragmenty.Hlavním znakem hypertextových dokumentů je přítomnost aktivních zón, které jsou citlivé na kliknutí myší Aktivní mohou být fragmenty textu, celé obrázky i jejich části, kliknutím na aktivní zónu dojde ke stažení (cílového) dokumentu spojeného s touto zónou.

Chcete-li se naučit, jak zveřejňovat materiály na internetu, musíte se nejprve seznámit s hypertextovým značkovacím jazykem HTML (H yper T ext M arkup L Angličtina)

Základy HTML

Značkovací jazyk pro hypertextové dokumenty HTML je sada příkazů zvaných tagy (z angl štítek HTML tagy nalezené v textu dokumentu jsou interpretovány prohlížečem při zobrazení dokumentu.

Prohlížení HTML dokumentů se provádí pomocí programů - prohlížeče(z angličtiny prohlížeč), které zobrazují dokument podle HTML značek a poskytují navigaci hypertextovými odkazy. Nejběžnější prohlížeče jsouMicrosoftInternetBadatel Microsoft Corporation a NetscapeNavigátor od společnosti Netscape Communications Corporation.

Protože dokument HTML je textový soubor, dá se připravit v tom nejjednodušším textový editor, například v poznámkovém bloku ( poznámkový blok), ale je to velmi pracné. Častěji se používají specializované editory navržené speciálně pro přípravu HTML dokumentů, které umožňují vkládat tagy pomocí tlačítek na panelu nástrojů nebo příkazů nabídky a nastavovat atributy tagů v dialogová okna, Například, Macromedia dreamweaver, MicrosoftPřední stranaDomovská stránka atd.

Dokument HTML lze získat převodem do formátu HTML, například z formátu dokumentu balíku Microsoft Office. Nutno podotknout, že s takovou proměnou originál HTML text- dokument se ukáže jako extrémně nadbytečný a potřebuje opravu, mnohem efektivnější je použití speciálních HTML editorů.

Syntaxe HTML tagu

HTML tag se zapisuje do lomených závorek (znaků) a skládá se z názvu, za kterým může následovat seznam atributů (pro většinu tagů volitelný). Jména a atributy jsou anglická slova a zkratky.

Tagy lze rozdělit do dvou skupin:

Čtyřhratagy (také nazývané kontejnery) mají dvě složky: otevírání (počáteční) a zavírání (konečné); uzavírací komponenta má stejný název, ale když je napsán, před názvem je lomítko (symbol / ). Text dokumentu a další tagy mohou být umístěny mezi otevírací a uzavírací komponentou. Fragment dokumentu umístěný mezi úvodním a závěrečným prvkem značky kontejneru je formátován prohlížečem podle významu značky. Například text umístěný mezi značkami A, se zobrazí tučně (název tagu je z angličtiny tučně). Spárované značky mohou být vnořené, ale nesmí se překrývat.

Nespárovánotagy (také nazývané autonomní) nemají konečnou komponentu Při jejich interpretaci se do zobrazeného dokumentu vloží ten či onen objekt. Například tag , vyskytující se v textu dokumentu HTML, způsobí vložení grafický obrázek ze souboru pict.gif.

Atributy v seznamu jsou od sebe odděleny jednou nebo více mezerami nebo znaky tabulátoru nebo znaky nového řádku, na pořadí, ve kterém jsou atributy zapsány, nezáleží. Drtivá většina atributů se používá jako pár název atributu = hodnota atributu. Pokud je hodnota atributu více než jedno slovo nebo jedno číslo, měla by být uzavřena v jednoduchých nebo dvojitých uvozovkách. Atributy nejsou uvedeny v uzavíracích komponentách značek.


Zde je příklad značky s atributy:

Název štítku Název atributu

Hodnota atributu

Název atributu

Hodnota atributu

Ahoj !

Když prohlížeč narazí na takovou značku v dokumentu HTML, interpretuje ji a zobrazí text následující za značkou ve znacích zvětšených vzhledem k základní velikosti (SIZE=+2) a červené barvě (COLOR=RED); toto formátování textu se použije, dokud nenarazí na uzavírací značku.

Na velikosti písmen v položkách značek a atributů nezáleží.

Struktura dokumentu HTML

HTML dokument je uzavřen ve značkách a. Mezi těmito značkami jsou dvě sekce: sekce záhlaví (mezi značkami a) a část těla dokumentu (mezi značkami a). Část hlavičky obsahuje popis parametrů používá se při zobrazení dokumentu, ale neprojevuje se přímo v okně prohlížeče. Sekce těla dokumentu obsahuje hlavní text určený pro zobrazení prohlížečem, formátovací značky, umístění obrázků, tabulek, hypertextových odkazů atd.

HTML - kód nejjednoduššího dokumentu vhodného pro zveřejnění na internetu vypadá takto:

< TITUL > Naše první stránkaTITLE >

Nejjednodušší HTML dokument

Tento kód lze zadat v textovém editoru Poznámkový blok a uložit jako soubor s příponou . htm nebo. html − v tomto případě se dokument otevře ve výchozím prohlížeči nainstalovaném ve vašem počítači. Prohlížeč zobrazí tento dokument tak, že ve svém okně zobrazí řádek „Nejjednodušší dokument HTML“ umístěný v části těla dokumentu. Fráze "Naše první stránka" se objeví v záhlaví prohlížeče.

Sekce HEAD

Sekce záhlaví obvykle obsahuje tagy, které jsou pro uživatele neviditelné, ale přesto mohou aktivně ovlivňovat vzhled dokument.

Štítek

Účel

Určuje název celého dokumentu. Název se obvykle zobrazuje v záhlaví okna prohlížeče. Tento prvek je vyžadován pro jakýkoli dokument HTML a nelze jej zadat více než jednou.

Určuje základní adresu (URL) aktuálního dokumentu, která bude výchozím bodem pro výpočet relativních adres URL v dokumentu. Prvek nemá koncovou značku. Musí být přítomen alespoň jeden z argumentů:

HREF- určuje základní adresu (URL) aktuálního dokumentu.

CÍLOVÁ- definuje název rámce, který bude standardně použit v hypertextových odkazech. To se může hodit, pokud chcete otevřít všechny odkazy v dokumentu v jiném rámci.

< STYLE TYPE= "text/css">

Slouží k vložení kaskádových stylů (CSS - Cascade Style Sheet) do dokumentu. TYPE je povinný atribut, jehož hodnota je obvykle " text/css".

< МЕТА …>

Prvek META se používá pro technický popis dokument. Pomocí tohoto prvku se do názvu dokumentu vkládají další informace užitečné informace, pro uživatele neviditelný, ale někdy prostě nenahraditelný pro správné indexování vaší stránky roboty vyhledávačů. Prvek nemá koncovou značku.

JMÉNO – definuje název meta příspěvku. Existuje mnoho předdefinovaných názvů, některé z nich můžete vidět v příkladu níže.

CONTENT - přiřadí hodnotu meta záznamu definovanému v parametru NAME.
Sekce BODY

Tato sekce obsahuje hlavní obsah webové stránky – text dokumentu, obrázky, tabulky atd. Element BODY se v dokumentu nesmí objevit více než jednou a může obsahovat následující atributy:

Syntaxe atributu

Účel

MARGINHEIGHT= číslo

Určuje šířku (v pixelech) horního a dolního okraje dokumentu. Funguje pouze v prohlížečích Netscape

TOPMARGIN= číslo

Určuje šířku (v pixelech) horního a dolního okraje dokumentu. Funguje pouze v Internetové prohlížeče Badatel

MARGINWIDTH= číslo

Určuje šířku (v pixelech) levého a pravého okraje dokumentu. Funguje pouze v prohlížečích Netscape

LEFTMARGIN= číslo

Určuje šířku (v pixelech) levého a pravého okraje dokumentu. Funguje pouze v prohlížečích Internet Explorer

POZADÍ= URL

Určuje obrázek, který má "vyplnit" pozadí (obrázek na pozadí). Hodnota je uvedena v absolutní nebo relativní adrese obrázku (viz část umístění výkresů)

BGCOLOR= barva

Určuje barvu pozadí dokumentu.

MicrosoftInternetBadatelpodporuje 16 standardních názvů barev ( aqua, černá, modrá, fuchsiová, šedá, zelená, limetková, kaštanová, tmavě modrá, olivová, fialová, červená, stříbrná, modrozelená, žlutá, bílá)

Dalším způsobem je použití barevného kódu ve formě šestimístného hexadecimálního čísla, které určuje intenzitu červené (první dvě číslice), zelené (další dvě číslice) a modré (poslední dvě číslice) složky. Intenzita každé složky v hexadecimálním tvaru se pohybuje od 00 do FF. Při zadávání barvy jako hodnoty atributu některé značky předtím hexadecimální číslo vloží se symbol #.

Například záznam COLOR="#0000 FF “ znamená modrou barvu

I přes zásadní možnost zadání milionů barev je třeba vzít v úvahu, že prohlížeče zobrazují pouze 256 barev a každý prohlížeč má svou vlastní barevnou paletu, v které prohlížeč vybere barvu nejbližší zadané

TEXT= barva

Určuje barvu textu v dokumentu

ODKAZ= barva

Určuje barvu hypertextových odkazů v dokumentu

ALINK= barva

Definuje barvu zvýraznění hypertextových odkazů po kliknutí.

VLINK

Definuje barvu hypertextových odkazů na již zobrazené dokumenty

Formátování textu

Formátování znaků

Všechny značky formátování znaků mají otevírací i uzavírací složku a působí na text mezi nimi uzavřený.

Tím hlavním je tag ... FONT>, který se nutně používá s jedním nebo více atributy, které mění velikost, barvu a typ písma:

Syntaxe atributu

Účel

VELIKOST = význam

Velikost se zadává buď jako absolutní hodnota (číslo od 1 do 7) nebo relativní k základní velikosti písma (ve tvaru +n nebo -n).

BARVA= barva

Barva

TVÁŘ = seznam písem

Typy písma pro zobrazování textu; jména jsou uvedena v preferenčním pořadí oddělená čárkami, např.FACE="Verdana,Helvetica,arial,bez-Serif"

Můžete také určit jeden z typů písma, ale mějte na paměti, že toto písmo nemusí být nainstalováno na počítači uživatele a „exotická“ písma se v prohlížeči nezobrazí.

Kromě toho se značky používají ke změně stylu znaků:

. .. (z angličtiny bold) − tučné písmo;

.. . (z angličtiny italic) - kurzíva;

... (z angličtiny TeleType) – jednoprostorové písmo;

... (z angličtiny u podtrženo) – podtrženo;

... S > (z angličtinys tříkolka) - přeškrtnuté;

... (z angličtiny s ub skript) – dolní index;

... (z angličtiny sup erscript) je horní index.

Text uzavřený mezi tagy

a (z angličtiny pre formátovaný), se zobrazí tak, jak byl předformátován, se všemi mezerami a zalomením řádků.

Formátování odstavců

Text se v okně prohlížeče zobrazuje po slovech, po dosažení pravého okraje okna se další slovo automaticky přesune na nový řádek. I když bylo v kódu stránky zadáno několik mezer nebo byl text napsán na nový řádek, tyto akce se při prohlížení v prohlížeči nezobrazí. Chcete-li tedy v textu zobrazit řadu po sobě jdoucích mezer nebo několik prázdných řádků, musíte použít různé značky.

Štítek
(z angličtiny b reak)přeruší proud textu a vloží nový řádek bez vytvoření nového odstavce Více po sobě jdoucích značek
jsou interpretovány jako několik prázdných řádků. Řádkování je jednoduché. Značka nemá žádnou uzavírací komponentu ani atributy.

Tag (z angličtiny p aragraf)začíná odstavec; nový odstavec je od předchozího oddělen dvojitým řádkováním. Odstavec nemůže být prázdný, tj. několik po sobě jdoucích značek

jsou interpretovány jako jedna (na rozdíl od značky
).Uzavírací složka

volitelné, protože předchozí odstavec končí tam, kde začíná nový. Značka má volitelný atribut ALIGN označující typ zarovnání odstavce, který může nabývat hodnot LEFT, CENTER, RIGHT a ZDŮVODNĚNÍ , které nastaví zarovnání doleva, na střed, doprava a na šířku. Text uzavřený ve značkách bude také vycentrován.

...

Pokud uzavírací složka

vynecháte, zadaný typ zarovnání se zachová až do dalšího tagu, který určuje zarovnání, nebo do konce dokumentu.

HTML umožňuje vytvářet odstavce formátované jako číslované seznamy nebo seznamy s odrážkami. Textový fragment, což je seznam, je uzavřen ve značkách:

uspořádaný (číslovaný) seznam (z angličtiny o objednaný l ist)

neuspořádaný (odrážkový) seznam (z anglického u objednané l ist)

Každý prvek objednaného popř neuspořádaný seznam se skládá z tagů... (z angličtiny l ist i tem). Při zobrazování textu bude každý prvek seznamu umístěn na nový řádek, označený číslem nebo značkou. Kromě toho může mít seznam název, který je určen tagem (z angl l ist h čtenář). Uzavírací značky nejsou povinné.

Číslovaný seznam

Seznam s odrážkami

Prvek kódu

< O L>

Nadpis

První prvek

Druhý prvek

Třetí prvek

< U L>

Nadpis

První prvek

Druhý prvek

Třetí prvek

U L>

Zobrazení prohlížeče

Nadpis

1. První prvek

2. Druhý prvek

3. Třetí prvek

Nadpis

· První prvek

· Druhý prvek

· Třetí prvek

Víceúrovňový seznam lze organizovat pomocí kombinace číslovaných seznamů a seznamů s odrážkami.

Značka má volitelné atributy:

Syntaxe atributu

Účel

TYP = formát

Formát číslování může mít následující hodnoty:

Arabské číslice (výchozí)

velká písmena

malá písmena

velké římské číslice

malé římské číslice

START = hodnota

první číslo v seznamu (výchozí 1)

Značka má volitelný atribut

Syntaxe atributu

Účel

TYP = formát

Formát tokenu může mít následující hodnoty:

Disk

disk (výchozí)

Kruh

kruh

Náměstí

Náměstí

Odstavce lze také formátovat jako nadpisy úrovní (od n = 1 až n =6), pro tento účel tagy jako n >... n >. Nadpis první úrovně je zobrazen největším písmem.

Tagy

, ... ,

může mít atribut zarovnání ALIGN s hodnotami LEFT, RIGHT a CENTER.

Umístění výkresů

Obrázky zobrazené prohlížečem při prohlížení webové stránky jsou uloženy v samostatné soubory formát gif, jpg (jpeg) nebo png a v kódu stránky je vytvořen odkaz na požadovaný soubor. K tomu slouží nepárový tag, který má jeden povinný a řadu nepovinných atributů.

Požadovaný atribut:

SRC = url

Adresa grafický soubor(relativní nebo absolutní)

ALT= text

Alternativní text zobrazený v režimu prohlížeče bez načítání obrázků (musí být uzavřen v uvozovkách)

HRANICE = význam

Tloušťka okraje v pixelech, 0 znamená žádný okraj (výchozí)

BORDERCOLOR = barva

Nastaví barvu ohraničení

VÝŠKA = význam

Výška obrázku v pixelech (ve výchozím nastavení originál) nebo jako procento výšky okna prohlížeče

ŠÍŘKA = význam

Šířka obrázku v pixelech (ve výchozím nastavení originál) nebo jako procento šířky okna prohlížeče

HSPACE = význam

Volné místo vlevo a vpravo od obrázku v pixelech

VSPACE = význam

Volné místo nad a pod obrázkem v pixelech

VYROVNAT = význam

Zarovná obrázek vodorovně.

Pokud jsou uvedeny hodnoty Vlevo nebo vpravo , obrázek bude podle toho zarovnán vodorovně, nastavením těchto hodnot zajistíte obtékání textu kolem obrázku

Podívejme se blíže na absolutní a relativní metody adresování souboru.

Adresování v absolutním tvaru používá se při odkazování na zdroje umístěné na jiných serverech. Zavolá se univerzální adresa, která určuje umístění informačního zdroje URL(Uniform Resource Locator – jednotná adresa zdroje). Adresa URL se skládá ze dvou částí oddělených dvojtečkou. V první části je uveden typ síťového protokolu, který závisí na typu zdroje. Pokud je například zdroj umístěn na WWW serveru, jedná se o protokol http.Druhá část obsahuje název počítače (serveru) v systému názvů domén a (pokud je požadováno) cestu k souboru. Při psaní názvu cesty jsou názvy adresářů odděleny lomítkem (symbol / ), v názvech souborů a adresářů rozlišovat mezi velkými a malými písmeny, mezery nejsou povoleny. Zde jsou příklady adres URL:

http://www. vshu. kirov .ru/ web / obrázky / obrázek 1. jpg

http://195.21.123.13:8110

ftp://everything.com/soft/prog.zip

mailto: Tato e-mailová adresa je chráněna před spamboty. Pro její zobrazení musíte mít povolen JavaScript.

Poslední URL odkazující na protokol mailto a adresu E-mailem, neodkazuje na žádný informační zdroj; Toto je jediný typ adresy URL, který neobsahuje dvě lomítka za dvojtečkou.

Adresování obrázků v absolutní podobě se při tvorbě webu prakticky nepoužívá.

Adresování v relativní formě používá se při odkazování na zdroje umístěné na stejném serveru. Při zápisu cesty k souboru jsou názvy adresářů odděleny lomítkem (symbol / ), procházet katalogy souborový systém o jednu úroveň výš je označena dvěma tečkami (symboly .. ). Aby to bylo jasnější, představte si počítač například s následující adresářovou strukturou obsahující soubory HTML:

SHAPE\* MERGEFORMAT

Moje stránka

Pa ges

snímky

Strana1.htm

Strana2.htm

Obrázek1.jpg

Obrázek2.jpg

Index.htm

Obrázek.jpg

V tomto případě jsou například možné následující možnosti záznamu tagů: IMG:

ü < IMG SRC = Picture . jpg >(Obrázek .jpg umístěný na stránce Index. htm)

ü < IMG SRC = Images / Pict 1. jpg >(Obrázek 1. jpg umístěný na stránce Index. htm)

ü < IMG SRC =../ Picture . jpg >(Obrázek .jpg umístěný na stránce Strana 1.htm)

ü < IMG SRC =../ Images / Pict 1. jpg >(Obrázek 1. jpg umístěný na stránce Strana 1.htm)

Navzdory tomu, že je formálně vyžadován pouze atribut SRC, v praxi je nutné zadat i alternativní text (atribut ALT), protože mnoho lidí pracuje s prohlížečem v režimu bez načítání obrázků.

Výška a šířka oblasti, ve které je výkres zobrazen, se určuje pomocí atributů width a height v pixelech nebo jako procento velikosti obrazovky. Když je zadán jeden z těchto atributů, změní se měřítko výkresu tak, aby jeho výška nebo šířka odpovídala zadanému. Druhá velikost se nastaví automaticky, ve vhodném poměru. Použití pouze jednoho z atributů změní oba rozměry výkresu.
Pokud explicitně nastavíte oba atributy, změní se měřítko obrázku podél dvou os v souladu s dané rozměry. Atributy výška a šířka nemění dobu načítání obrázku, ale pouze jeho vzhled (velikost) na obrazovce.

Hypertextové odkazy

Hypertextový odkaz je objekt (text, obrázek, fragment obrázku), který po kliknutí myší vede k novému dokumentu nebo fragmentu dokumentu. Jsou to hypertextové odkazy, které umožňují organizovat přechody mezi libovolnými dokumenty zveřejněnými na internetu.

Textové hypertextové odkazy

Spojení mezi dokumenty HTML a fragmenty dokumentů je organizováno pomocí značky ... (z angličtiny Anchor - kotva).

Tag se používá jak k vytvoření odkazu na jiný dokument, tak k odkazu na fragment dokumentu.

Požadovaný atribut:

HREF = url

Adresa cílového dokumentu (může být uvedena v absolutní i relativní formě)

Základní volitelné atributy:

NAME=" název"

Označuje ten mezi< A > a A > fragment dokumentu jako možný objekt odkazu. Jako hodnotu, kterou potřebujete latinka napište libovolné indikační slovo jedinečné pro tohoto dokumentu. Například tag Sekce 1 vytvoří tzv. značku (záložku) pro přechod do sekce 1 . V tomto případě můžete odkazovat na označenou oblast jednoduchým zadáním jejího názvu za názvem dokumentu (názvu značky předchází znak #).

Tak, < AHREF=Index.html #část 1">K části 1A>vás pošle do sekce "část 1" souboru Index.html a
< AHREF="#část 2"> K části 2A > - do sekce "díl". 2" aktuálního dokumentu za předpokladu, že dokument má odpovídající značku

CÍL = " Název"

Název rámce (rámce) nebo okna pro zobrazení cílového dokumentu.

Tento atribut se používá pouze ve spojení s parametrem HREF. Hodnota musí být buď název jednoho z existujících rámců, nebo jeden z následujících vyhrazených názvů:

_já- označuje, že dokument zadaný v parametru HREF by měl být zobrazen v aktuálním rámci;
_rodič- označuje, že dokument by měl být zobrazen v nadřazeném rámci aktuálního rámce (zcela zabírat okno prohlížeče);

_prázdný- určuje, že dokument se má zobrazit v novém okně

TITLE= "(!JAZYK: text!}"

Zobrazí nápovědu, když najedete myší na hypertextový odkaz

Text a obrázky umístěné mezi tagy se stanou aktivní oblastí dokumentu, citlivou na kliknutí myší, které způsobí načtení cílového dokumentu. Text hypertextového odkazu je zvýrazněn podtržením a barvami určenými jako hodnota atributů LINK, ODKAZ, V Značka LINK (nebo výchozí barva).

Hypertextové odkazy-obrázky

Chcete-li z celého obrázku vytvořit hypertextový odkaz, můžete také použít značku ... ., pouze místo textu (nebo spolu s textem) mezi < A> A A>značka se nachází< IMG …> se všemi odpovídajícími atributy.

Například , .

Mapa hypertextového odkazu

Značka vám umožňuje vytvořit aktivní zónu z textového fragmentu nebo obrázku zcela; za stejnou věc různé fragmenty Pokud byl stejný obrázek propojen s různými cílovými dokumenty, budete muset použít značku, která implementuje obrázek mapy.

Jediný povinný atribut značky kontejneru je NÁZEV, jehož hodnotou bude jméno (např. NAME=" moje mapa", který je nutné použít při popisu atributu USEMAP Značka IMG popisující obrázek, který má sloužit jako mapa (s # připojeným k názvu mapy vlevo) USEMAP="# moje mapa")

Uvnitř kontejneru musí mít každá oblast obrázku citlivá na myš štítek s následujícími atributy:

Syntaxe atributu

Účel

COORDS= seznam

Čárkami oddělený seznam souřadnic aktivní zóny (v závislosti na typu daného tvaru zóny)

HREF = url

TVAR = formulář

Definuje tvar jádra. Možné hodnoty pro tento atribut:

kruh(kruh – určený souřadnicemi středu a poloměru v pixelech);

rect(obdélník - určený souřadnicemi levého horního a pravého dolního rohu);

poly(polygon - definovaný souřadnicemi jeho vrcholů)

Ve všech případech se souřadnice měří od levého horního rohu obrázku v pixelech, osa X směřuje doprava, osa Y - dolů.

NOREF

někdy je nutné označit, že daná zóna (určená atributem SHAPE a souřadnicemi COORDS) není aktivní, nereaguje na kliknutí myší

Tabulky

Tabulky v dokumentech HTML se nepoužívají ani tak za účelem uspořádání dat v orámovaných buňkách, ale za účelem vzájemného uspořádání částí textu a obrázků.

Tabulky v HTML jsou stavěny řádek po řádku. Všechna tabulková data jsou uzavřena ve značkách

; popis každého řádku buněk (řádků) je obsažen ve značkách ... ; obsah každé buňky je obsažen ve značkách ... (běžné buňky) popř H>...H>(nadpisy) .

Chcete-li tedy například popsat tabulku dvou řádků, z nichž každý obsahuje dvě buňky, budete muset vytvořit následující konstrukci:

Buňky tabulky mohou obsahovat text, obrázky, vnořené tabulky atd. Buňky tabulky byste neměli nechat prázdné; pokud se některá buňka zdá prázdná, umístěte do ní nezalomitelnou mezeru.

Text umístěný do buněk tabulky je ve výchozím nastavení automaticky umístěn prohlížečem; text se zobrazuje slovo po slovu; Po dosažení pravého okraje buňky se další slovo přesune na nový řádek.

Buňky tabulky mohou zahrnovat více řádků nebo sloupců; při popisu takových buněk jsou použity atributy ROWSPAN (buňka, jejíž tag obsahuje tento atribut, je „roztažena“ o zadaný počet řádků) a COLSPAN (buňka je „roztažena“ o několik sloupců) použitý. Zde je příklad uspořádání tabulky se sloučenými buňkami:

< TR >

< TD ROWSPAN=2> 1-1 TD >

Tagy, které popisují tabulky, mají řadu volitelných atributů.

Atributy značek určují parametry tabulky jako celku:

Syntaxe atributu

Účel

ALIGN = hodnota

Zarovnání vzhledem k toku textu; možné hodnoty jsou vlevo, vpravo a na střed

POZADÍ = url

Obrázek na pozadí pro celý stůl

BGCOLOR= barva

Barva pozadí

BORDERCOLOR = barva

Barva ohraničení

BORDERCOLORDAK = barva

Obarví pravý a spodní okraj hlavního rámečku a levý a horní okraj každé buňky určenou barvou

BORDERCOLORLIGHT = barva

Vybarví levý a horní okraj hlavního rámečku a podle toho pravý a spodní okraj každé buňky určenou barvou

CELLPADDING = hodnota

Vzdálenost od okraje buňky k jejímu obsahu v pixelech

CELLSPACING = hodnota

Vzdálenost mezi buňkami v pixelech

HSPACE = význam

Volné místo vlevo a vpravo od tabulky v pixelech

VSPACE = význam

Volné místo nad a pod tabulkou v pixelech

ŠÍŘKA = význam

Šířka tabulky (nastavená v pixelech nebo jako procento aktuální šířky okna prohlížeče)

Atributy tagu určují parametry dané řady (pokud vzniknou rozpory, atributy uvedené v tagu se zruší).Zarovnání obsahu buňky; možné hodnoty jsou vlevo, vpravo a na střed

POZADÍ = url

Obrázek na pozadí pro buňky daného řádku tabulky

BGCOLOR= barva

Barva pozadí pro buňky v tomto řádku

HRANICE = význam

Tloušťka okraje obklopujícího buňky tohoto řádku; BORDER=0 označuje neviditelný okraj

VALIGN = význam

Vertikální zarovnání obsahu buňky; možné hodnoty jsou nahoře, na střed a dole

Atributy tagů určují parametry dané buňky (pokud se vyskytnou nekonzistence, atributy uvedené v a tagy jsou zrušeny).

Syntaxe atributu

Účel

VYROVNAT = význam

Zarovnat obsah buňky; možné hodnoty jsou vlevo, vpravo a uprostřed

POZADÍ = ur l

Obrázek na pozadí pro buňku tabulky

BGCOLOR= barva

Barva pozadí buňky

HRANICE = význam

Tloušťka rámu obklopujícího buňku

VALIGN = význam

Vertikální zarovnání obsahu buňky; možné hodnoty jsou nahoře, na střed a dole

ŠÍŘKA = význam

Šířka buňky v pixelech nebo procentech šířky tabulky

ROWSPAN= význam

Označuje počet řádků pokrytých buňkou

COLSPAN = význam

Určuje počet sloupců pokrytých buňkou

Při práci s tabulkami mějte na paměti, že zadanou hodnotu pro atribut WIDTH si v mnoha případech prohlížeč pouze „zaznamená“. Uvedené proporce jsou málokdy přesně dodrženy, prohlížeč se snaží tabulku zobrazit co nejlépe (v jeho chápání).

Ticker

Použitím tickeru na webové stránce je to dynamičtější a umožňuje vám vytvořit efekt pohybu objektu. Vytvoření tickeru pomocí značky< STAN> … STAN>.

Mezi< STAN> a STAN> lze najít fragmenty textu a obrázky. Text lze formátovat pomocí vhodných značek a grafika se vkládá pomocí .

Syntaxe atributu

Účel

BGCOLOR=barva

Barva pozadí. Pokud je zadáno pozadí, prohlížeč nakreslí na obrazovku barevný pruh, po kterém se text nebo obrázek pohybuje.

VÝŠKA=význam

Výška pruhu pozadí. Hodnota je určena v pixelech nebo jako procento výšky okna prohlížeče.

Pokud například zadáte atribut HEIGHT=25%, bude lišta zabírat čtvrtinu výšky okna.

ŠÍŘKA =význam

Šířka proužku indikovaná v pixelech nebo jako procento šířky okna prohlížeče

SMĚR=význam

Směr pohybu čáry:vlevo, odjet − vlevo (výchozí),že jo - doprava,nahoru - nahoru,dolů − dolů

CHOVÁNÍ=význam

Atribut řídí chování tickeru:

svitek (výchozí) - po dosažení okraje okna čára opustí zorné pole a poté se objeví na opačné straně;

skluzavka − čára se objeví od okraje okna, dosáhne protějšího a zastaví se;

střídat − čára se pohybuje doprava nebo doleva, „odráží se“ od okrajů okna a mění směr pohybu

HSPACE = posun pixelů

Posuňte lištu vodorovně doprava

VSPACE = Vy coT Av pixelech

Vytvoření prázdného prostoru nad a pod pásem

SMYČKA=význam

Počet přechodů řádků přes obrazovku

SCROOLAMOUNT= význam

Počet pixelů, kterými čára prochází každým krokem. Výchozí režim je přibližně 10 px/krok. Tento atribut umožňuje upravit rychlost pohybu linky

SCROLLDELAY =význam

Definuje časový interval (v milisekundách) mezi kroky, pomocí tohoto atributu můžete způsobit trhavý pohyb čáry

TRUESPED

Když je nastaven tento příznak (atribut bez hodnoty), použije se zadaná hodnota SCROLLDELAY. Pokud příznak není nastaven, hodnota je SCROLLDELAY<= 59 будет округлено до 60

Vodorovná čára

Vodorovná čára je určena tagem R> a nevyžaduje uzavírací značku. Ve výchozím nastavení je čára nakreslena přes celou šířku stránky a vypadá asi takto:

Určuje délku řádku v pixelech nebo procentech šířky okna prohlížeče

VELIKOST= význam

Určuje tloušťku čáry v pixelech

VYROVNAT= význam

Určuje zarovnání vodorovné čáry. Parametr může nabývat následujících hodnot:

vlevo, odjet - na levém okraji,

že jo - na pravém okraji,

centrum - na střed (ve výchozím nastavení)

NOSHADE

Určuje, jak bude čára vyplněna jako plná. Parametr je příznak a nevyžaduje hodnotu. Bez tohoto parametru se čára zobrazí jako trojrozměrná

BARVA= barva

Definuje barvu čáry (platí pouze vInternetBadatel)

HTML znamená HyperText Markup Language ( Hyper Text Markup Language):

  • Jazyk znamená, že jej mohou číst lidé i počítače;
  • označení znamená, že kód, který píšete, je označen klíčovými slovy;
  • Hyper-textový znamená, že používá HTTP jako součást internetu.

Jako každý jazyk je HTML dodáváno se sadou pravidla. Tato pravidla jsou poměrně jednoduchá a scvrkají se na definici hranic vědět, kde něco začíná a kde končí.

Níže je uveden příklad odstavce v HTML:

<p> Dnes se na webu učím syntaxi HTML</str>

Co vidíte v lomených závorkách< и >volal značky HTML. Určují, kde něco začíná a kde končí.

Již jsem vytvořil příspěvek s odkazem HTML, kde jsem našel úplný seznam všechny značky a jejich význam. Odkaz na tento záznam –

Každý z tagů nese něco specifického význam. V našem případě<р>znamená odstavec text.

Zpravidla přicházejí v párech:

  • otevírací štítek<р>definuje začátek odstavce;
  • uzavírací značka

    určuje jeho konec.

Jediný rozdíl mezi úvodní a závěrečnou značkou je lomítko /, které předchází názvu značky.

Když zkombinujete otevírání, zavírání a vše mezi tagy, dostanete HTML prvek.

Pokud si tento příklad prohlédnete ve svém prohlížeči, všimnete si toho HTML tagy se v prohlížeči nezobrazují. Prohlížeč je pouze čte, aby věděl, jaký typ obsah napsal jsi.

Skupiny značek

Všechny značky jsou rozděleny do 2 typů, inline a block.

Blok prvky jako:

Slovo tag je přeloženo jako - štítek, zkratka. Tito. tag je jakoby připojen k obsahu - označuje ho.

Každý tag má svůj význam. Jaký význam mají značky, které jsme viděli výše? p - odstavec. odkaz. div - blok. span - kus textu. Na význam těchto značek se podíváme více v budoucích lekcích.

Jednotlivé značky

Některé značky nemají uzavírací pár. To znamená, že takové značky nemají žádný obsah. Například značka br zalomí řádek:

Jednoduchý text,
Například
což ukazuje mezeru
linky.

Tam, kde se nachází značka br, prohlížeč provede zalomení řádku. Výsledkem je, že koncový uživatel uvidí výše uvedený návrh následovně:

Jednoduchý text,
Například
což ukazuje mezeru
linky.

Existují také značky, které nemají uzavírací dvojici: hr (horizontální pruh) a img (obrázek).

Hierarchie značek

Tagy mohou být vloženy do sebe.

Ještě jeden odstavec.