Android. Операционна система. Мултимедия. Социални медии. Инструменти. Кодеци. Графика
Вие сте тук: » »

Основи на html и css за начинаещи. Основи на HTML за начинаещи

HTML Basics съдържа основните правила HTML език, описание на структурата на HTML страница, връзки в структурата на HTML документ между HTML елементи.

Един HTML документ е обикновен документ текстов документ, може да се създаде както в обикновен текстов редактор (Notepad), така и в специализиран такъв с осветяване на кода (Notepad++, Visual Studio Code и др.). HTML документ има разширение .html.

Един HTML документ се състои от дърво от HTML елементи и текст. Всеки елемент се идентифицира в изходния документ чрез начален (отварящ) и краен (затварящ) таг (с редки изключения).

Началният таг показва къде започва елементът, крайният таг показва къде свършва. Затварящият таг се образува чрез добавяне на наклонена черта / преди името на тага: .... Между началния и затварящия тагове е съдържанието на тага – съдържанието.

Единичните етикети не могат да съхраняват съдържание директно; то се записва като стойност на атрибут, например етикет ще създаде бутон с текст Button вътре.

Етикетите могат да бъдат вложени един в друг, например

Текст

. Когато инвестирате, трябва да следвате реда, в който са затворени (принципа на „матрьошка“), например следният запис ще бъде неправилен:

Текст

.

HTML елементите могат да имат атрибути (глобални, приложени към всички HTML елементи и свои собствени). Атрибутите се записват в отварящия таг на елемента и съдържат име и стойност, зададени във формата attribute name="value" . Атрибутите ви позволяват да промените свойствата и поведението на елемента, за който са зададени.

На всеки елемент могат да бъдат присвоени множество стойности на класа и само една стойност на id. Стойностите на множество класове се записват разделени с интервал, . Стойностите на класа и идентификатора трябва да се състоят само от букви, цифри, тирета и долни черти и трябва да започват само с букви или цифри.

Браузърът преглежда (интерпретира) HTML документа, изгражда неговата структура (DOM) и го показва в съответствие с инструкциите, включени в този файл (стилови листове, скриптове). Ако маркирането е правилно, прозорецът на браузъра ще покаже HTML страница, съдържаща HTML елементи - заглавки, таблици, изображения и др.

Процесът на интерпретация (анализ) започва преди уеб страницата да бъде напълно заредена в браузъра. Браузърите обработват HTML документи последователно, от самото начало, докато обработват CSS и свързват таблиците със стилове към елементите на страницата.

Един HTML документ се състои от две секции - заглавката - между таговете ... и частта със съдържание - между таговете ....

Структура на уеб страницата 1. Структура на HTML документ

HTML следва правилата, съдържащи се във файла с декларация за типа документ (Определение на типа документ или DTD). DTD е XML документ, който определя за кои тагове, атрибути и техните стойности са валидни специфичен тип HTML. Всяка версия на HTML има свой собствен DTD.

DOCTYPE отговаря за правилното показване на уеб страница от браузъра. DOCTYPE указва не само HTML версията (например html), но и съответния DTD файл в Интернет.

...

Елементите вътре в тага образуват дърво на документа, така наречения обектен модел на документа, DOM (document object model). В този случай елементът е основният елемент.


ориз. 1. Най-простата структура на уеб страница

За да се разбере взаимодействието на елементите на уеб страницата, е необходимо да се разгледат така наречените „семейни връзки“ между елементите. Връзките между множество вложени елементи се класифицират като родител, дете и сестра.

Предшественикът е елемент, който съдържа други елементи. На фигура 1 предшественикът за всички елементи е . В същото време елементът е предшественик на всички тагове, които съдържа: ,

.. и т.н.

Потомъкът е елемент, разположен в рамките на един или повече типове елементи. Например е потомък на и елемента

Е потомък на двете и .

Родителският елемент е елемент, който е свързан с други елементи на по-ниско ниво и се намира над тях в дървото. На фигура 1 и . Етикет

Родител е само на .

Дъщерен елемент е елемент, който е пряко подчинен на друг елемент на по-високо ниво. На фигура 1 има само елементи , ,

И са деца на.

Сестринският елемент е елемент, който има общ родителски елемент с въпросния, така наречените елементи от същото ниво. На фигура 1 и са елементи от едно и също ниво, както и елементи , и

Те са сестри помежду си.

1.1. Елемент 1.2. елемент

Раздел ... съдържа техническа информацияза страницата: заглавие, описание, ключови думиза търсачки, кодиране и др. Информацията, която въвеждате там, не се показва в прозореца на браузъра, но съдържа информация, която казва на браузъра как да обработи страницата.

1.2.1. елемент

Необходимият таг за раздел е . Текстът, поставен в този етикет, се появява в заглавната лента на уеб браузъра. Заглавието не трябва да е по-дълго от 60 знака, за да се побере напълно в заглавието. Текстът на заглавието трябва да съдържа възможно най-много пълно описаниесъдържание на уеб страница.

1.2.2. елемент

Незадължителният таг на раздел е единичен таг. С негова помощ можете да зададете описание на съдържанието на страницата и ключови думи за търсачките, автора на HTML документа и други свойства на метаданните. Един елемент може да съдържа множество елементи, тъй като те носят различна информация в зависимост от използваните атрибути.

Описанието на съдържанието на страницата и ключовите думи могат да бъдат зададени едновременно на няколко езика, например на руски и английски:

С помощта на етикет можете да блокирате или разрешите индексиране на уеб страница от търсачките:

За автоматично презареждане на страницата след определен период от време трябва да използвате стойността за опресняване:

Страницата ще се презареди след 30 секунди. За да пренасочите посетителя към друга страница, трябва да посочите URL адреса в параметъра url:

скоби, в които се изписва името на тага. Браузърът разглежда структурата на документа, изгражда го и го показва според неговите инструкции на вашия монитор, ако, разбира се, сте направили всичко правилно.

Целият този процес започва още преди да видите завършената картина. Браузърите обработват документ последователно, от началото до края. Включително всичко, което трябва да има на страницата. Таблици, картини, скриптове и така нататък, с изключение на това, което включва CSS стилове.

Основи за начинаещи

Какво е html - ако погледнете какво пише в Уикипедия - (HyperText Markup Language) език за маркиране на хипертекст за документи. Повечето страници в Интернет съдържат маркиране на страници на този език. Този езикинтерпретиран от браузърите, полученият форматиран текст се показва на монитора на вашия компютър или мобилно устройство.

