HTML тагове, за да създадете списък със сайтове от най-основните

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

Html за структурата на документа тагове

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

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

Е, тялото е в тялото на страницата. Тук вече пишем това, което е пряко показва на екрана. След това, ние просто погледнете на етикетите, които се използват в тялото на страницата.

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

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

Например, създаване на три точки. Един от тях е проста, във втория текст е с удебелен шрифт, а третият - е подчертана.

Е част от текста в абзаца симулират попълване


Е част от текста в абзаца симулират попълване


Е част от текста в абзаца симулират попълване

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

Тагове за изображения (снимки)

За снимките има само един майстор маркер - IMG. А той, от своя страна, само един задължителен параметър - SRC. което означава, че пътят до файла. Всичко останало може да се регулира чрез CSS. В действителност, информация относно поставянето на снимки, както писах тук. Е, тук е един пример за поставяне:

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

HTML тагове, за да създадете списък със сайтове от най-основните

Катинка промяна размер чрез използване на широчината и височината атрибути. но оптимално все още да го направи чрез CSS. Но в допълнение към тага IMG в HTML5 появи тагове, които по някакъв начин помагат да се направи снимка. Тази цифра и figcaption. Това е цифрата и подписа с него. Обща площ на прилагане на тези тагове е по-широко, но ние ще разгледаме примера на снимката:



турне

Е, няколко CSS линии:

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

HTML тагове, за да създадете списък със сайтове от най-основните

Етикети за връзки

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

Списъци на уеб страници

С списъци твърде просто. Има 2 вида списъци - водещи символи и номерирани. Разликата само във външния вид на Enumerator. Това означава, че броят им е или просто маркери.

А номериран списък се създава етикет ол. и себе си елементи, маркирани Ли. В този етикет, можете да сложите произволен брой други тагове и никакво съдържание.


  1. Премахване на масата

  2. приготвят храна

  3. Отиди на футбол

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

Списък с водещи символи, съответно, е създаден с помощта на ул маркер. и вътре в нея, все едно Ли.

За да научите как да се направи от един списък с помощта на CSS, можете да прочетете тук.

Подробности за маркери за маса съм писал тук. Говорейки за кратко, това е така:

  1. маса - на контейнера за месо;
  2. TR - номер на масата, също така служи като контейнер;
  3. TD - една клетка се поставя тук съдържание;

Да се ​​създаде проста маса:










клетка 1 клетка 2
клетка 1 клетка 2

Е, след малко CSS аз го предназначена:


Ако вие не разбирате, какво CSS, а след това да поканя в същото време, за да прочетете тази статия. Скоро всичко ще стане ясно.

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


Потребителско име:

парола:

Съгласен съм с правилата


Основни елементи на формата:

  1. форма - директно образуване на контейнер, който се поставя във всички области. За да се формира правилна работа, е необходимо да се предпише за действие и метод на атрибути. но тя вече работи с език PHP.
  2. вход - поле на формуляр, как точно ще бъде, това зависи от стойността на типа атрибут. Например, текст - поле за въвеждане на обикновен текст, парола - полето за парола квадратчето - кърлеж, да представи - бутон бутона. Разбира се, това не е всичко на ценностите, но други подробности ще напиша отделна статия за формата (скоро ще бъде).
  3. Ами и допълнителни елементи. В нашия случай, този текст и нов ред.

Възможни форми, особено с навлизането на HTML5, стават много големи. Можете да направите неограничен брой полета в тях, да ги маркирате като необходими, определени модели и т.н. Отново, всичко това някак си пиша отделно.

Блок и долните елементи

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

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

текст

текст

текст

текст
текст
текст



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

Можете също така да се интересуват от