Vytvoření html stránky v poznámkovém bloku: vysvětlení pro figuríny. Zarovnat záhlaví na střed

Úkol 1: Vytváření základních souborů HTML

Chcete-li vytvořit soubor HTML, postupujte takto:

    Vytvořte složku HTML, do kterého uložíme vytvořené WWW stránky.

    Spusťte standardní program Poznámkový blok.

    Zadejte do okna editoru nejjednodušší text souboru HTML:

Tréninkový soubor HTML

Úterní rozvrh hodin

    Uložte soubor jako RASP.HTM.

    Chcete-li zobrazit vytvořenou webovou stránku, stáhněte si prohlížeč Microsoft Internet Explorer.

    Otevřít v nabídce prohlížeče Soubor(Soubor), Otevřeno(otevřeno), Pohled(Přehled- Procházet) a najděte soubor RASP.HTM ve složce KURS a nahrajte jej. Ujistěte se, že název webové stránky (výukový program HTML) je zobrazen v horním stavovém řádku prohlížeče.

Úkol 2.Ovládání rozložení textu na obrazovce

Informace.

Při zobrazování dokumentů HTML prohlížeče automaticky rozloží text na obrazovku, bez braní vzít v úvahu zalomení řádků a po sobě jdoucí mezery, které se v souboru vyskytují.

    V případě potřeby postupujte podle p.p. 5-6 úkolů 1.

    Otevřete původní zdroj webové stránky - v nabídce prohlížeče Pohled(Pohled), Zdroj (asHTML) otevře se okno se standardním programem Poznámkový blok, ve kterém je vaše webová stránka prezentována pomocí příkazů HTML.

    Upravte text v souboru HTML umístěním slov „Rozvrh“, „třídy“, „Úterý“ na různé řádky:

Tréninkový soubor HTML

Plán

třídy

v úterý

    Uložte změny do souboru RASP.HTM pomocí příkazů Soubor(Soubor), Uložit(Uložit). Zavřete Poznámkový blok.

    K zobrazení nově načtené webové stránky použijte Microsoft Internet Explorer pomocí klávesy F5 nebo pomocí příkazů Pohled(Pohled), Obnovit (Obnovit). Změnil se obraz textu na obrazovce?

Poznámka

V budoucnu, po provedení změn na webové stránce, vždy postupujte podle kroků 4-5.

Úkol 3. Tagy zalomení řádků a odstavců

Informace.

Existují speciální příkazy, které provádějí zalomení řádku a nastavují začátek nového odstavce. Kromě toho existuje příkaz, který zabraňuje programu prohlížeče jakkoli změnit formátování textu a umožňuje přesně reprodukovat zadaný fragment textového souboru na obrazovce.

Značka posuvu řádku
odděluje řádek od následujícího textu nebo grafiky. značka odstavce

Také oddělí řádek, ale také přidá prázdný řádek, což vizuálně zvýrazní odstavec. Oba štítky jsou jediné.

    Proveďte změny v textu souboru HTML:

Tréninkový soubor HTML

Plán

třídy

v úterý

    4. Uložte změny do souboru RASP.HTM.

    Pro zobrazení nově přijaté webové stránky použijte Microsoft Internet Explorer Jak se změnil text na obrazovce?

Úkol 4. Výběr fragmentů textu

Informace.

Tagy pro výběr textu umožňují ovládat zobrazení jednotlivých znaků a slov. Existují tři značky pro výběr textu:

… zvýraznit tučně,

… zvýraznit kurzívou

… zvýraznit podtržení.

Tréninkový soubor HTML

Plán třídy v úterý

2. Zobrazte nově přijatou webovou stránku.

Je možné použít kombinované fonty:

Plán třídy v úterý

Ale zároveň si musíte pamatovat následující pravidlo pro psaní kombinovaných značek:

<Тэг-1> <Тэг-2> … Tag-2>

chybné zadání

Úkol 5: Použití stylů nadpisů

Informace.

Existují dva způsoby, jak ovládat velikost textu zobrazeného prohlížečem:

    pomocí stylů nadpisů,

    nastavení velikosti hlavního dokumentu nebo velikosti aktuálního písma.

Existuje šest značek nadpisu (H1 až H6). Každá značka má specifický styl určený v nastavení prohlížeče. Styl H1 je největší.

    Proveďte změny v souboru RASP.HTM:

