Základy html pro chatkіvtsіv, za které odpovídá šlechta kožených webmasterů-pochatkіvets nebo bloggerů. Pokud se chcete naučit vytvářet elementární stránky, rozumět samotnému kódu, vědět, za čím stát a čím se řídit, bez znalosti základů pohybu to prostě nejde. Sama o sobě budu mít článků celou hromadu, takže je přiřadím k tématům od A do Z, popíšu skin tag, který je v dokumentu, který označuje víno a jak to správně napsat.

základy html

Pokud neznáte to nejjednodušší, dali vám způsob, jak vypnout. Respektuji, že skin je člověk, že jsem pracoval na vývoji a tvorbě stránek, umím znát základy toho, z čeho se samotný web skládá, jak funguje a jak to vypadá na samotném kódu.

Programování Mov je velmi bohaté, všechny smrady jsou poskládány po svém, ale je to stejné, je potřeba umět jazyk. Pokud chcete krásně navrhnout list pro úpravy poštou, máte svou vlastní skupinu Vkontakte, skupinu v jiných sociálních sítích, stejný kanál youtube, musíte se podívat do kódu na libovolném webu motoru, základní porozumění a jen obviňovat šlechta.

Navіv zřídka kіlka prilіkі, navіdі zadіvі і zіnnya dedalі více zastosovuyutsya іnternetі. Jsem praktičtější než teoretik, proto vám ve svých článcích v této rubrice ukážu své aplikace, jak jsem nesmělý, krok za krokem. Vikladatimu jako použití stran, tedy cílů webu.

Html dokument je nejjednodušší textový dokument, tag mov, který dnes můžete vidět na internetu. Tagy popisují strukturu dokumentu. Vlastní štítky< >oblouky, jejichž střed je napsán v názvu štítku. Prohlížeč si prohlédne strukturu dokumentu, vibudovuє її se objeví hned po jeho pokynech na vašem monitoru, jako by bylo vše vytvořeno správně.

Celý proces začíná před ním, jelikož už máte obrázek hotový. Prohlížeče zpracovávají dokument postupně, na klasu a na zbytku. Včetně všeho, co může být na boku. Tabulky, obrázky, skripty a tak dále, včetně stylů CSS.

Základ pro pochatkіvtsіv

Co je html - jak se divit tomu, co píšete Wikipedie -(HyperText Markup Language) jazyk hypertextového značení dokumentů. Více stránek na internetu k označení stránky mé mysli. Qia mov je interpretována prohlížeči, smazání v důsledku formátování textu se zobrazí na monitoru počítače nebo mobilního zařízení.

Tento jazyk je jednoduchý sám o sobě a je k dispozici v učebnicích. Vivchiti a porozumění základům jógy mohou být lidé lovící kůži. Pro nalezení takového jazyka je nutné znát a přidat deskriptory, kterým se také říká tagy. Samotný dokument je vytvořen pro nápovědu.

Proč může být vytvořena struktura dokumentu, aby mohly být přítomny tagy. Vezměme to všechno do jednoho malého zadku. Napsal jsem nějaký text v MS Office a ukázal jógu na snímku obrazovky.

Chcete-li zobrazit text v prohlížeči stejně jako pravopis dokumentu, pro který je nutné přidat označení stránky do nového a také zahrnout značky. Začnu se jim divit, pak popíšu skiny, kdo za co říkají.

Vítejte na mém blogu a vezměte si lekci Základů HTML. Pokud jste měli tu čest s tímto článkem, můžete se přihlásit k odběru celého blogu a dostávat nové články na svou elektronickou obrazovku.

Blog Evgena Nesmelova! stránky Základy html a css pro chatk_vts_v

Tři z těchto značek se tvoří, ať už existuje nějaký HTML dokument, který by měl být součástí nového a vše je potřeba zapsat.

< html > < body > < h2 >< / h2 > < p >Neváhejte a navštivte můj blog a podívejte se na lekci o Základech HTML. Pokud jste dostali tento článek, můžete se přihlásit k odběru tohoto blogu, abyste viděli nové články a svůj elektronický snímek obrazovky.< / p > < h2 >Blog Jevgenije Nesmelova! Nesmelov. jw.org uk Základní html icss pro chat< / h2 > < / body > < / html >

