КомпютриПрограмиране

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

HTML акроним стои като HyperText Markup Language. HTML - това не е език за програмиране, е езикът на мястото на маркиране.

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

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

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

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

Предимството е, че в специален редактор тагове, които са подчертани в различни цветове, в зависимост от категорията. Команди за създаване на HTML сайт в Notepad или всяка друга програма на едни и същи. Разговорите са навсякъде едни и същи. Development Environment - е само инструмент.

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

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

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

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

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

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

В секцията услуга, гласи:

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

стил на файла е включена тук, както следва:

<Връзка относителен = "стилове" HREF = HTTP: // сайт тип /article/256185/%E2%80%9Cstyle.css%E2%80%9D = "текст / CSS">

скриптов файл, както следва:

<Тип скрипт = "текст / JavaScript " SRC = "HTTP: // сайт /article/256185/main.js">

В текста трябва да бъдат позиция. Неговата точка на това:

<Заглавие> Заглавие страница

Този текст ще се появи в заглавието на раздела браузър. Също така, това заглавие е получена в резултат на издаването на търсачката.

Етикети за форматиране на текста

Текстът трябва да бъде поставен в маркера на параграфа. Той се нарича

текст . За текст, можете да използвате и <педя> низ .

За да се направи текст може да бъде, както е в "Словото":

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

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

Използване на дял

Има и други важни HTML-команда. заглавията задължително се използват за създаване на сайтове. Те са определени с помощта на тага

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

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

Имайте предвид, че е препоръчително да се използва само един h1 заглавие. В този случай, той трябва да съвпада с етикет <заглавие> на. Разбира се, можете да посочите 200 хедъри h1, но след това ще бъде наказан от търсачките.

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

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

Както можете да видите, примера, показан в детайли как и какво да кажа.

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

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

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

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

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

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

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

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

<Ширина маса = "100%" граничен = "1">

клетка текст

клетка текст

клетка текст

клетка текст

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

Структурата е показан, както следва. Tr етикет е низ. Tag TD клетка. И всички заедно - една маса.

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

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

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

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

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

<Ул>

  • Първият

  • втори

  • Трето

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

    • първи
    • втори
    • трета

    списък тип

    Кодът на езика HTML

    Под формата на кръг

    <Тип Ул = "диск">

  • ...

  • В кръг

    <Тип Ул = "кръг">

  • ...

  • На квадратните маркери

    <Тип Ул = "квадратен">

  • ...

  • Подредените списъци са създадени по същия начин, но вместо <ул>, използвайте тага <ол>.

    Можете също така да определите типа на изходния списък:

    • "1" - арабските цифри 1, 2, 3 ...
    • "А" - главни букви A, B, C ...
    • "А" - малки букви A, B, C ...
    • "I" - големите римски цифри I, II, III, ...
    • "I" - малки римски цифри I, II, III, ...

    На стандартния изход на арабските цифри.

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

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

    HTML-команди за сайта са много различни, но всички те се подчиняват стилове. Стилове може да бъде определен в досие под глава: <линк относителна = "стилове" HREF = HTTP: // сайт тип /article/256185/%E2%80%9Cstyle.css%E2%80%9D = "текст / CSS" > или предпише готов стил.

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

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

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

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

  • Similar articles

     

     

     

     

    Trending Now

     

     

     

     

    Newest

    Copyright © 2018 bg.delachieve.com. Theme powered by WordPress.