Tréninkový soubor HTML

Plán

třídy v úterý

    Zobrazit nově přijatou webovou stránku.

Úkol 5. Nastavení velikosti aktuálního písma.

Informace.

značka písma umožňuje nastavit velikost aktuálního písma v jednotlivých místech textu. Aktuální rozsah nastavení písma je od 1 do 7.

    Proveďte změny v souboru RASP.HTM:

Tréninkový soubor HTML

Plán

třídy na úterý

    Změňte velikost písma pro text "třída v úterý" sami pomocí značky .

    Upravte text dokumentu HTML pomocí značek pro výběr textu a značek zalomení řádků a odstavců.

Úkol 6. Typ písma a barva písma

Informace.

Štítek Poskytuje kontrolu nad velikostí, stylem a barvou textu. Změna typu písma se provádí jednoduchým přidáním do štítku Atribut FACE. Chcete-li například zobrazit text v písmu Arial, musíte psát .

Chcete-li změnit barvu písma značky lze použít atribut COLOR="X".

Místo X musíte nahradit buď názvem barvy (v uvozovkách), nebo její hexadecimální hodnotou. Při zadávání barvy pomocí hexadecimálního čísla můžete tuto barvu znázornit rozloženou do tří složek:

červená (R), zelená (G), modrá (B), z nichž každá má hodnotu od 0 do FF.

Příklady barevného záznamu ve formátu RGB jsou uvedeny v tabulce:

stůl 1

Barva

Barva

fialový

Hnědý

oranžový

tyrkysový

    Proveďte změny v souboru RASP.HTM:

Tréninkový soubor HTML

Plán >

třídy na úterý

    Změňte velikost, barvu, typ písma, styl textu dokumentu sami.

Úkol 7. Vodorovné zarovnání textu

Informace.

HTML tagy řídí vodorovné zarovnání textu. Pokud neurčíte způsob zarovnání, všechny prvky v dokumentu budou zarovnány doleva a budou mít nerovný pravý okraj (viz obrázek 2).

Moderní prohlížeče používají atribut zarovnání textu ALIGN=, který je vložen do značek odstavce nebo nadpisu.

    Proveďte změny v souboru RASP.HTM:

Tréninkový soubor HTML

Plán>

třídy na úterý

Úkol 8. Nastavení barev pozadí a textu

Informace.

Prohlížeče při zobrazování pozadí, textu používají barvy nastavené ve výchozím nastavení - jsou nastaveny nastavením prohlížeče. Tyto barvy jsou nastaveny na začátku souboru HTML ve značce . Zadání barvy je podobné barvě písma (viz tabulka 1, odstavec 12). Atribut BGCOLOR= nastavuje barvu pozadí stránky, TEXT= definuje barvu textu pro celou stránku, LINK= a VLINK= definují barvy nenavštívených a navštívených odkazů (poslední dva parametry budou probrány později).

    Proveďte změny v souboru RASP.HTM:

Tréninkový soubor HTML

BGCOLOR="#FFFFCC" TEXT="#330066">

Plán>

třídy na úterý

Úkol 9.

    Experimentujte s vytvořeným dokumentem. Při změně velikosti okna se podívejte, jak prohlížeč vykresluje text s vynuceným zalomením řádků. Co se stane, když se okno zmenší natolik, že se do něj nevejde ani jediné slovo?

    Vytvořte si svůj vlastní HTML dokument sami. Nechť je to krátký příběh o vás a vašich zálibách.

Ahoj milí čtenáři blogu! Pokračujeme v sekci „Vytvoření webu od nuly“ a zejména v tématu značek ... A dnes zvážíme značky, které jsou přítomny na jakékoli webové stránce - , a . Je tu ještě jeden tag, který by měl být v každém HTML dokumentu a o kterém jsem již psal v jednom z předchozích článků – takže se ho nebudeme dotýkat.

V předchozích článcích sloupku jsem psal o vytvoření prázdného souboru ve formátu html. Ve skutečnosti to bylo použito v článku pro profesionály (tam byly použity značky názvu). Nyní přímo upravíme tento soubor s úplnými popisy.