Ať už se kód skládá ze symbolů, jsou umístěny na vrcholu luku. Všem se říká elementy. Všechny prvky se zpravidla skládají ze dvou štítků, které jsou zakřivené a uzavřené. Raju si tagy s úctou hlídáš, pokud jeden z nich přehlédneš a nezavřeš ho, budeš se muset podívat na více částí kódu, abys poznal pardon.

Byli jsme v depresi, pokud je to více než jeden den, lidé se zlobí a žádají o pomoc, na svém webu nemůžete najít omluvu, měli byste být překvapeni více uctivě, co píšete. Podívejme se nyní na tento příklad na prvek skinu z kódu, co je napsáno v novém, co to znamená a co se objeví ve výsledku.

Více značek v chlapech, které zahrnují značku, která se zakřiví a zavírá. Krim takové značky, použijte více jednotlivých značek. Tagy mohou být současně s ostatními, tímto způsobem jsou investovány jeden v jednom. Například zobrazte text tučně a kurzívou.

Text

< strong > < i >Text< / strong > < / i >

html struktura dokumentu

Znovu budu hádat, že je nutné si přečíst pravidla, protože jsou v dokumentu. Srozumitelný je samotný prohlížeč, který se nachází na straně, її sekvence, zmist a tak dále.

Tag je komponenta, která říká webovému prohlížeči, aby viděl, co je ještě potřeba udělat. Například přítomnost odstavce, tabulky, formuláře nebo obrázku.

Atribut změní značku. Můžete například zarovnat odstavec na střed nebo pravý okraj, nastavit samozarovnání obrázku na stranu a podobně.

NAVŽDY zavřete tagy, jak jste to napsal, ale je nutné to zavřít. V opačném případě dojde k prominutí a váš dokument bude nesprávně zobrazen na boku. Také obviňujte vinu, nezapomeňte na ně.

Je jasné, že musíte pochopit, co je nadpis dokumentu a co tělo. Název je vše, co souvisí s prací . Tělo dokumentu ( ), měla by být pokryta celá strana dokumentu. Pokud si vyčítáte nutnost odstranit kód pro sebe, pak tyto tagy vložte do komentářů, za které se tag vyhrává. Cokoli, co se objeví uprostřed takové značky, slouží jako komentář a prohlížeče to nepřijímají.

Začněme odshora. Do horní části dokumentu jsem přidal štítek a třeba jsem nadával na jógu. Tento kód je absolutně přítomen v dokumentu vzhledu, říká prohlížeči, že vše, co je umístěno mezi těmito značkami, je kód HTML. Jako kořen samotného dokumentu není vše, co bylo dáno tagem cim, zahrnuto v dokumentu a je přijímáno prohlížeči. Na samém horním okraji dokumentu je zobrazen štítek a například vinné láhve obov'yazkovo lze zavřít.

Zvažte distribuci tohoto štítku, abyste odstranili všechny technické informace dokumentu. Stejně jako přední štítek je hlava také zodpovědná za uzavírací a uzavírací štítek. Tyto informace by měly mít záhlaví stránky, popis, klíčová slova pro vyhledávací systémy a kódování. O kódování troch níže.

Zmist

< head >Zmist< / head >

Čí text bude tučný, a tsey - shchey kurzíva

< ! DOCTYPE html > < html > < head > < meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / > < title >HTML dokument< / title > < / head > < body > < p > < b > < / b > < / p > < / body > < / html >

Hlavní prvky Head and Title

Vzhled dokumentu má prvek head a title. První z nich , jděte hned po prvním tagu . Tento tag má všechny informace o straně, v novém je navíc skrytý prvek \Změna strany

< / html >

Yak bachite, není tam nic skládacího. Před vámi jsou hlavní značky, které mohou být přítomny v html dokumentu skinu. Nezapomeňte zkroutit jejich obaly, jinak prohlížeč nebude schopen pořídit úplný obrázek kódu. To je potřeba vědět a pamatovat si to. Poté můžete začít vkládat text, obrázky, videa. Ale ce bude v dalších článcích.

Editor Notepad++

Pro práci s kódem použijte program Notepad++. Vaughn je bezkoshtovna, znát її na internetu není důležité. Je to pohodlnější pro špehování jakéhokoli kódu, takže se automaticky zobrazí značka, která se otevírá a zavírá. Podporujeme syntaxi pro více než 40 mov programování. Právě ty, které jsou nezbytné pro osvojení základů HTML.

