HTML команди за създаване на уеб сайтове

Съкращението HTML означава като HyperText Markup Language. HTML не е език за програмиране, той е език за маркиране.

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

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

Основни HTML команди

Списъкът с HTML команди е много голям. Но основното не е толкова много. За да започнете да пишете код, се нуждаете от редактор. Можете да използвате Notepad. Препоръчително е да използвате Notepad ++. Той изглежда така.

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

HTML има затварящи и не-затварящи се тагове. Също така на този език има идеята за гнездене. Всеки обект в кода е елемент. Елементът има етикет за отваряне, който покрива и съдържанието. Освен това етикетът има свои собствени допълнителни атрибути със свои собствени стойности.

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

свободен край задължително. Винаги е необходимо да пишете. Но не е необходимо да го затворите. Според стандартите е необходимо, но ако не затворите, тя все още ще работи.

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

Тези HTML команди са скелет за страницата. Те са задължителни. Те също се затварят.

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

Разделът за услугата показва:

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

Стилът на стилове се свързва по следния начин:

Файлът на скрипта е както следва:

Текстът трябва да има заглавие. Ние го уточняваме по следния начин:

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

Етикети за текст

Текстът трябва да се постави в маркера на абзаца. Обозначава се като

текст

Можете да направите текста, както в Словото:

• курсивен
• смел текст
• пресечен текст
• подчертан текст

Текстът може да бъде оформен. Ще ги разгледаме в края, след като прегледахме другите елементи.

Използване на заглавки

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

Пример на фигурата.

Имайте предвид, че се препоръчва да използвате само един хедър h1. В този случай тя трябва да съответства на маркера

Използване на изображения

Изображенията са неразделна част от уеб страниците. Примерът показва как можете да вмъкнете снимка.

Както можете да видите, примерът показва подробно как и какво се нарича.

Използване на връзки

Ако изучавате HTML команди, трябва да знаете препратките на маркерите. Това е един от основните елементи, които съставляват Световната мрежа.

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

В горния пример можете да видите, че вместо текста на връзката се показва картина. Това означава, че можете да поставите текст и картина.

Връзките могат също така да бъдат форматирани чрез класове на стилове или общи етикети (курсив, удебелен шрифт, подчертаване и изтриване).

Използване на таблици

Таблиците също се използват много често. Първоначално те трябваше да представят информация в удобна форма. Но тогава те ги използват, за да поставят различни елементи от страницата.

Таблицата е създадена, както следва:

Клетъчен текст

Клетъчен текст

Клетъчен текст

Клетъчен текст

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

Структурата е означена по следния начин. Маркерът tr е низ. Маркирайте td клетката. И всички заедно е маса.

Таблицата може да бъде подравнена. Това се извършва, като се използва подравняващият атрибут, който може да отнеме три стойности: Ляво, Център, Вдясно. Пример за използване е посочен по-долу.

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

Използване на списъци

Използвайки HTML команди, можете да създадете различни видове списъци. Почти точно същото като в редактора на Word.

В Html има подредени и неподредени списъци (маркирани). Пример за такъв списък.

Резултатът ще бъде:

• Първият
• Вторият
• Третият

Подредените списъци се създават по същия начин, но само вместо

, използвайте маркера
.

Тук можете също да зададете изходния тип на списъка:

• "1" - арабски номера 1, 2, 3 ...
• "А" - главни букви A, B, C ...
• "А" - малки букви a, b, c ...
• "I" - големи римски номера I, II, III ...
• "I" - малките римски номера i, ii, iii ...

Арабските цифри се показват стандартно.

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

Използване на стилове

HTML командите за сайта са много разнообразни, но те всички следват стиловете. Стилове могат да се посочат като файл в главата: или да предпише готов стил.

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

Представете си, че имате 20 страници HTML и сте решили да направите заглавката 2 пиксела по-голяма. Ако имате всичко в стиловата листа, трябва само да я редактирате там. Ако навсякъде поотделно, тогава трябва да актуализирате всичките 20 страници.

Можете да посочите само една страница, както следва.

Този метод не се препоръчва.