A začněme článek úpravou vytvořeného souboru. Osobně jsem to pojmenoval index.html, ale název může být jakýkoli. Otevřete jej pomocí libovolného textového editoru (je lepší použít Notepad++, protože má zvýraznění kódu a další užitečné vychytávky). A hned k tomu přidat značky , a přesně v pořadí, v jakém jsou napsány. Nezapomeňte je zavřít, jak je znázorněno na snímku obrazovky. Dokument bude vypadat takto:

Nyní zvažte význam každé značky zvlášť. Není divu, že jsou v každém. HTML dokument.

Funkce značek

Takže značka je kontejner(). Uvnitř je veškerý viditelný i neviditelný obsah webové stránky (včetně značek a ). Otvírací štítek přichází bezprostředně po deklaraci Doctype a uzavření je na konci dokumentu. Prohlížeči tak dává jasně najevo, kde má začít se zpracováním dokumentu a kde jej ukončit.

On sám teoreticky může pochopit co a jak. Po všem ? Toto je překladač jazyka HTML a je nepravděpodobné, že začne zpracovávat od poloviny dokumentu a dokončí jej před dosažením konce. Otázka je samozřejmě diskutabilní, ale vždy jsem si myslel (a nyní se svého názoru nevzdávám), že psaní tohoto tagu je povinné.

I vzhledem k tomu, že funkce tohoto tagu je pouze in vymezující obsah, má své vlastní atributy (které se nyní buď nepoužívají vůbec, nebo se používají velmi zřídka). Různé zdroje uvádějí atributy, které se od sebe liší, takže si netroufám uvést správnou verzi.

Jediné, co mohu s jistotou říci, je, že většina atributů není podporována HTML 4.01 nebo jsou nežádoucí. Dám vám ale jeden příklad. - popisek kdekoli v dokumentu. Když například najedete myší na obrázek, může se zobrazit vyskakovací text. Také v případě této značky:

A toto uvidíte, když najedete myší na dokument s tímto obsahem:

Je vhodnější použít atribut title, který není ve značce , ale v jakýchkoli jiných konkrétních oblastech stránky. Za prvé je to pohodlné a za druhé se vyhledávače k ​​vaší stránce budou chovat lépe. Tato značka nemá přímý vliv na optimalizaci zdrojů. Jdeme dále.

Funkce značky

A další na řadě je štítek . Obsahuje veškeré technické informace o stránce, které slouží jako pomůcka pro prohlížeč a vyhledávače. Značka je kontejnerová značka a následuje bezprostředně po ní , pouze na rozdíl od poslední, uzavírací značky nezobrazí se na konci dokumentu, ale před úvodní značkou .