Този език по своята същност е много лесен и достъпен за научаване. Всеки може да научи и разбере основите му. За да използвате такъв език, трябва да знаете и да използвате дескриптори, които също се наричат ​​тагове. Именно с помощта на тагове се създава документ.

От какво трябва да се състои структурата на документа, какви тагове трябва да присъстват. Нека разгледаме всичко с един малък пример. Написах текст в MS Office и го показах на тази екранна снимка.

За да покажете този текст в браузъра по същия начин, както е написан в документа, трябва да добавите към него маркиране на страницата, което включва някои тагове. Първо ги разгледайте, след това ще опиша всеки кой за какво отговаря.

Добре дошли в моя блог, сега вземате урок по основи на HTML. Ако сте харесали тази статия, можете да се абонирате за този блог, за да получавате нови статии във входящата си поща.

Блог на Евгений Несмелов! уебсайт Основи на html и css за начинаещи

От какви тагове се състои всеки html документ, какво включва и къде трябва да бъде записано?

< html >

< body >

< h2 >< / h2 >

< p >Добре дошли в моя блог, сега вземете урока за основите на HTML. Ако сте харесали тази статия, можете да се абонирате за този блог, за да получавате нови статии във входящата си поща.< / p >

< h2 >Блог на Евгения Несмелов! Несмелов. ru Основи на HTML и CSS за начинаещи< / h2 >

< / body >

< / html >

Всеки код се състои от знаци, поставени в ъглови скоби. Всички те се наричат ​​елементи. Всички елементи обикновено се състоят от два етикета, отварящ и затварящ. Съветвам ви първоначално да разгледате внимателно етикетите; ако пропуснете някой от тях и не го затворите, ще трябва да преразгледате големи части от кода, за да намерите грешката.

Имаше случаи, когато отнема повече от един ден, човек се свързва и моли за помощ, не може да намери грешка в сайта си, така че винаги гледайте много внимателно какво и къде пишете. Нека сега използваме този пример, за да разгледаме всеки елемент от кода, какво е написано в него, какво означава и какво се случва в крайна сметка.

Повечето тагове са сдвоени, което включва отварящ таг и затварящ таг. В допълнение към такива тагове има и единични тагове. Етикетите могат да вървят заедно с други, като по този начин се влагат един в друг. Например, покажете текста едновременно с удебелен шрифт и курсив.

Текст

< strong > < i >Текст< / strong > < / i >

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

Нека ви напомня още веднъж, трябва да следвате правилата, които присъстват в документа. Така браузърът разбира какво има на страницата, нейната последователност, съдържание и т.н.

Тагът е компонент, който казва на уеб браузъра да изпълни определена задача. Например наличието на параграф, таблица, форма или изображение.

Атрибут - променя етикета. Например, можете да подравните абзац центрирано или подравнен вдясно, също така да зададете местоположението на изображението на страницата и т.н.

ВИНАГИ затваряйте етикети, ако го отворите, не забравяйте да го затворите. В противен случай ще възникне грешка и вашият документ няма да се показва правилно на страницата. Има и изключения, които не трябва да се забравят.

Очевидно е необходимо да се разбере, че има заглавие на документа и неговото тяло. Заглавието е всичко, което се съдържа в етикета. Тяло на документа (), тялото на документа съдържа цялото съдържание на страницата. Ако има нужда да оставите част от кода за себе си, като по този начин поставите тези тагове в коментари, маркерът се използва за това. Всичко, което е вътре в такъв таг, служи като коментар и не се възприема от браузърите.

Да започнем с първия. В началото на документа отворих таг и в края го затворих. Този код присъства в абсолютно всеки документ; той казва на браузъра, че всичко поставено между тези тагове е HTML код. Това е коренът на самия документ; всичко, което впоследствие присъства зад този етикет, вече не е включено в документа и не се възприема от браузърите. В самото начало на документа етикетът се отваря и в самия край трябва да се затвори.

Целият раздел на този етикет съдържа цялата техническа информация на документа. Подобно на предишния етикет, главата също трябва да се отваря и затваря в края. Тази информация включва заглавие на страницата, описание, ключови думи на търсачката и кодиране. За кодирането малко по-долу.

Съдържание

< head >Съдържание< / head >

Този етикет е включен в главата и трябва да бъде написан вътре в главата. Този етикет за заглавие е задължителен и трябва да присъства във всеки HTML документ. В допълнение към това, той се появява като заглавие на прозореца на браузъра. Дължината на такова заглавие не трябва да надвишава 60 знака. Текстът на такова заглавие трябва да съдържа максимума пълна информация, което характеризира съдържанието на страницата.

Ако сте написали „Hello World“ в заглавката, това е информацията, която трябва да се показва на страницата и никаква друга. Не бива да мамите хората и търсачките, те не го харесват и по този начин влошавате нещата за себе си. Информацията, съдържаща се в този етикет, трябва да отговаря на съдържанието на вашата страница.

След задължителния таг за заглавие има незадължителен, но също толкова важен мета таг. Този етикет е единичен. Използвайки този таг, вие задавате описание на страницата (description) и нейните ключови думи (keywords).

Освен това мета тагът може да съдържа данни за автора на страницата и други свойства на метаданни. Можете да предотвратите индексирането на цялата страница от търсачките. Поставете автоматична актуализациястраница след 20 секунди или след 5 секунди, последвано от преход към друга страница.

< meta name = "robots" content = "index, follow" >

< meta http - equiv = "refresh" content = "20" >

< meta http - equiv = "refresh" content = "5; url=http://сайт/" >

Може да има няколко такива мета елемента, тъй като те могат да носят напълно различна информация. Други потребители, когато отворят страницата в браузъра, не виждат всички ваши описания; всичко това остава скрито от погледа.

Тагът стил може да се използва и за задаване на стилове на страницата. Ако използвате много различни стилове css, в този случай е препоръчително да ги зададете в отделен файл. Ако трябва да посочите няколко от тях, всичко това може да бъде указано директно в html документа.