Poznámkový blok je přemístěn všem smyslům s nádherným poznámkovým blokem. Pro maximální transparentnost a jednoduchost by měl být na počítači nainstalován první editor. Nejdůležitější je, že efektivita, editor Notepad++ ukazuje rady při psaní kódu, aby byla vaše práce jednodušší a chytřejší.

prvek DOCTYPE

Samotný dokument vzhledu může mít hodnoty pro takový prvek doctype. Proč je víno potřeba a co lze použít. Vyzvěte lidi, aby se příliš nedusili v řadách, kopírovali si vlastní dokumenty a pracovali v klidu. Jedná se o prvky, které prohlížeči sdělují, která verze HTML je v dokumentu uvedena, která strana je která popis, jaké je použité kódování, která klíčová slova jsou zahrnuta, kdo je autor a jak se strana jmenuje.

Dejte smrad na samotný klas. Mám pár možností a všechny smrady jsou považovány za jeden druh, napíšu jeden zadeček, který je nejvítěznější. Obrobek lze vicorovat jako hotovou šablonu. Dalі bude zrozumіly popis kožní linie, problémy іz tsim buti nejsou vinni.

Stručně o základech html: Dánský řádek o těch prohlížečích řekne, že tento dokument je XHTML verze 1.0, vyhrála se angličtina a na tuto adresu se rozbila veškerá kaše. Dalі v abstraktní meta je možné zakódovat, jako by to bylo vítězné. Windows 1251 je nejoblíbenější.

Description - téma SEO se prolíná, jeden ze tří head tagů, který může být absolutně přítomen ve skinu, tento tag zobrazuje popis stránky. Co je napsáno na druhé straně, krátký popis, ne více než dvě slova. Tag keywords, takto vstupuje do hry téma SEO a tag je jazykem volby. Klíčová slova se zapisují do nového, pro nějaký druh coristuvachi vás internet podvede prostřednictvím vyhledávacích systémů.

Tag title má název samotného dokumentu, další název, což dělá můj prohlížeč. Bezpochyby nejdůležitější tag ve všech dokumentech, který je nejvíce napuštěný na straně stránky. V článku doplnění onoho designu, kde je podrobnější popis tohoto tagu.

Co si musíte zapamatovat z první lekce pro základní html:

1. Ať se všechny štítky stočí a zvlní;
2. Spustit dokument od značky ;
3. Viditelnost značky ;
4. Viditelnost značky ;
5. Čtení struktury HTML dokumentu.

Kníry z titulků lze vždy nazvat slovem index. Tak to bylo přijato a tak vše zaznělo, pořád stejně, rozbalí se to pro soubor, ale může to být i html a php. Jen tolik se tomu říká víno.

Podívejte se na video o základech html od Webformyself.

Rozložení hypertextu Mova, základní elementární struktura. Vše ostatní se pokusím popsat ve vlastní mysli. Pro začátečníky zde budou napsány základní informace, zadávání zadku ke kódu a možnost stáhnout si zadek sám naráz z hotové stránky.

Tento článek si nečiní nárok na to, že usnadňuje rozvržení dokumentů HTML. Popisuje základy HTML - základní principy, rozumějte tomu, že účel této technologie se po jejím zvládnutí může snadno zhroutit z pokročilého kódování HTML.

Tleskat

Zapiniti

Chcete-li lekci dokončit, stáhněte si archivy s potřebnými soubory.

HTML- ce mova rozety dokumenty. Vimova má pravdu - h t i em el.

Vy sami jste se dopracovali, jestli mají redaktoři dokumentů Wordu podobné kancelářské přílohy? Jistě víte, že tento typ editoru má spoustu možností pro úpravu textu, uspořádání prvků, vkládání obrázků atd.

Navischo, ptám se tě, píšeš články, HTML úkoly o textových procesorech? A teď ta osa. Jak víte, co je kancelářský editor? Program Tsya pro editaci a zobrazování dokumentů.