Jaké informace lze nalézt v ? Ale žádný. Vše v této značce je dostupné pouze lidskému oku zobrazením zdrojového kódu stránky. Veškerý obsah v této značce je určen pro vyhledávače a prohlížeče. Jediné, co nějak vidíte, je štítek , který je zodpovědný za titulek okna webové stránky. Zde je příklad:</p> <p><img src='https://i1.wp.com/monetavinternete.ru/wp-content/uploads/2013/01/Title-v-tege-head.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Text za ikonou je obsahem tagu <title>. Nyní se podíváme na obsah. <head>, kterou nevidíme, ale která je velmi důležitou součástí <b>vytvoření a propagaci stránek.</b> Za prvé, toto je čára</p><p> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </p><p>Toto je metaznačka pro <b>typ obsahu stránky</b>(Typ obsahu). V tomto případě se jedná o html kód v kódování UTF-8 (content="text/html; charset=UTF-8"). Následuje výše popsaná značka názvu. Pak následují řádky začínající tagem <link>. Označuje odkaz na externí dokument. Například čára</p><p> <link href="http://сайт/.../style.css" rel="stylesheet" media="screen" type="text/css" /> </p><p>označuje, že je připojen soubor (rel="stylesheet") s (type="text/css"), který se nachází na takové a takové adrese (pro snížení délky řádku jsem nahradil polovinu adresy tečkami) . Po zpracování tohoto řetězce prohlížečem určí, kam se má dostat <b>Kaskádové styly</b>.</p> <p>Obecně platí, že v head tagu je spousta informací, o kterých se dá mluvit donekonečna. Poslední věcí, která stojí za zmínku (konkrétně v případě ), je přítomnost popisných značek, klíčových slov a kanonických. používám <b>plugin All in One SEO Pack</b>, takže jsou přítomny uvnitř <head>.</p> <p>Jak víte, všechno skvělé vždy začíná v malém. Pokud vás zajímá odpověď na otázku, jak vytvořit web přes poznámkový blok, pak jste o této možnosti určitě někde slyšeli. To je skutečně možné. Ale hned je třeba zmínit, že v současné době s největší pravděpodobností nikdo nevytvoří moderní dynamický interaktivní web prostřednictvím poznámkového bloku, protože na to existují speciální programy, které výrazně urychlují a zjednodušují proces vývoje. Ale je docela možné vytvořit plnohodnotnou webovou stránku.</p><b>Jak vytvořit web v poznámkovém bloku</b><br>Pro začátek je nutná trocha obeznámenosti s teorií a obecnými pojmy. Naprostá většina webových stránek jsou běžné textové dokumenty, které jsou navrženy speciálním způsobem - jazykem hypertextových značek, zkráceně HTML. Někteří klasifikují HTML značky jako programovací jazyk, ale to není pravda. <p>HTML je jen způsob standardizace značení dokumentů, které prohlížeče jedinečně interpretují tak, aby se zobrazovaly na obrazovkách počítačů v uživatelsky přívětivé podobě. Hlavním nástrojem jazyka HTML jsou speciální strukturní prvky, s jejichž pomocí je dokument vypracován. Říká se jim deskriptory nebo značky.</p><p>Obecně je značka konstrukcí formuláře <table>Značka tedy začíná na< после которого следует название тега table и вся конструкция завершается знаком >. Značky přicházejí v párech, jako když je text tučný <b>a</b> a nespárované jako nový řádek <br>. V případě použití párových štítků je nutné jej použít jako otevírací štítek <b>a uzavření</b>. Závěrečný tag je deskriptor s lomítkem /.</p><p>Zvažte hlavní typy značek a jejich účel.</p><ul><li><span><i>Živel <b><!DOCTYPE html> </b>. </i> Nastaveno na úplný začátek stránky a slouží k tomu, aby sdělilo prohlížeči, jak má tento dokument interpretovat. Je volitelná, ale na stránce velmi žádoucí, aby se předešlo případným problémům s jejím zobrazením. <br></span></li><li><span><i>Štítek <b><html> </b>. </i> Jedná se o párový štítek a skládá se ze dvou částí <html>a</html>. Každá stránka webu začíná touto značkou a končí jí. <br></span></li><li><span><i>Štítek <b><head> </b>. </i> Je to také párový štítek a skládá se ze dvou částí <head>a</head>. Tato značka obsahuje různé důležité informace o stránce: její název, odkazy na použité styly designu, zahrnuté skripty, speciální metadata. <br></span></li><li><span><i>Štítek <b><title> </b>. </i> <title>a a nachází se uvnitř štítku . Tato značka definuje název stránky, se kterou bude viditelná v prohlížeči.

  • Štítek . Jedná se o párový štítek, který se skládá ze dvou částí a a následuje značku Na stránce Je v tagu <body>, který obsahuje všechny informace, které se zobrazují na stránce v prohlížeči.
  • Štítek . Je svobodný. Používá se k označení konce řádku v dokumentu.
  • Štítek . Odkazuje na párové značky, je napsán v mírně odlišné formě než ostatní značky a používá se k vytváření odkazů. Je základním prvkem celého konceptu jazyka HTML, ale i internetu jako celku.
  • Štítek

    . Odkazuje na párové značky a skládá se ze dvou částí. S jeho pomocí se vytvoří textový odstavec.

  • značky

    ,

    ,

    ,

    ,
    ,
    . Patří mezi párové značky, protože se skládají například ze dvou značek

    a

    . Tyto značky slouží k vytvoření šesti úrovní podnadpisů a zároveň ukazují důležitost textu v nich obsaženého ve vztahu k celému dokumentu.

  • Štítek . Je to také párový štítek, který se skládá ze dvou částí a a nastaví styl písma na tučné.
    • Celkem je to asi sto tagů, ale těch deset zvažovaných už stačí na návrh nejjednodušší stránky webu do sešitu. Základní štítky dokumentů , , , <body>distribuovány v přísném pořadí. Uvnitř štítku <body>zbytek deskriptorů může být v rámci standardů jazyka HTML v různém pořadí. Nejjednodušší způsob, jak to pochopit, je vytvořit si jednoduchou webovou stránku. <ol><li><span>Spusťte Poznámkový blok a na jeho prvním řádku nastavte prvek<!DOCTYPE html>, který prohlížeči říká, jak má interpretovat váš dokument. <p> <!DOCTYPE html></p></span></li><li><span>Vytvořte nový řádek a přidejte značku páru <html>. Přeložte závěrečnou značku</html> o dva řádky níže. <p> <!DOCTYPE html><br><html></p></span></li><li><span>Přidejte značku páru <head>v řadě mezi značkami <html>a přeložte uzavírací značku</head> o dva řádky níže. <p> <!DOCTYPE html><br><html><br><head></p><p></head><br></html></p></span></li><li><span>On-line mezi tagy <head>a</head> napište párový štítek <title> v jednom řádku.






  • Mezi značky zadejte název své webové stránky a. Například takto.




    Moje první webová stránka

  • Umístěte kurzor na řádek za uzavírací značkou a proveďte posun řádku. Do prázdného řádku, který se objeví, zadejte značku páru .




    Moje první webová stránka


  • Proveďte dvojitý překlad mezi vnitřními značkami a. Do řádku, který se zobrazí, zadejte párovou značku názvu

    . Napište do značky

    podtitul stránky.




    Moje první webová stránka


    O mně



  • Po závěrečném názvu značkyudělejte zalomení řádku a nastavte párové značky odstavce na nový řádek. Vložte mezi ně text. Například ano.




    Moje první webová stránka


    O mně


    Jmenuji se Ivanov Ivan. Vytvářím svůj web.



  • Uzavřete jméno a příjmení do párového štítku aby byly odvážné.




    Moje první webová stránka


    O mně


    Jmenuji se Ivanov Ivan. Vytvářím svůj web.



  • Po zavření značky odstavce

    proveďte posun řádku a zadejte značku páru na nový řádek

    . Mezi značky zadejte nějaký text.




    Moje první webová stránka


    O mně


    Jmenuji se Ivanov Ivan. Vytvářím svůj web.


    Můj pokrok



  • Po závěrečné značce titulkůudělejte znovu zalomení řádku, zadejte párovou značku odstavce a mezi tyto značky napište libovolný text.




    Moje první webová stránka


    O mně


    Jmenuji se Ivanov Ivan. Vytvářím svůj web.


    Můj pokrok




  • Z tagů uvedených v článku zůstaly neprozkoumané dva – line feed
    a nejdůležitější značka pro vytváření odkazů     . Pojďme je aplikovat. Před poslední uzavírací značku zadejte deskriptor
    a mezi
    a

    typová konstrukce. Měli byste získat následující.




    Moje první webová stránka


    O mně


    Jmenuji se Ivanov Ivan. Vytvářím svůj web.


    Můj pokrok


    Základní syntaxe HTML byla zvládnuta a byla vytvořena první stránka budoucího webu.
    V procesu školení byly použity materiály webu



  • Mezi uvozovkami ve značce zadejte adresu stránky, na kterou budete odkazovat. Před tagem můžete zadat slovo Link a mezi značky a zadejte text, který se zobrazí na stránce.




    Moje první webová stránka


    O mně


    Jmenuji se Ivanov Ivan. Vytvářím svůj web.


    Můj pokrok


    Základní syntaxe HTML byla zvládnuta a byla vytvořena první stránka budoucího webu.
    V procesu školení byly použity materiály webu

    Odkaz: místo



  • Tím lze dokončit vytvoření nejjednodušší stránky webu. V zásadě se to dalo dohrát i v bodě 9, ale pokud to s učením jazyka HTML myslíte vážně, pak další procvičování nebude zbytečné. Uložte si stránku s příponou *.html a můžete ji otevřít v libovolném prohlížeči a prohlédnout si výsledky své práce. Pokud je vše provedeno správně, měli byste vidět něco jako následující.
    • Pokud po přečtení tohoto článku vaše odhodlání vytvořit web nevyschlo, pak se určitě seznamte s úplnou syntaxí jazyka HTML a naučte se také používat kaskádové styly CSS pro návrh stránek.

    Vývoj webových stránek pomocí HTML Hypertext Markup Language

    8. třída

    Lekce 1 Struktura webové stránky.

    Koncept webových stránek

    Informace na World Wide Web
    uloženy ve formě webových stránek.
    Struktura webu je podobná jako
    časopis na nějaké téma popř
    problém. Jak se skládá časopis
    tištěné stránky a webová stránka se skládá
    z webových stránek počítače.
    Webové stránky jsou propojeny hypertextovými odkazy.

    Typy webových stránek

    úředník (vláda,
    Duma, škola...)
    Komerční
    Osobní

    Výhody webových stránek:

    Malý objem informací
    ("plíce")
    Vhodné pro prohlížení v různých
    OS.
    Dynamický.
    Interaktivní.

    Kroky vytvoření webu:

    1.
    2.
    3.
    Vytvořte web lokálně
    počítač.
    test (kontrola
    správný provoz).
    Příspěvek online -
    vyberte hostingový server
    (placené nebo zdarma).

    Programy pro vytvoření webu:

    1) nejjednodušší textový editor (bez
    formátování textu):
    Notebook
    2) prohlížeč pro prohlížení stránek:
    internet Explorer
    3) Program pro zpracování obrázků:
    photoshop

    Vizuální webové editory

    Vytvoření webu v HTML je velmi
    pracné, speciální
    znalost.
    Existují vizuální webové editory
    (programy) pro tvorbu webových stránek.
    Práce na principu WYSIWYG
    (to, co vidíte, je to, co dostanete).

    Struktura webové stránky

    10. Tagy

    Vzhled webové stránky nastavují administrátoři
    příkazy - značky, které jsou
    úhlové konzoly< >
    Tagy mohou být jednoduché (neopakující se) popř
    spárované (nádoby): před uzavřením
    značka kontejneru se píše s lomítkem (/)

    Štítky jsou psány anglickými písmeny (velká,
    malá písmena).

    11. Struktura webové stránky

    Celý HTML kód stránky
    umístěn uvnitř hlavní
    kontejner:
    .
    Webová stránka je rozdělena na
    2 logické části:
    nadpis (HEAD)
    obsah (TĚLO).

    12. Název webové stránky

    Titulek webové stránky je zabalen do kontejneru.
    Obsahuje název dokumentu a informace nápovědy o stránce
    (například typ kódování), které prohlížeč používá
    správné zobrazení.
    Název webové stránky je obsažen v kontejneru<ТITLE> a
    zobrazí se při prohlížení v horním řádku okna prohlížeče
    stránky.

    <ТITLЕ>Počítač

    13. Psaní šablony webové stránky



    <ТITLЕ>Počítač

    14. Hlavní obsah webové stránky

    Hlavní obsah stránky je umístěn v
    kontejner .
    Může obsahovat: text, tabulky, běh
    řetězce, obrázky, odkazy, zvukové soubory...
    Umístíme na stránku text „Vše o počítači“:
    Vše o počítači

    15. Šablona webové stránky



    <ТITLЕ>Počítač


    Vše o počítači

    16.

    17. Jak uložit webovou stránku

    1. Vytvořte speciální složku pro web a
    uložit všechny soubory webu do této složky.
    2. Uložte webovou stránku jako soubor s
    s názvem index.html je titulní stránka
    web (nejprve načten do prohlížeče)
    Přípony souborů webové stránky - .htm
    nebo.html

    18. Vytváříme naše webové stránky….

    Je třeba rozlišovat mezi názvem souboru index.html - pod
    která webová stránka je uložena v souboru
    systému a skutečný název webové stránky
    "Počítač" - zobrazí se v horním řádku
    okna prohlížeče a nejprve analyzovat
    vyhledávače.
    Název webové stránky musí být maximální
    stupeň relevance k jeho obsahu.
    1. Zadejte HTML kód webové stránky do Poznámkového bloku.
    2. Uložte soubor jako index.html do složky
    místo. Vyberte typ souboru - "Všechny soubory".
    3. Otevřete tento soubor v prohlížeči k zobrazení.

    19.

    20. LEKCE #2

    21. Lekce 2: Formátování textu na webové stránce

    22. Formátování textu

    I když stránka není příliš atraktivní: malý tisk a černý text
    bílé pozadí. Ale pomocí značek můžete text ozdobit.
    1. Nadpisy: značky z<Н1>(největší) do<Н6>(nejmenší).
    <Н1>Vše o počítači
    2. Písmo (FONT). Některé značky mají atributy – názvy vlastností, may
    přijmout určité hodnoty.
    FONT face="Arial" - vzhled písma
    velikost = 4
    - velikost
    color="red" - barva
    3. Zarovnání (ALIGN). Text je obvykle zarovnán doleva
    stránku, je však zvykem umístit nadpis do středu.
    ALIGN="left",
    ALIGN="vpravo",
    <Н1 ALIGN="center">Vše o počítači
    ALIGN="střed"

    23. Barva písma

    Hodnotu atributu COLOR lze nastavit dvěma způsoby:
    a) název barvy (například „červená“, „zelená“, „modrá“ atd.),
    b) jeho hexadecimální hodnotu RGB "#RRGGBB", kde
    první dvě hexadecimální číslice nastavují intenzitu
    červená (červená), další dvě jsou intenzita zelené (zelená) a
    poslední dvě jsou intenzita modrých (modrých) barev.
    Minimální intenzita barvy je uvedena v šestnáctkové soustavě
    číslo 00 a maximum je FF. Modrá barva = "#0000FF".
    Můžete tedy nastavit modrou barvu titulku pomocí značky FONT
    Atribut COLOR:
    <Н1 ALIGN="center">Vše o počítači

    24.

    25. Formátování textu

    4. Vodorovná čára se oddělí
    název od zbytku obsahu
    stránky s jednou značkou
    .
    5. Odstavce:<Р>. Při zobrazení v
    odstavce jsou v prohlížeči od sebe odděleny
    jiné intervaly. Za každý odstavec
    můžete nastavit konkrétní typ
    zarovnání.

    26. Praktická práce 3.8 Školicí místo "Počítač"

    Formát počátečního textu
    stránky:
    1) Vytvořte a zarovnejte 2 odstavce (úkol 3)
    2) Barevně a zvýrazněte nadpis stránky
    oddělte ji vodorovnou lištou
    (úkol 4)

    27.

    28. LEKCE 3

    29. Lekce 3: Vkládání obrázků do webových stránek

    30. Vkládání obrázků

    Webové stránky mohou obsahovat grafické soubory 3 formátů -
    GIF, JPG a PNG. Pokud je obrázek uložen v jiném formátu, pak
    musí být nejprve převeden na jeden z nich
    formátů.
    Značka slouží k vložení obrázku. s atributem
    SRC, které označuje, kde je soubor uložen
    na místním počítači nebo na internetu.
    1) obrázek na místním počítači ve složce s webem:

    2) obrázek je v jiné složce na místním počítači:

    3) obrázek je umístěn na vzdáleném serveru na internetu:

    31. Vysvětlující text. Umístění obrázku v textu.

    Ilustrace na webových stránkách se staly nezbytnými
    designový prvek. Uživatelé však, aby
    ušetříte čas, někdy zakážete stahování prohlížeče
    grafické obrázky a texty pouze pro čtení.
    Proto, aby se neztratil smysl stránky, místo kreslení
    vysvětlující text by měl být zobrazen s atributem ALT

    Pozice obrázku v textu - definuje atribut ALIGN
    štítek : THOR, STŘED, DOLE, VLEVO, VPRAVO.
    ALIGN="vpravo">

    32. Pohled na hotové místo

    33. Kód webové stránky


    Počítač


    Vše o počítači




    Na této stránce můžete získat různé informace o
    počítač, jeho software a ceny za počítač
    Příslušenství.


    Terminologický slovník vás seznámí s počítačem
    podmínek a můžete také vyplnit dotazník.



    34. Lekce 4

    35. Testovací práce č. 3

    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    Co je to web?
    Typy stránek.
    Jak jsou webové stránky kombinovány do webových stránek?
    Co jsou značky? tag kontejner? Zapište hlavní kontejner
    webové stránky.
    Jaká je logická struktura webové stránky?
    Uveďte 5 značek formátování stránek.
    Co je atribut značky?
    Jaké jsou způsoby nastavení barev na webové stránce?
    Jaké značky se používají k zadání názvu? Formátování
    písmo? Zadání odstavce?
    Jaká značka a její atributy se používají k vkládání obrázků?

    36. Lekce 4. Hypertextové odkazy na webových stránkách

    37.

    Hypertextové odkazy umožňují stahování
    prohlížeč další související webové stránky
    z předchozího.
    Hypertextový odkaz se skládá ze 2 částí: adresa
    a referenčním ukazatelem.
    Hypertextový odkaz je nastaven na univerzální
    štítek s atributem HREF (he
    určuje, který soubor je uložen
    požadovaná webová stránka):
    ukazatel odkazu

    38. Typy hypertextových odkazů

    1) vnitřní:
    Ukazatel
    Odkazy
    2) externí:
    název_souboru.html"> Ukazatel odkazu

    39. Hypertextové odkazy

    Ukazatel - viditelná část
    hypertextové odkazy: text nebo obrázek

    40. Adresová část hypertextových odkazů

    Přejít na jiné webové stránky:
    ukazatel odkazu
    Otevřít obrázek v prohlížeči:
    Obrázek
    Poslouchejte zvuk (spuštěním vestavěného prohlížeče
    hráč):
    Zvuk
    Uložit soubor (spustí vestavěný prohlížeč
    správce stahování souborů):
    Stáhnout soubor

    41. E-mailový hypertextový odkaz

    Tento typ hypertextového odkazu je
    speciální kontejner


    ”>Náš e-mail

    42. Pohled na dokončenou stránku webu

    43. Kód webové stránky


    Počítač


    Vše o počítači




    Na této stránce můžete získat různé informace o počítači a jeho softwaru
    poskytování a ceny počítačových komponent.


    Terminologický slovník vás seznámí s počítačovými pojmy, stejně jako vás
    můžete vyplnit formulář.


    [Programy]  
    [Slovník]  
    [Příslušenství] 
    [Dotazník]



    ">E-mail:


    44. Lekce 5

    45. Lekce 5: Seznamy na webových stránkách

    46. ​​​​Druhy seznamů

    Číslovaný
    Označeno
    Seznamy termínů (jako ve slovníku)
    Vnořené seznamy

    47. Číslovaný seznam

    Seznam - v kontejneru
    Položka seznamu - značka

  • Atribut TYPE je typ číslování (arab
    čísla; I - Roman; a - latina
    malá písmena)

    1. Systémové programy
    2. Aplikační programy
    3. Programovací systémy

    48. Seznam s odrážkami

    Seznam - v kontejneru
    Položka seznamu - značka

  • Atribut TYPE je typ značek („disk“ je disk,
    "čtverec" - čtverec, "kruh" - kruh)

    • Textové editory
    • Grafický editor
    • Tabulky
    • Systémy pro správu databází

    49. Seznam pojmů

    Seznam - v kontejneru

    Položka seznamu - značka

    Nejdříve je napsán termín
    jeho definice (jako ve slovníku)

    50. Lekce 6

    51. Lekce 6: Interaktivní formuláře na webových stránkách

    52. Koncept interaktivní formy

    Pro komunikaci s návštěvníky webu
    tvůrci na místě webové stránky
    interaktivních formulářů.
    Formuláře obsahují různé prvky
    řízení:
    textová pole
    rozevírací seznamy
    vlajky
    vypínače...

    53. Textové pole

    hlavní nádoba

    Textové pole - pro zadávání textu z klávesnice: tag
    s atributy:
    TYPE="text" – typ obsahu (text)
    NAME="____" – název pole
    SIZE="40" – délka vstupního pole (ve znacích)

    - oddělovač řádků (přesuňte kurzor na nový
    tětiva)

    54. Vypínače (přepínače)

    Kulaté tlačítko pro výběr jednoho z několika
    možnosti odpovědi:
    TYPE="radio"
    Všichni členové této skupiny musí mít
    stejné jméno: NAME="skupina"
    Atributy VALUE obsahují volby
    odpovědi: VALUE="student"

    55. Vlajky

    Čtvercové pole pro výběr více odpovědí
    navrhované možnosti:
    TYPE="zaškrtávací políčko"
    Každý prvek této skupiny musí mít svůj vlastní název:
    NAME="box1", NAME="box2",
    …..
    Atributy VALUE obsahují možnosti výběru odpovědí:
    VALUE=“WWW”, VALUE=”e-mail”, ….
    Každá HODNOTA má svou vlastní odpověď.
    www

    56. Seznamy

    Chcete-li vytvořit rozevírací seznam
    použijte nádobu

    V něm každý prvek seznamu
    dáno tagem

    • SOUVISEJÍCÍ ČLÁNKY