Naučit se základní HTML a moje první webová stránka

Obsah
Co je HTML? Jeho zkratka znamená „Hypertext Markup Language“. Je definován jako jazyk značek, který vám umožní vytvořit webovou stránku. Mezi prvky, které tento jazyk má, patří ovládací prvky (štítky, textová pole, textové oblasti, tlačítka) k implementaci formulářů, seznamů, tabulek, vkládání obrázků, videa, zvuku a dalších.
Naučit se to je velmi jednoduchý jazyk, protože to není programovací jazyk, ale jazyk, který označíte. Kromě toho jsou vyhrazená slova, která jej tvoří, snadno zapamatovatelná a velmi popisná.
Nejzákladnějším prostředím, jak začít procvičovat a vyvíjet webovou stránku, je běžný „Poznámkový blok“, což je textový editor, ačkoli existují i ​​speciální překladače (například Netbeans), které mají funkci automatické opravy pro jakékoli slovo v syntaxi je špatně, označí to a usnadní nalezení.
Soubory HTML by měly být vždy ukládány s příponou .html, ať už je vývojář přidá ručně nebo editor přidá automaticky. Typ souboru .html se otevře v prohlížeči nebo prohlížeči podle preferencí uživatele (například: Internet Explorer, Firefox, Google Chrome, Opera, Safary atd.), Protože, jak bylo uvedeno výše, jazyk HTML se skládá ze značek : kterou je prohlížeč připraven interpretovat.
Váš první web …
V tomto případě otevřeme poznámkový blok, protože pracujeme v prostředí Windows a představíme následující kód pro typické „Hello world!“

Jak je vidět na obrázku, soubor ještě nebyl uložen. Přejdeme tedy do nabídky Soubor> Uložit. Aby byly soubory, které během tohoto kurzu vyvíjíme, dobře uspořádány, vytvoříme složku se jménem „BASIC HTML“, přistoupíme k této složce a přizpůsobíme název souboru, zadáme název „index.html“ a pamatujeme si, že je důležité vytvořit příponu, pak jinak bude uložen pouze jako textový soubor, tj. .txt.

Přejděte na umístění souboru, dvakrát klikněte na ikonu s názvem „index.html“ a otevře se ve výchozím prohlížeči, v tomto případě Google Chrome. To uvidíte:

Vraťme se nyní ke kódu …
Informuje prohlížeč, že otevíráte soubor HTML.
Záhlaví dokumentu.
Můj první web. Název stránky.
Zavřete záhlaví dokumentu.
Body, veškerý obsah této sekce se zobrazí na stránce.
Ahoj světe!
Uzavření těla.
Zavřete soubor HTML.
Značka říká prohlížeči, že se otevírá html dokument, zde začíná interpretovat obsah. Je důležité, aby každá otevřená značka byla zavřená, závěrečnou značku lze zobrazit na konci dokumentu.
označuje záhlaví dokumentu, zde mimo jiné, co se dozvíme později, bude umístěn název stránky. Což nás přivádí k řádku kódu Moje první webová stránka. , výsledek tohoto řádku se projeví v záhlaví prohlížeče. Níže je zavření značky.
Do popisků a obsahu stránky bude umístěn, který může přímo obsahovat text a / nebo jiné formátovací štítky.
Atributy …
Některé značky mají jeden nebo více atributů, které jsou definovány jako charakteristiky pro hlavní značku. Při definici atributů je třeba vzít v úvahu některé aspekty:
  • Mají strukturu name = "hodnota"
  • Hodnota je vždy v uvozovkách.
  • Jsou umístěny na úvodní visačce.
Příklad: Na štítek přidáme atribut bgcolor a přiřadíme mu hodnotu, která je šestnáctková a která bude uzavřena v uvozovkách. Pro barevného průvodce nechávám následující odkaz „Barevné kódy HTML“.

Uložíme náš soubor pro vizualizaci změn a výsledkem bude:

*DŮLEŽITÉ:: Štítky lze dobře psát malými písmeny, jak jsme si například představovali v příkladech a velkými písmeny. World Wide Web Consortium (W3C) doporučuje používat malá písmena a XHTML, což je nejaktuálnější verze HTML, přijímá pouze malá písmena.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
wave wave wave wave wave