Остановимся на Сайте как таковом. Ранее было сказано, что Сайт - это совокупность всех данных, переданных через протокол htpp и бла-бла т.д. Но сейчас мы рассмотрим любую статичную страницу на html в интернете
На всех курсах обучения и самообучения всегда начинают с объяснения про теги, table и прочую чепуху. Начнем с них же.
Как ранее было сказано: html - это язык разметки, и до html5 - не более того. Получается, основная задача тегов показать браузеру что и куда надо сложить. Все теги делятся на парные и одинарные. Как не трудно догадаться по названию - парные теги идут в паре, одинарные поодиночке.
Парный тег - это один и тот же тег - открывающий и закрывающий. Различия в закрывающих тегах - наличие косой черты (правый слэш или просто слэш, то бишь "/") в теге. Вот так вот: <tagName> </tagName> - это пример парных тегов. Одинарные же теги выглядят так: <tagName> и все. Некоторые издания, ссылаясь на консорциум w3 говорят, что все одинарные теги должны быть закрыты. То есть правильное отображение тегов: <tagName /> (более конкретный пример: картинка <img src="/1.jpg" alt="Piture 1" /> или перенос строки <br />)
Другое деление тегов или элементов html - это строчные и блочные. Тут тоже все просто: строчные могут следовать друг за другом в рамках одной строки, блочные требуют для себя начало строки и они отделены от других элементов переносами до и после. Блочный элемент можно разместить строчно и наоборот - при необходимости, достигается это стилями. Строчные элементы - это картинки, поля ввода и разного рода издевательства над текстом - типа сделать его жирным или наклонным. Блочные элементы - это параграфы, заголовки и блоки как есть.
Для создания сайта всегда достаточно всего 5-6 тегов. Для дальнейшего продвижения этого сайта в поисковиках - количество тегов может увеличиться до 15-16. Но этим все ограничено - создавать сайты может каждый. Вот действительно каждый. И не беда, что это будут говносайты, которые лучше никому не показывать - они будут работать. Для начала расскажу как раз про эти самые 5-6 тегов, которые нужны для сайта.
Перечисляем:
1. тег <html> ... </html> - как видно - парный тег. Этот тег сообщает браузеру, что та ерунда которая в него загрузилась - это страница на html. И именно как html её надо обработать. Пишется в самом начале и в конце документа.
2. тег <body> ... </body> - тоже парный тег. Показывает отображаемое содержимое страницы. Кто-то скажет, что надо чтобы еще был тег <head> </head> - но мы же говорим не как правильно, а минимально, ведь так? Да можно и тег body не использовать, но это уже совсем зашквар.
3. тег <img src='' alt='' /> - одинарный тег для изображений, имеющий два обязательных параметра - источник картинки и её наименование или альтернативное наименование, если картинки выключены у пользователя (в 2к19 году люди будут экономить интернет, ага).
4. тег <a href="#"> ... </a> - парный тег для ссылок. Имеется в виду текст, по нажатию на который будет загружен другой html-документ. Ссылки по мнению некоторых великих гуру от дизайна должны быть подчеркнутыми. Я считаю - херня все это. Ссылки должны юыть выделенными, но не более того. Если твой дизайн не подрахзумевает подчеркнутых ссылок - не делай их полдчеркнутыми.
5. теги для блоков текста - <p> ... </p> или <div> ... </div>. И опять знающие будут говорить, что div - это блок, а не текст. С одной стороны конечно да, с другой стороны какая вера мне запретит втыкать в блочный тег текст? И не использовать тег параграфа? html отразится и особо против не будет.
И все же их пять. Вот этими пятью тегами можно сверстать любую статичную страницу. Шестым тегом - будет тег для оформления - <style> - в котором можно будет разместить стили для оформления страницы. Да их будет больше шести, но на то они и стили.
В следующий раз рассмотрим основные теги , которыми можно сделать вполне работоспособный говносайт, который устроит даже поисковую систему.