klíčové slovo zde dokument . Dokument tedy vytváříme, upravujeme a kontrolujeme ve stejném programu, tímto způsobem - v kancelářském editoru. Pokud takový dokument otevřete pomocí jednoduchého textového editoru, například pomocí programu Poznámkový blok, často používáme neosobní úžasné symboly a znaky. Tsya kaše ze symbolů nedávala smysl lidem, ale dávala smysl pouze počítačům. Zavdyaki tsіy vnutriyshnіy movі dokument Word nabuvaє zpívat strukturu a podívat se do samotného editoru a dokument stojí před námi v celé své kráse s formátovaným textem a obrázky na svém místě.

HTML- tse mova rozvržení dokumentu pro prohlížeč. Word je zde prohlížeč a dokument je strana HTML. To je samotný základ technologie HTML, která je nezbytná k tomu, aby nedošlo k záměně rozvržení webových dokumentů s jazykem programování. Jméno mluvte za sebe - pro nápovědu HTML mi razmіchaєmo, na straně svědectví bude prvek, obrázek nebo text a v nějakém pořadí půjde smrad jeden po druhém.

Pouhým psaním a formátováním textu v kancelářských doplňcích tedy nelze s programováním nic pokazit. Pozorný čtenář by si ale měl všimnout důležitého detailu – text a obrázky píšeme, upravujeme a formátujeme pomocí vizuálních tlačítek a nabídek z textového procesoru, ale proč psát HTML kód ručně? Potřebujete vidět spoustu technických detailů psaní layoutu pro dokument?

Ve skutečnosti existuje mnoho editorů, s jejichž pomocí můžete vytvářet a upravovat HTML stránky pro analogii s Wordem. Toto je HTML kód, který máme používat, a v žádném případě to pro nás není možné.

Takový Word pro HTML. Takové vizuální editory se nazývají:

WYSIWYG redaktoři - Wčepice Y ou S ee já s Wčepice Y ou G et. Tobto, jako by překládal ruštinu: co je bachimo, to se bere.

Říkám jim „univerzity“. Pokud je to foneticky a nesprávně, pak je jasné, že se mluví o hlouposti tohoto vinaře. Začátečníci často získávají takové editory za vytvoření svých prvních stránek. Je zřejmé, že je to praktické - není nutné se ztrácet ve značkách, stylech designu a dalších, na první pohled nepřijatelných a skládacích řečech. Editor automaticky převádí naše články do HTML kódu.

Ale, jak se zdá, nic se neděje jen tak. A abych byl konkrétnější - takový pidchid může být ještě vážnější nedostatky. Co potřebujete k získání řady vizuálních editorů pro navrhování HTML stránek? Vpravo v tom, co je tvořeno takovou hodností, mohou mít strany zpravidla bohatý kód, dokonce i bohatý pardon ze sémantického hlediska. Zároveň samozřejmě nejsou žádné problémy s rychlostí připojení k internetu a rozdíl ve velikosti stránky ve 400 kb a 100 kb na rychlost nestačí, optimalizace prote a správný pravopis HTML kódu umožňuje žádné problémy a žádné starosti, ale totéž:

• Kompetentní HTML kód pozitivně přispívá k optimalizaci pro vyhledávače, rychlosti skenování stránek robotem vyhledávače. Vygenerovaný vysoce kvalitní kilobajtový kód zde není přijatelný;
• HTML kód generovaný WYSIWYG editorem, žádné sémantické pardony. Takže tagy, které generuje takový editor, se netagují pro rozpoznání, tam je potřeba tagovat např. seznamy
  editor nám vygeneruje jiný tag, který nepotřebujeme. Lhát samozřejmě jako editor, ale tady se dřete o využití komplexního řešení pro tvorbu webů a ne jen o úpravu textu v textové oblasti pomocí WYSIWYG.
  • Je generováno příliš mnoho zip tagů a struktura dokumentu vypadá nabubřele. Je přijatelné, že v takovém programu přenesete prvek na pravou ruku, pak na levou ruku, pak uprostřed - v oblasti vzhledu, další kód HTML zůstane za sebou. Editor - samotný program a víno nemůže vědět, co vy sami chcete vidět jako výsledek, a vytvořit tuny kódu pro zlepšení možných možností chování dokumentu v prohlížeči.
  • Editory pro vizuální design HTML kódu zpravidla rychle zastarají. A přes mezihru zájmu ze strany profesionálů se o tipy a triky stará rozeta. A HTML se vyvíjí. Všechno se vyvíjí, budeme obklopovat univerzity. Je zřejmé, že nedokážou vygenerovat správný a aktuální kód, v takovém případě by vznikaly nové čipy a řešení.
  • Podporujte takové projekty a rozvíjejte se - trest je nebeský. O volbě vzorů nelze vzít opakovanou volbu kódu filmu.

  Opět platí, že HTML lze psát pouze ručně. Adekvátní nástroje pro vizuální úpravy HTML se ještě nedočkaly a tento pravděpodobně nebude zapáchat. Jazyk HTML značek je snadné se naučit a pochopit jej a automatizace psaní HTML kódu je anonymní, ale o tom v jiných lekcích.

  Po zavolání několika slov z editoru WYSIWYG se mladí HTML guru zaměstnávají bez jakýchkoli vyhlídek a upadnou daleko.

  Struktura HTML dokumentu

  Doporučuji využít této instalace editoru Sublime Text. Důrazně nedoporučuji ošidit rozvržení HTML v Poznámkovém bloku Windows, protože si nechcete rozbít vlastní mysl v raných fázích vývoje HTML.

  Lhali jsme, že kód HTML dokumentu je psán ručně, takže makeup. HTML rozložení- Proces vytváření HTML dokumentu. Mezi lidmi je toto uznání sázek jen rozvržením. Zda existuje dokument, který má strukturu a pravidla, prosím. Z jakých prvků se skládá kód, jaká je struktura HTML?

  Vytvoříme na počítači vzor pupenu - soubor index.html, díky pomoci editoru jej můžeme vložit do nového kódu:

  Tělo dokumentu Pozor, HTML dokumenty lze rozšířit .html.

  Otzhe, v pořadí od zadku.

  - typ dokumentu (doctype)

  Tento design musí být vždy uveden v horní části dokumentu, aby prohlížeč správně „pochopil“, jak je vybrána verze HTML, když je dokument vyzván.

  Vzhledem k těm, které HTML neustále vyvíjí, může existovat několik verzí, stejně jako jakýkoli softwarový produkt. Stream verze HTML doctypeє aktuální.

  V zásadě nemá smysl vyvíjet typy dokumentů, protože s vydáním HTML5 se tento design stal standardem. Stačí vložit її na klas dokumentu hned, pokud začínáte rozvržení webu.

  - Cobův dokument

  První značka, která je po doctype nejdůležitější, .

  HTML tag- Strukturální jednotka rozvržení dokumentu HTML. HTML kód se skládá z bloků, které se nazývají tagy. Značka vzhledu má svou vlastní funkci a je povoleno odstranění značky HTML, což znamená, že odstranění značek má v dokumentu tyto pravomoci.

  Upozorňuji, že vývoj HTML není tak vytížený, jak se na první pohled zdá. Pamatujte, že značky, které jsou vyznačeny v rozvržení dokumentu, nejsou pro mozek tak velkým zájmem.

  Také rozvržení dokumentu začíná od značky a končí kudrnatým štítkem. Kožený štítek klikatá značka. Například, , ,

  , atd.

  Štítek є obov'yazkovym, oskіlki mіstit celou strukturu dokumentu a є shell pro další prvky.

  Štítek

  Dali mi bachimo štítek , co se mstít, dokud jsme neporozuměli živlům. Přesunout další prvky – neznamená, že prvky nebo značky jsou umístěny mezi značkou návrhu, která se zakřivuje a uzavírá:

  <тег>smist nebo jiné značky

  Štítek účely pro ukládání metainformací HTML dokumentu, takže informace, jak se nevyskytují v dokumentu samotném, jsou také důležité a bohaté na to, co znamenají, jak dokument vypadá a jak se chová.
  Tato značka je obov'yazkovim v dokumentu.

  Štítek

  záhlaví . Об остальных служебных тегах вы узнаете в дальнейших уроках, на данном этапе обучения этой информации достаточно.

  4). - заголовок документа.
  Этот заголовок будет отображаться в браузере:

  

  в поиске Я ндекс или в Гугл.

  

  5). и - тело документа.
  Здесь находится содержимое документа, например, текст, картинки, таблицы, музыка, фильмы и т. д. Подробней о том, как вставить музыку, текст, картинки в тело документа вы узнаете в следующих уроках.

  Примечание:

  Вам частенько придется читать и слышать слово «тег».
  Тег - это все то, что находится между скобками < > . Например: , Текст страницы, таблицы, картинки, музыка и видео.

  Не расстраивайтесь, если из всего выше написанного вы мало что или почти ничего не поняли. Во втором уроке будет больше практики, и вы сможете сами вручную все прописать и увидеть, как работает HTML.

  Переходите к следующему уроку

  HTML - язык разметки гипертекста, который сделал интернет таким, каким мы его знаем и любим. Именно благодаря этому замечательному инструменту сайты выглядят красиво и современно, а также обеспечивается удобство их использования. Язык HTML просто компонует элементы веб-страницы в удобный для пользователя вариант. Его работа сравнима с тем, что делают типа MS Word или OpenOffice. Они превращают безликую массу букв в документ, в котором есть абзацы, жирный текст, курсив, таблицы и даже изображения. Примерно то же самое делает язык HTML, с той лишь разницей, что его документы отображаются в браузере, да и возможности этого инструмента гораздо шире, чем у текстового редактора. Для разметки используются теги — специальные команды, описывающие структуру веб-страницы. Они заключены в угловые скобки - <тег>, чтобы браузер мог отличить их от общей массы текста. Далее мы рассмотрим основы HTML для начинающих.

  Визуальные редакторы

  Новички, только ступившие на путь изучения HTML, часто начинают свою работу с программ, позволяющих создавать сайты без каких-либо знаний. В них можно просто расположить элементы на экране так, как они будут отображаться в браузере. Казалось бы, вот он — источник вечной благодати, позволяющий избавиться от большинства веб-разработчиков. Но не всё так просто, так как у визуальных редакторов есть масса недостатков, которые делают невозможным их использование в серьёзных проектах.

  Все эти программы создают много ненужных тегов, которые делают конечный вариант страницы громоздким и неоптимальным. Конечно, в наш век скоростного интернета это имеет меньшее значение, чем раньше, но есть ряд причин, по которым лаконичный и грамотно написанный сайт получается более практичным, чем его собрат, созданный в визуальном редакторе. Веб-страница, сделанная в такой программе, будет плохо обрабатываться поисковыми роботами, так как для них важен каждый килобайт кода, а громоздкий и нелогичный код с кучей едва ли придётся им по вкусу. Помимо этого, редакторы часто отстают от времени, становясь неактуальными, а тратить ресурсы на их развитие нецелесообразно, так как ни один профессионал не пользуется этими продуктами. Поэтому каждый, кто хочет работать в сфере создания сайтов, должен знать основы HTML.

  Теги

  Как упоминалось выше, теги описывают браузеру структуру веб-страницы. Большинство из них имеют открывающий и закрывающий тег, но далеко не все. Например, , где вместо точек находится содержимое. Первый из них показывает, где начинается тег, а второй закрывает его. Внутри могут находиться другие элементы разметки страницы, они могут вкладываться друг в друга подобно матрёшке. Тут важно своевременно закрывать теги, чтобы страница отображалась корректно.

  Встречаются также одиночные теги, которые не нужно закрывать. В них содержимое находится внутри, так же как и может быть прописан для большинства HTML-тегов и задаёт свойства элемента. Обозначается он в открывающем теге и выглядит примерно так: атрибут=«...», где вместо точек находится значение атрибута. Знание тегов является первым и самым важным шагом для освоения HTML. Основы этого искусства также подразумевают понимание структуры веб-страницы.

  Структура документа

  Каждый документ HTML имеет соответствующее расширение, например, Index.html. Так браузер сможет понять, с чем он имеет дело, и правильно отобразит страницу. Все файлы, используемые для создания сайта, желательно хранить в одной директории, что в дальнейшем существенно облегчит вам жизнь. Основы языка разметки гипертекста HTML предполагают чёткое понимание структуры документа. Начинается он с тега , сообщающего браузеру версию HTML, которая используется в этом документе. На данный момент актуальна пятая версия языка, так что тут не нужно ничего выдумывать, можно смело вставлять приведённый выше тег в начало любой страницы.

  

  Потом идут основные парные структуры, составляющие «скелет» сайта. Первый тег, в который вложены все остальные — .... Всё, что находится за его пределами, не распознаётся браузером как веб-страница, так что он открывает документ и закрывает его. Этот тег является обязательным для любого документа. В нём также содержатся ещё несколько обязательных тегов, которые будут рассмотрены ниже.

  Head

  Внутри тега ... содержится информация технического характера, которая не будет отображаться на странице, но, тем не менее, является важной частью документа HTML. Основы сайта закладываются именно в этом месте, здесь выбирается кодировка и вводится название страницы. Оно содержится внутри обязательного тега . Отображается название в верхней части браузера, где также можно разместить небольшую иконку, характеризующую содержимое страницы. Желательно сразу указать кодировку документа для его корректного отображения. Это можно сделать при помощи тега . Метатеги предоставляют данные о структуре страницы и обычно располагаются внутри head.

  Link

  Знание основ HTML также предполагает использование каскадных стилей оформления, или css. В них задаются свойства элементов, которые будут отображены на странице. Современный подход к этой задаче предполагает вынесение таких характеристик, как цвет, высота и местоположение элемента, во внешний файл для большего удобства. Для подключения css-файла используется тег . В готовом виде это выглядит примерно вот так: , где href указывает на местоположение файла, а type - на его тип.

  

  Body

  Именно в этой части HTML-документа создаётся видимая часть страницы. Всё, что делается внутри «тела», будет показано браузером. В используется огромное количество тегов HTML. Основы — это форматирование текста, работа со ссылками и простейшие инструменты для структурирования веб-страницы. Чтобы приступить к работе в HTML, достаточно знать основные теги и уметь ими пользоваться. Ниже приведены самые популярные из них:

  • - применяется для выделения подстроки, на которую будет распространяться особый стиль, описанный в css;
  • - создаёт ссылку на веб-странице; адрес перехода задаётся атрибутом href;
  • - один из популярнейших тегов современности; каждый, кто решил изучить основы языка HTMLl, должен уделить ему особое внимание, поскольку это блочный элемент, на основе которого сделана львиная доля современных сайтов (параметры для блоков

    задаются в css, и внутри этого тега могут располагаться другие блоки);

  • Выделяет абзац из текста; содержимое абзаца находится между открывающим и закрывающим тегами;

  • - нумерованный список, элементы которого заключаются в парный тег
    1. - маркированный список, в котором, так же как и в нумерованном, элементы обозначаются тегом

       • -

         - заголовки документа (цифра обозначает уровень заголовка, то есть

         - главный заголовок, а последующие варианты являются его подзаголовками, кстати, заголовки уровней

         ,

         почти невозможно встретить на просторах интернета), также важно помнить, что на странице может быть лишь один заголовок

         ;

       • - жирный текст;
       • - курсив;
       • - вставка картинки на интернет страницу (это единичный тег, ему не требуется закрывающий, но в нём обязательно нужно указать атрибут alt, в котором указывается текст для изображения);

       Это далеко не все теги, необходимые для создания собственной веб-страницы, но их вполне достаточно, чтобы заложить основы HTML для начинающих.

       CSS

       Развитие языка HTML привело к тому, что каждый тег обзавёлся массой атрибутов, да и требования к внешнему виду веб-страниц существенно возросли. Код стал громоздким и неудобным, сложно было прочитать его, не то что адаптировать или изменить. К тому же, если на вашем сайте десять страниц, на которых много заголовков, отмеченных зелёным цветом, а вам вдруг захотелось сделать их красными, то придётся попотеть, изменяя каждый вручную. С появлением каскадных таблиц стилей этот процесс стал простым и логичным, да и HTML-код стал куда более читаемым.

       

       Применение CSS

       Для создания веб-страниц необходимо знать основы HTML и CSS, так как сейчас без знания каскадных таблиц стилей делать в этой сфере нечего. В них задаются атрибуты для любого элемента, распространяющиеся на весь документ. Таким образом, можно задать цвет сразу для всех элементов

       Или , написав лишь одно правило. Учитывая современные требования к внешнему виду веб-страниц, использование каскадных таблиц стилей является обязательным.

       Для того чтобы подключить файл css к документу, существует тег link. Чуть выше был описан принцип его использования, но он не является единственным вариантом объединения всех стилей в одном месте. Есть ещё тег