Как работи HTML - Основна концепция на HTML с различни етикети

Съдържание:

Anonim

Въведение в начина на работа на HTML:

HTML е базиран на тагове език, използван за разработване на уеб страници; HTML означава Hyper Text Markup Language. Хипертекстът се отнася до начина, по който уеб страниците са свързани. По този начин връзката, налична на уеб страница, се нарича Hypertext. Това е език за маркиране, който е тагове, показва на браузъра как страницата ще бъде изобразена на него. Той е разработен от Berners-Lee в края на 1991 г., но „HTML2.0” е първата стандартна спецификация, публикувана през 1995 г. По-късно многото му версии на HTML дойдоха като HTML 4.0, като най-новата версия е HTML5.0, която е много известна отпред край на уебсайтовете.

Структура как работи HTML страницата:



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html

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

По-горе тагът обхваща целия документ на езика за програмиране на HTML, включва заглавието на документа, което е представено от … и тялото на документа, което е представено от … тагове.

head tag представлява заглавката на документа, която може да запазва други HTML маркери като и т.н.

този маркер се използва вътре в маркера, за да напише заглавието на документа.

tag представлява тялото на документа, което съхранява други HTML маркери като,

,

и т.н.

Различни етикети на HTML произведения и тяхното описание:

  • :

Заглавният маркер използва за създаване на разновидности на примера на заглавието, даден по-долу



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

продукция

Заглавие 1
Заглавие 2
Заглавие 3
Заглавие 4
Заглавие 5
Позиция 6

  • :

Това е маркер за абзац, може да се разбере по-добре от примера, даден по-долу.



Paragraph Example

Това е първи абзац от текст.

Това е втори абзац от текста.

Това е трети абзац от текста.

продукция

Това е първият параграф на текста.
Това е вторият параграф на текста.
Това е третият параграф на текста.

  • :

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

  • :

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

  • :

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

  •  :

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



Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

 

 

Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing


Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

продукция

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

    За отпечатване на единично пространство това се използва в HTML.

    • Свойства на етикетите:

    Можем да зададем свойството на ниво маркер Пример, даден по-долу



    Align Attribute

    Ляво подравнено

    Център подравнен

    Дясно подравнено

    продукция

    Ляво подравнено
    Център подравнен
    Дясно подравнено

    Основни атрибути на HTML

    Има няколко основни атрибута, които са били използвани с почти всички HTML елементи, които следват

    • Документ за самоличност
    • Заглавие
    • клас
    • Тип

    1) Id:

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

    Това е първи параграф, който обяснява какво е HTML как да го използвате

    Този втори параграф, който обяснява какво е Cascading Style Sheet и как да го използвате

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

    2) Заглавие:

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



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    продукция

    Спи от дълго време

    Ако се опитаме да преведем курсора си над „Спящ от дълго време“, ще видим, че каквото и заглавие да сме използвали в нашия код, излиза като подсказка на курсора.

    3) Клас:

    Атрибутът клас се използва за свързване на елемент със стилен лист и указва класа на елемента. Ще научим повече за използването на атрибута клас, когато ще научим Cascading Style Sheet (CSS). Основната му употреба в CSS. Стойността за този атрибут може също да бъде разделен с интервал списък от имена на класове. Примерът е даден по-долу -

    class = "className11 className12 className53"

    4) Стил:

    Използва се за писане на правилото за каскаден стил на ниво елемент, може да бъде обяснено по-добре с примера, даден по-долу



    The style Attribute

    Това е стил пример текст, той е червен цвят …

    продукция

    Това е пример за стил, той е червен цвят …

    Заключение - Как работи HTML:

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

    Препоръчителни статии

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

    1. Приложения на HTML
    2. HTML5 срещу XHTML
    3. Въпроси и отговори за интервю с HTML5
    4. Cheat Sheet HTML
    5. HTML стилове на списък