.base (ширина: 100px; цвят на фона: #000; височина: 150px; цвят: #fff;)

< style type = "text/css" >

Основа (

ширина: 100px;

фон - цвят : #000;

височина: 150px;

цвят : #fff;

Или добавете стилове специално към един таг; трябва да добавите стилов елемент в самия таг. Този етикет трябва да се използва вътре в контейнер, който задава стилове за страницата. Можете да използвате няколко такива етикета, това няма да е грешка.

Малко подобен на предишния таг, тагът за връзка ви позволява да задавате стилове за документ, който е в друг файл. С други думи, можете да свържете пълна таблица към съществуващ документ css стилове, който се състои от много свойства. По този начин намалявате размера на документа, който в крайна сметка ще се зарежда и отваря по-бързо на компютър или мобилно устройствос ниска скорост на интернет.

Можете да свържете повече от един файл, няма ограничения. Няма нужда да затваряте такъв етикет. Ако всичко е направено правилно, конкретни стилове от отделен файл ще бъдат заредени във вашия документ. Този таг може да се добави към основите на html и да не се забравя за неговото съществуване. Резултатът е такава картина:

< link href = "css/style-lg.css" rel = "stylesheet" >

< link href = "css/style-md.css" rel = "stylesheet" >

< link href = "css/style-sm.css" rel = "stylesheet" >

Използвайки етикета скрипт, можете да свържете различни сценарии (скриптове) към документ. Наличието на затварящ таг е задължително. Самият скрипт може да се намира в началото на документа, вътре или в края.

Казва на браузъра, че всичко поставено между тези тагове трябва да се появи в прозореца на браузъра ви. Ето основните тагове, които могат да присъстват в абсолютно всеки документ. Тагът body служи като основното тяло на страницата, което включва цялото й съдържание. Препоръчително е да отворите този етикет и не забравяйте да го затворите в края на документа.

Заглавия на страници h1 h2 h3

Нека отидем по-нататък, виждаме етикет, който се отваря и затваря по същия начин. Този таг обозначава основното заглавие на текста, в повечето случаи под заглавието H1 е заглавието на страницата. Всъщност има само шест заглавия с данни. . Използват се и в SEO, но това е малко по-различна тема. Определено ще подчертая една статия за това и ще я дамподробно описание

за тях се абонирайте за актуализации на блогове, за да не пропуснете нищо.

Наличието на такива заглавия в статията ще играе важна роля за популяризирането на страницата. Освен това използването им ви дава ясна структура на страницата, нейното заглавие, подзаглавия, акценти, подпараграфи и т.н. Винаги ги използвайте и прилагайте на практика. В много CMS, като WordPress, когато пишете текст, можете да видите „заглавие 1“, „заглавие 2“, „заглавие 3“ и т.н. Те са тези, които отговарят за h1, h2 и h3.

Ако пишете основен текст от нов параграф, пишете етикет

В началото и го затворете в края

. Маркирането на параграф в html е еквивалентно на създаването на нов параграф в документ на MS Word. Не съм добавил нищо ново към документа. Но това не е всичко, което трябва да присъства в един html документ. Нека да разгледаме друг пример, описанието ще дойде малко по-късно.

HTML документ Този текст ще бъде удебелен,

< ! DOCTYPE html >

< html >

< head >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

< title >и този също е в курсив< / title >

< / head >

< body >

< p >

< b >

< / b >

< / p >

< / body >

< / html >

HTML документ

Основни елементи Глава и Заглавие

Всеки документ съдържа глава и заглавен елемент. Първият, който идва веднага след първия таг. Този таг съдържа цялата информация за страницата, съдържа и елемента. Заглавие – информация за заглавието на страницата, с други думи заглавието на страницата, нейното име. В заглавието посочвате правилното име на страницата, с която потребителят ще ви търси чрез търсачката, много важен момент. И двата елемента трябва да са отворени и затворени. Всеки елемент се затваря със знак “/”. Резултатът е подобна снимка.

< / html >

Заглавие&Съдържание на страницата

Както можете да видите, няма нищо сложно. Ето най-основните тагове, които трябва да присъстват във всеки html документ. Не забравяйте да затворите всеки от тях, в противен случай браузърът няма да може да възприеме пълната картина на кода. Трябва да знаете и да помните това винаги. След това започвате да вмъквате текст, снимки, видеоклипове и т.н. Но това вече ще бъде в други статии.

За да работите с кода, използвайте програмата Notepad++. Безплатно е и не е трудно да го намерите в интернет. Много удобен за разбиране на всеки код; също така удобно показва отварящите и затварящите тагове. Ние поддържаме синтаксиса на повече от 40 езика за програмиране. Точно това, от което се нуждаете, за да научите основите на html.

Бележникът превъзхожда във всяко отношение обикновения бележник. За максимално удобство, лекота и учене този редакторПърво трябва да го инсталирате на вашия компютър. Най-важното предимство и удобство е, че редакторът на Notepad++ показва подсказки при писане на код, което прави работата ви много по-бърза и качествена.

DOCTYPE елемент

Всеки документ трябва да съдържа и следния елемент doctype. Защо е необходимо и какво трябва да има в него. Обикновено хората не са много запалени по тези редове, копират ги в документите си и си работят спокойно. Тези елементи казват на браузъра коя версия на html се използва в документа, какво е описанието на страницата, какво кодиране се използва, какви ключови думи са включени, кой е авторът и как се нарича страницата.

Обикновено се поставят в самото начало. Има няколко опции и всички те се различават една от друга, ще напиша един пример, който се използва най-често. Тази заготовка може да се използва като готов шаблон. След това ще има ясно описание на всеки ред, не трябва да има проблеми с това.

Накратко на ясен език за основите на html: Този ред казва на браузъра, че този документ е XHTML версия 1.0, използван английски езики цялата тази бъркотия се намира на този адрес. След това в мета тага посочваме кодирането, което се използва. Най-често използваната е Windows 1251.

Описание - засяга се темата за SEO, един от трите основни тагова, които трябва да присъстват в абсолютно всеки документ; този таг обозначава описанието на страницата. Какво пише на тази страница, кратко описание, не повече от две изречения. Тагът за ключови думи също обхваща темата за SEO, този таг е задължителен. Той съдържа ключови думи, които интернет потребителите ще използват, за да ви намерят чрез търсачките.

Тагът за заглавие съдържа името на самия документ, неговото заглавие, което виждаме в браузъра. Може би най-важният таг в целия документ, който има най-голямо влияние върху популяризирането на страницата. Статията за добавяне и проектиране описва този етикет по-подробно.

С какво трябва да запомните този урокотносно основите на html:

  • Почти всички тагове се отварят и затварят;
  • Документът започва с етикета ;
  • Наличие на етикет;
  • Наличие на етикет;
  • Ясна структура на html документа.

    • Всички главни страници винаги трябва да се наричат ​​индекс. Така е прието и всеки е свикнал, независимо какво е разширението на файла, може да е html или php. Винаги се нарича така.

    Гледайте видеоклип за основите на HTML от Webformyself.

    Език за маркиране на хипертекст, основни елементи и структура. Ще се опитам да опиша всичко това и много повече в моя блог. На първо място, той ще бъде написан за начинаещи полезна информация, е предоставен примерен код и възможност за изтегляне на самия пример заедно с готовата страница.

    Всеки използва интернет и всеки разглежда различни сайтове и вероятно всеки би искал да постави своя уебсайт в интернет, но не е лесно да се направи, има много причини за това. Въпреки това, за да можете да хоствате качествен уебсайт, просто трябва да знаете основите " WEB програмиране“, който е езикът HTML. В тази статия ще разгледаме основните елементи, тагове, атрибути и дори ще напишем първата уеб страница.

    Език за маркиране на хипертекст - "HTML" ( език за маркиране на хипертекст) мнозина отдавна са престанали да го смятат само за език за програмиране. Тъй като самата концепция на HTML включва различни методидизайн на хипертекстови документи, дизайн, хипертекстови редактори, браузъри и много други. Потребител, който е усвоил този език, придобива способността да прави сериозни неща прости методии най-важното, бързо, че в модерен святсмятан за много добър!

    На езика HTML можете да създавате свои собствени мултимедийни продукти и да ги разпространявате на компактдискове, като всички тези продукти, направени под формата на набори от HTML страници, не изискват разработването на специализиран софтуер, тъй като всичко необходимо за работа с данни ( Уеб браузъри) са станали част от стандартния софтуер на повечето персонални компютри.

    • елемент ( елемент) е конструкция на езика HTML. Това е обект, който съдържа данни и позволява те да бъдат форматирани по определен начин. Всяка уеб страница е набор от елементи. Една от основните идеи на хипертекста е възможността за влагане на елементи.
    • Етикет ( етикет) са началните или крайните маркери на елемент. Таговете определят границите на действие на елементите и отделят елементите един от друг. В текста на уеб страница таговете се поставят в ъглови скоби, а крайният етикет винаги е последван от наклонена черта.
    • Атрибут – параметър или свойство на елемент. С други думи, това е променлива, която има стандартно име и може да й бъде присвоен определен набор от стойности: стандартни или произволни. Стойностите на атрибутите на знаците се очаква да бъдат затворени в прави кавички, но някои браузъри ви позволяват да пропуснете кавичките. Това е така, защото типът на атрибута винаги е известен предварително. Атрибутите се намират вътре в началния таг и са разделени един от друг с интервали.
    • Хипервръзката е част от текста, която е указател към друг файл или обект. Хипервръзките са необходими, за да се даде възможност за навигация от един документ към друг.
    • рамка ( рамка) - този термин има две значения. Първата е областта за документи със собствени ленти за превъртане. Втората стойност е едно изображение в комплекс ( анимиран) графичен файл (подобно на кадър от филм). Възможно е и вместо термина „рамка“ в специализираната литература и локализиран софтуерни продуктиМоже да срещнете термина „рамка“ или „рамка“.
    • HTML файл или HTML страница е документ, създаден под формата на хипертекст, базиран на езика HTML. Такива файлове имат разширения htm или html.
    • аплет ( аплет) е програма, прехвърлена на компютъра на клиента като отделен файл и стартирана при разглеждане на уеб страница.
    • Скрипт или скрипт ( сценарий) е програма, включена в уеб страница за разширяване на нейните възможности.
    • Разширение ( разширение) е елемент, който не е включен в спецификацията на езика, но се използва за предоставяне на възможност за създаване на нов и интересен форматиращ ефект.
    • CGI ( Общ интерфейс на шлюза) е общо име за програми, които, изпълнявани на сървър, ви позволяват да разширите възможностите на уеб страниците. Например без такива програми е невъзможно да се създават интерактивни страници.
    • HTML кодът е хипертекстов документ в оригиналната му форма, с видими всички елементи и атрибути.
    • Уеб страницата е документ (файл), изготвен в хипертекстов формат и поставен в По целия святМрежа.
    • уебсайт ( сайт) - набор от уеб страници, разположени на едно място и свързани помежду си.
    • Браузър ( браузър) е програма за преглед на уеб страници.
      • () - копиране на файлове от сървъра на клиентския компютър.
    • URL ( Единен локатор на ресурси) или униформен локатор на ресурси, адресът на някакъв обект в Интернет, т.е. Типичният URL адрес за WWW изглежда така: http://www.name.domain/filename.

    Всички елементи на езика могат да бъдат разделени на три групи. Първият включва елементи, които създават структурата на хипертекстов документ. Използването на такива елементи е необходима формалност, която не може да бъде пренебрегната. Втората група включва елементи, които създават форматиращи ефекти. Тяхното използване е продиктувано от специфичните изисквания към документа, въображението и компетентността на разработчика включва елементи, които ви позволяват да управлявате софтуеринсталиран и работещ на клиентския компютър. Често такива елементи се създават автоматично, когато разработчикът използва хипертекстов редактор или подобна програма, за да вмъкне обект в документ.

    Въпреки че HTML спецификацията е стандарт, към езика се добавят нови елементи ( разширения). Поради това някои уеб страници са по-удобни за разглеждане с определени браузъри. Разширенията се създават само от известни компании, които се развиват софтуерза WWW и обикновените потребители могат да подобрят своите уеб страници с помощта на програмиране. Аплетите ви позволяват да премахнете ограниченията на HTML и да дадете простор на въображението на програмиста.

    HTML версии

    Първата версия на HTML е разработена в началото на 90-те години от Tim BenersLee за един от популярните браузъри Mosaic в миналото. Но по това време нито браузърът, нито самият HTML все още бяха намерили добро приложение. HTML+ се появи през 1993 г. и тази версия също остана почти незабелязана. Но езикът HTML стана широко разпространен благодарение на версия 2.0, която се появи през юни 1994 г. И от този момент нататък популярността на WWW нараства по целия свят. Стандартите, включени във версия 2, са станали толкова утвърдени, че се използват и днес.

    HTML версия 3.0, която се появи около година по-късно, въведе възможността за рисуване на математически символи ( интегрални знаци, безкрайност, дроби, скоби и др.) с помощта на езикови елементи. Но развитието на този проект се забави и не получи по-нататъшно разпространение.

    През 1996 г. се появява HTML версия 3.2. Това беше брилянтно решение; достатъчно е да споменем, че в спецификацията на езика бяха въведени рамки, които сега станаха много популярни сред разработчиците на уебсайтове. Към днешна дата всички браузъри поддържат тази версия на HTML.

    Официална HTML 4 спецификация ( Динамичен HTML) е разработен през 1997 г. По това време вече беше очевидно, че по-нататъшното развитие на хипертекста ще се извърши чрез уеб програмиране. Това се оказа много по-ефективно от въвеждането на нови елементи в езика.

    Структура на уеб страницата

    По-долу е кодът на уеб страницата, който е направен в HTML и използвайки тази страница като пример, ще анализираме нейната структура, но първо копирайте целия код в обикновен текстов бележник и щракнете върху „Запазване като“ и запазете файл с разширение html, т.е. след името write.html

    Структура на уеб документ Отидете до края на документа Заглавие 1 Заглавие 2 Заглавие 3 Заглавие 4 Заглавие 5 Заглавие 6 Първата връзка се намира тукТрябва да се намира тук
    основния текст на уеб страницата.
    И аз например ще вмъкна тук
    няколко трансфера,
    за да можете
    ясно наблюдавайте
    как ти действа
    връзки в документа,
    в противен случай, ако имате голяма резолюция,
    Просто няма да забележите връзките, които се следват

    Нотиране на HTML документ. Един от принципите на езика е многостепенното влагане на елементи. Този елементе най-външният, тъй като цялата уеб страница трябва да се намира между началния и крайния таг. На теория този елемент може да се разглежда като формалност. Той има атрибутите версия, lang и dir, които рядко се използват в този случай, и позволява влагането на HEAD, BODY FRAMESET и други елементи, които определят цялостната структура на уеб страницата. Естествено всички подобни документи завършват с краен етикет.

    < head >

    Областта на заглавието на уеб страница. С други думи, първата му част. Точно както предишния елемент, ГЛАВА служи само за формиране обща структурадокумент. Този елемент може да има атрибути lang и dir.

    < title >

    Елемент за поставяне на заглавие на уеб страница. Текстовият ред, разположен вътре в този елемент, не се показва в документа, а в заглавната лента на прозореца на браузъра. Този елемент значително влияе върху промоцията в търсачката, защото търсачките обръщат специално внимание на тага TITLE. Моят съвет: никога не правете много дълъг текст в този етикет ( 65 знака са достатъчни).

    Този елемент съдържа официална информация, което не се отразява при преглед на уеб страница. В него няма текст в обичайния смисъл, така че няма краен етикет. Всеки META елемент съдържа два основни атрибута, първият от които дефинира типа данни, а вторият дефинира съдържанието.

    < body >

    Този елемент съчетава хипертекст, който дефинира самата уеб страница. Това е видимата част от документа, която се разработва от автоматичната страница и която се показва от браузъра. Съответно, крайният таг на този елемент трябва да се намира в края на уеб страницата. Вътре в елемента BODY можете да използвате всички елементи, предназначени за дизайн на уеб страница. В рамките на началния таг на елемента BODY можете да поставите много атрибути, които служат за настройка на цялата страница. Нека ги разгледаме по ред.

    Един от най-полезните атрибути на този таг, който оказва влияние върху дизайна на страницата, е

    background="път към фонов файл"

    По-простият дизайн на фона се свежда до задаване на неговия цвят

    bgcolor=”#FFFFFF”

    Цветът на фона се определя от три двуцифрени шестнадесетични числа, които определят интензитета на цветовете червено, зелено и синьо (rbg).

    Тъй като можете да промените фона на страницата, можете също да промените цвета на текста. За тази цел има следния атрибут

    текст="#RRGGBB"

    За да зададете цвета на текста на хипервръзките, използвайте следния атрибут

    връзка=”#RRGGBB”

    Можете също да зададете промяна на цвета за последната избрана хипервръзка от потребителя

    Заглавен елемент. Има шест нива на заглавия, които са обозначени по следния начин.
    Заглавие
    Заглавие
    Заглавие
    Заглавие
    Заглавие
    Заглавие

    Заглавие от ниво 1 е най-голямото, а ниво 6 осигурява най-малкото заглавие. За заглавия можете да използвате атрибут, който определя ляво, централно или дясно подравняване:

    align=”left” align=”center” align=”right”

    За да създадете нов параграф, използвайте етикета

    И за преминаване на нов ред без създаване на параграф - таг
    т.е. възниква прехвърляне. Не е необходимо тези тагове да се затварят. Разбира се, ако не използвате в етикета

    Елементът ALIGN, който може да задава подравняване на параграфи:

    наляво

    Центрирано

    вярно

    Текстът между тези елементи е подравнен по ширина

    Хоризонтална линия ( хоризонтално правило) е много често срещан елемент. Първо, защото прави много лесно и удобно разделянето на страница на части. Второ, защото авторът на страницата има много малък избор от такива дизайнерски елементи. Елементът няма краен таг, но има редица атрибути за ляво, централно, дясно, подравняване:

    • подравняване="наляво"
    • подравняване="център"
    • подравняване=”надясно”
    • align=”justify”

    Един HTML документ може да бъде много тромав и не много удобен за потребителя, който трябва бързо да премине към желаната част от документа. За да направите това, можете да използвате механизма за хипервръзки. За да направите това, поставете съответните знаци на правилните места в текста.

    Свободен текст

    В този случай на даден ред от документа се дава име и следователно може да се създаде хипервръзка в друга част на документа или дори в друг документ, водеща до този етикет.

    За да вмъкнете изображения ( снимки) в HTML документ се използва следният таг ( предоставя пълно описание на атрибутите на този етикет):

    Списъци

    (списък) са разработени в HTML, без съмнение повлияни от успеха на текстовите редактори. Списъкът се различава от обикновения текст преди всичко по това, че потребителят не трябва да мисли за номерирането на неговите елементи: HTML поема тази задача. Ако списъкът се допълва с нови позиции или се съкращава, номерирането продължава автоматично. В случай на неномерирани списъци, HTML предхожда всеки елемент с маркировки: кръгове, правоъгълници, диаманти и други изображения. В крайна сметка списъкът придобива приличен вид. Има две групи такива тагове: някои определят общия вид на списъка ( и ви позволяват да зададете атрибути), докато други уточняват вътрешната му структура. Можете да използвате стандартни атрибути в списъците. Има няколко вида списъци.

    Най-често срещаният е неномерираният списък ( неподреден списък). Тя е представена по-долу:

    • Елемент от списък 1
    • Елемент от списък 2
    • Елемент от списъка 3

    Елементът ul е вид подчертаване на списък. Позволява ви да отделите един списък от друг. Елементът li представлява всеки от елементите.

    Маси

    Те са едно от най-необходимите средства за форматиране на данни в уеб страница. Основното удобство е, че браузърът се грижи за изчертаването на цялата таблица. Размерът на рамката може автоматично да се регулира според размера на прозореца на браузъра и, разбира се, към размера на редовете текст и картини в клетките на таблицата. Освен всичко друго, таблиците ви позволяват да решавате много дизайнерски задачи: подравнете части от страницата една спрямо друга, поставете картини и текст един до друг, контролирайте цветовата схема и т.н. При създаването на таблици се прилага принципът на влагане: вътре в основния елемент на таблицата (TABLE) се създават редица елементи, които определят редове (TR), а вътре в тези елементи има елементи, които описват всяка клетка в реда (TD, TH).

    За да разберете структурата на съществуваща таблица или да разработите нова таблица, има едно правило, че последователността от елементи описва таблицата отгоре надолу и отдясно наляво. Например, ако елемент TABLE е последван от TR елемент, това показва, че се дефинира нов ред на таблица. Всичко зад този елемент ще бъде поставено на един ред (от дясно на ляво). Това може да бъде последователност от TD елементи ( клетки), друга маса и така нататък. След като се появи новият TR елемент, описанието ще започне следващ реди т.н. до края на таблицата (таг).
    Таблицата може да бъде подравнена хоризонтално с помощта на атрибута align:

    • align="left" - ляво;
    • align="center" - в центъра;
    • align="right" - надясно.

    Ширината на таблицата може да бъде зададена точно в пиксели или като процент от ширината на страницата в прозореца на браузъра. Например: ширина=400 или ширина=50%

    Два атрибута се използват за управление на външния вид на рамката. Факт е, че браузърът създава изображение на рамката, симулирайки нейната триизмерност ( изпъкнал), използвайки разлики в осветеността на лицата

    Сценарии

    Почти всички уебмастъри искат страниците на сайта им да имат модерна визия, да са многофункционални, красиви и динамични. Това е невъзможно със стандартните HTML инструменти, затова се използват различни инструменти: аплети, обекти, каскадни стилови таблици и т.н. Но най-популярният и широко разпространен тип ( рецепция) е използването на скриптове.

    Скриптът е програмен код, който е включен като изходен текст в страница и се изпълнява от браузъра, когато страницата се преглежда. Скриптът може да бъде написан на JavaScript, разработен от Netscape, или на Visual Basic Script ( VBScript), разработен от Microsoft.

    Този етикет ви позволява да отделите текста на програмата на скрипта от друга информация за страницата. Тагът SCRIPT трябва да включва езиков атрибут, който указва езика и може да приема следните стойности:

    • javascript - код в JavaScript;
    • vbscript - код на езика VBScript.

    Атрибутът type може също да показва типа език, въпреки че използването му не е задължително. За да не нарушавате всички правила, можете да поставите следната дефиниция вътре в елемента:

    тип="текст/javascript"

    Една от най-готините функции на скриптовете е възможността да се променя съдържанието на страница в резултат на изпълнение на програмата. Но това е само характеристика, а не правило. С помощта на атрибута defer (който не приема никакви стойности) можете да „кажете“ на браузъра, че такива промени няма да бъдат направени. В някои случаи това позволява на страницата да се зареди по-бързо.

    От стандартните атрибути можете да използвате атрибута charset.

    Етикет SCRIPT ( или редица такива елементи) може да се намира или в елемента HEAD, или в елемента BODY. Ако скриптът е в елемента BODY, също е възможно някой браузър, който не поддържа елемента SCRIPT, да възприеме програмния код като обикновен текст и да го покаже на екрана. За да предотвратите това да се случи, кодът на скрипта се въвежда като коментар:

    —
    —
    —

    Всички съвременни браузъри разпознават тази техника и игнорират знаците в коментарите. Ако трябва да въведете коментар в текста на скрипта, тогава се използва различна нотация за това: две наклонени черти // се въвеждат в началото на реда.
    Кодът на скрипта се изпълнява при зареждане на страницата, т.е. когато съдържанието му все още се вижда на екрана. По-долу е даден пример за най-простия сценарий ( показване на съобщение в прозореца).

    —
    —
    —
    - Просто сценарий
    —
    - предупреждение ("Написахте първия си скрипт!")
    —
    —
    —
    —

    Това е проста страница, но включва едноредов скрипт. Използвайки метода за предупреждение, се показва съобщение преди зареждане. И ще виси, докато потребителят щракне върху бутона OK, изтеглянето няма да продължи.
    Възможно е страницата да се разглежда в браузър, който не поддържа скриптове; за това е предвиден елементът NOSCRIPT. Съвременните програми за гледане игнорират съдържанието му. Този елемент може да се използва по няколко начина. Като начало можете да покажете реклама вътре в него като следното: “ Вашият браузър не може да изпълни скрипта, необходим за преглед на тази уеб страница!»Второ, вътре в елемента можете да разработите опростена версия на страницата, без скриптове. Трето, можете да създадете връзка към друг HTML документ. Елементът NOSCRIPT трябва да има краен етикет.

    Така че разгледахме основите на такъв език за уеб програмиране като HTML. Дори след като прочетете тази кратка статия, вие вече имате представа и дори възможност да програмирате на този език. Успех ти пожелавам!

    HTML (H ypert ext M arkup L jezik) е кодът, който се използва за структуриране на уеб страница и нейното съдържание. Например, съдържанието може да бъде структурирано в рамките на набор от абзаци, списък с точки с водещи символи или използване на изображения и таблици с данни. Както подсказва заглавието, тази статия ще ви даде основно разбиране за HTML и неговите функции.

    И така, какво е HTML?

    HTML не е език за програмиране; това е а език за маркиранекойто определя структурата на вашето съдържание. HTML се състои от поредица от елементи, които използвате, за да оградите или обвиете различни части от съдържанието, за да изглежда то по определен начин или да действа по определен начин. Ограждащият ", и че в празните елементи крайният таг не е нито задължителен, нито разрешен. Ако атрибутите не са споменати, стойностите по подразбиране се използват във всеки случай.">таговете могат да направят дума или изображение хипервръзка към някъде другаде, могат да наклонят думи, може да направи шрифта по-голям или по-малък и т.н. Например вземете следния ред съдържание:

    Котката ми е много сърдита

    Ако искахме редът да стои сам, бихме могли да уточним, че това е абзац, като го оградим в тагове за абзаци:

    Котката ми е много сърдита

    Анатомия на HTML елемент

    Нека проучим този параграфен елемент малко по-подробно.

    Основните части на нашия елемент са както следва:

  • Отварящият таг: Състои се от името на елемента (в този случай p), обвит в отварящи и затварящи ъглови скоби. Това посочва къде елементът започва или започва да влиза в сила - в този случай където започва параграфът.
  • Затварящият таг: Това е същото като отварящия таг, с изключение на това, че включва a наклонена чертапреди името на елемента. Това посочва къде завършва елементът - в този случай къде завършва абзацът. Липсата на добавяне на затварящ етикет е една от стандартните грешки за начинаещи и може да доведе до странни резултати.
  • Съдържанието: Това е съдържанието на елемента, което в този случай е просто текст.
  • Елементът: Отварящият таг, затварящият таг и съдържанието заедно съставят елемента.

    • Елементите могат също да имат атрибути, които изглеждат по следния начин:

    Атрибутите съдържат допълнителна информация за елемента, който не искате да се показва в действителното съдържание. Тук класът е атрибутът имеи редакторска бележка е атрибутът стойност. Атрибутът клас ви позволява да дадете на елемента идентификатор, който може да се използва по-късно за насочване към елемента с информация за стила и други неща.

    Един атрибут винаги трябва да има следното:

  • Интервал между него и името на елемента (или предишния атрибут, ако елементът вече има един или повече атрибути).
  • Името на атрибута, последвано от знак за равенство.
  • Стойността на атрибута, обвита с отварящи и затварящи кавички.

    • Забележка: Прости стойности на атрибути, които не съдържат ASCII интервал (или някой от знаците " " ` =< >) може да остане без кавички, но се препоръчва да поставите в кавички всички стойности на атрибути, тъй като това прави кода по-последователен и разбираем.

    Вложени елементи

    Можете да поставите елементи и в други елементи - това се нарича влагане. Ако искаме да кажем, че нашата котка е много сприхава, можем да обвием думата "много" в елемент, което означава, че думата трябва да бъде силно подчертана:

    Котката ми е много сърдита.

    Трябва обаче да се уверите, че вашите елементи са правилно вложени. В горния пример отворихме

    първо елемент, след това елемент; следователно първо трябва да затворим елемента, а след това

    елемент. Следното е неправилно:

    Котката ми е много сърдита.

    Елементите трябва да се отварят и затварят правилно, така че да са ясно вътре или извън един друг. Ако те се припокриват, както е показано по-горе, вашият уеб браузър ще се опита да направи най-доброто предположение за това, което се опитвате да кажете, което може да доведе до неочаквани резултати. Така че не го правете!

    Празни елементи

    Някои елементи нямат съдържание и се наричат ​​празни елементи. Вземете елемент, който вече имаме в нашата HTML страница:

    Това съдържа два атрибута, но няма затварянеетикет и без вътрешно съдържание. Това е така, защото елементът на изображението не обвива съдържанието, за да го повлияе, а целта му е да вгради изображение в HTML страницата на мястото, където се показва.

    Анатомия на HTML документ

    Това обобщава основите на отделните HTML елементи, но те не са удобни сами по себе си. Сега ще разгледаме как отделните елементи се комбинират, за да образуват цяла HTML страница. Нека преразгледаме кода, който поставихме в нашия пример за index.html (с който се запознахме за първи път в статията Работа с файлове):

    Моята тестова страница

    Тук имаме следното:

    • - типът на документа. Изисква се преамбюл. В мъглата на времето, когато HTML беше млад (около 1991/92), doctypes имаше за цел да действат като връзки към набор от правила, които HTML страницата трябваше да следва, за да се счита за добър HTML, което може да означава автоматична проверка на грешки и други полезни неща. В днешно време обаче те не правят много и са необходими само за да се уверите, че документът ви работи правилно. Това е всичко, което трябва да знаете за момента.
    • - елементът. Този елемент обвива цялото съдържание на цялата страница и понякога е известен като основен елемент.
    • - елементът. Този елемент действа като контейнер за всички неща, които искате да включите в HTML страницата, която не есъдържанието, което показвате на зрителите на вашата страница. Това включва неща като ключови думи и описание на страницата, които искате да се показват в резултатите от търсенето, CSS за стилизиране на нашето съдържание, декларации за набор от символи и други.
    • - Този елемент задава набора от знаци, който вашият документ трябва да използва на UTF-8, който включва повечето знаци от по-голямата част от писмените езици. По същество той вече може да обработва всяко текстово съдържание, което можете да поставите върху него. Няма причина да не зададете това и може да помогне за избягване на някои проблеми по-късно.
    • - елементът. Това задава заглавието на вашата страница, което е заглавието, което се появява в раздела на браузъра, в който е заредена страницата. Използва се и за описание на страницата, когато я маркирате/означавате като любима.
    • - елементът. Това съдържа всичкисъдържанието, което искате да показвате на уеб потребителите, когато посещават вашата страница, независимо дали това е текст, изображения, видеоклипове, игри, възпроизвеждани аудио записи или каквото и да е друго.
    Изображения

    Както казахме преди, той вгражда изображение в нашата страница в позицията, в която се появява. Той прави това чрез атрибута src (източник), който съдържа пътя до нашия файл с изображение.

    Включили сме и алтернативен атрибут. В този атрибут посочвате описателен текст за потребители, които не могат да видят изображението, вероятно поради следните причини:

  • Те са с увредено зрение. Потребителите със значителни зрителни увреждания често използват инструменти, наречени екранни четци, за да им прочетат алтернативния текст.
  • Нещо се е объркало и изображението не се показва. Например, опитайте умишлено да промените пътя във вашия src атрибут, за да го направите неправилен. Ако запазите и презаредите страницата, трябва да видите нещо подобно на мястото на изображението:

    • Ключовите думи за алтернативен текст са "описателен текст". Алтернативният текст, който пишете, трябва да предостави на читателя достатъчно информация, за да има добра представа какво предава изображението. В този пример текущият ни текст на „Моето тестово изображение“ изобщо не е добър. Много по-добра алтернатива за нашето лого на Firefox би било „Логото на Firefox: пламтяща лисица, обграждаща Земята“.

    Опитайте сега да измислите по-добър алтернативен текст за вашето изображение.

    Маркиране на текст

    Този раздел ще покрие някои от основните HTML елементи, които ще използвате за маркиране на текста.

    Заглавия

    Заглавните елементи ви позволяват да посочите, че определени части от вашето съдържание са заглавия или подзаглавия. По същия начин, по който една книга има основно заглавие, заглавия на глави и подзаглавия, HTML документ също може. HTML съдържа 6 нива на заглавие, – , въпреки че обикновено ще използвате най-много 3 до 4:

    Моето основно заглавие Моето заглавие от най-високо ниво Моето подзаглавие Моето подзаглавие

    Сега опитайте да добавите подходящо заглавие към вашата HTML страница точно над вашата елемент.

    Забележка: Ще видите, че вашето заглавие ниво 1 има имплицитен стил. Не използвайте заглавни елементи, за да направите текста по-голям или удебелен, защото те се използват за достъпност и други причини, като например SEO. Опитайте се да създадете смислена последователност от заглавия на страниците си, без да прескачате нива.

    Списъци с абзаци

    Голяма част от съдържанието на мрежата е списъци и HTML има специални елементи за тях. Списъците за маркиране винаги се състоят от поне 2 елемента. Най-често срещаните типове списъци са подредени и неподредени списъци:

  • Неподредените списъци са за списъци, при които редът на елементите няма значение, като например списък за пазаруване. Те са обвити в a
      елемент.
    • Подредените списъци са за списъци, при които редът на елементите има значение, като например рецепта. Те са обвити в елемент.

      • Ако се затрудните, винаги можете да сравните работата си с нашия готов примерен код в GitHub.

      Тук ние само надраскахме повърхността на HTML. За да научите повече, отидете на нашата тема.

      HTML е езикът за маркиране на хипертекст, който направи интернет това, което познаваме и обичаме. Благодарение на този прекрасен инструмент сайтовете изглеждат красиви и модерни, а също така осигуряват лекота на използване. HTML просто подрежда елементите на уеб страница в удобен за потребителя формат. Работата му е сравнима с това, което правят хора като MS Word или OpenOffice. Те превръщат безлика маса от букви в документ, който съдържа параграфи, удебелен текст, курсив, таблици и дори изображения. Езикът HTML прави приблизително същото, с единствената разлика, че документите му се показват в браузъра, а възможностите на този инструмент са много по-широки от тези на текстов редактор. Таговете се използват за маркиране - специални команди, които описват структурата на уеб страница. Те са оградени в ъглови скоби - за да може браузърът да ги различи от по-голямата част от текста. След това ще разгледаме основите на HTML за начинаещи.

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

      Начинаещите, които току-що са тръгнали по пътя към изучаването на HTML, често започват работата си с програми, които ви позволяват да създавате уебсайтове без никакви познания. В тях можете просто да подредите елементи на екрана така, както ще бъдат показани в браузъра. Изглежда, че това е източникът на вечна благодат, която ви позволява да се отървете от повечето уеб разработчици. Но не всичко е толкова просто, тъй като визуалните редактори имат много недостатъци, които правят невъзможно използването им в сериозни проекти.

      Всички тези програми създават много ненужни тагове, които правят крайната страница тромава и неоптимална. Разбира се, в нашата епоха на високоскоростен интернет това е по-малко важно от преди, но има редица причини, поради които един кратък и добре написан уебсайт се оказва по-практичен от своя аналог, създаден във визуален редактор. Уеб страница, направена в такава програма, ще бъде лошо обработена от роботите за търсене, тъй като всеки килобайт код е важен за тях, а обемистият и нелогичен код с куп едва ли ще отговаря на техния вкус. Освен това редакторите често изостават от времето, стават неподходящи и изразходването на ресурси за тяхното развитие е непрактично, тъй като никой професионалист не използва тези продукти. Следователно всеки, който иска да работи в индустрията за разработка на уебсайтове, трябва да знае основите на HTML.

      Етикети

      Както бе споменато по-горе, таговете описват структурата на уеб страница в браузъра. Повечето от тях имат отварящ и затварящ етикет, но не всички. Например ..., където вместо точки има съдържание. Първият показва къде започва тагът, а вторият го затваря. Вътре може да има други елементи за маркиране на страници; те могат да бъдат вложени един в друг като кукла. Важно е да затваряте таговете своевременно, така че страницата да се показва правилно.

      Има и единични тагове, които не трябва да се затварят. При тях съдържанието се намира вътре, както може да се напише за повечето HTML тагове, и задава свойствата на елемента. Той е посочен в отварящия таг и изглежда по следния начин: attribute="...", където вместо точки има стойността на атрибута. Познаването на тагове е първото и най-важното важна стъпкада овладеят HTML. Основите на това изкуство също включват разбиране на структурата на уеб страница.

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

      Всеки HTML документ има съответно разширение, например Index.html. По този начин браузърът може да разбере с какво има работа и да покаже страницата правилно. Препоръчително е да съхранявате всички файлове, използвани за създаване на уебсайт в една директория, което ще улесни живота ви много в бъдеще. Основите на хипертекстовия език за маркиране HTML изискват ясно разбиране на структурата на документа. Започва с таг, който казва на браузъра версията на HTML, която се използва в този документ. включено в моментаПетата версия на езика е актуална, така че няма нужда да измисляте нищо тук; можете спокойно да вмъкнете горния таг в началото на всяка страница.

      След това има основните сдвоени структури, които съставляват „скелета“ на сайта. Първият таг, в който са вложени всички останали, е .... Всичко извън него не се разпознава от браузъра като уеб страница, така че той отваря документа и го затваря. Този етикет е задължителен за всеки документ. Той също така съдържа още няколко необходими етикета, които ще бъдат разгледани по-долу.

      Глава

      Вътре в етикета ... има техническа информация, която няма да се появи на страницата, но въпреки това е важна част от HTML документа. Тук се полагат основите на сайта; тук се избира кодировката и се въвежда името на страницата. Съдържа се в задължителен таг.... Заглавието се показва в горната част на браузъра, където можете също да поставите малка икона, която характеризира съдържанието на страницата. Препоръчително е незабавно да посочите кодирането на документа за правилното му показване. Това може да стане с помощта на етикета. Мета таговете предоставят информация за структурата на страницата и обикновено се намират вътре в главата.

      Връзка

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

      Тяло

      Именно в тази част на HTML документа се създава видимата част на страницата. Всичко, което се прави вътре в "тялото", ще бъде показано от браузъра. В използвани огромно количество HTML тагове. Основите са форматиране на текст, работа с връзки и основни инструменти за структуриране на уеб страница. За да започнете работа в HTML, просто трябва да знаете основните тагове и да можете да ги използвате. По-долу са най-популярните:

    • Заглавие: Операционни системи
    Споделете