html код - это код разметки гипертекстового документа. С помощью
специальных тегов даются указания браузеру для правильного отображения
всех элементов веб-страницы.
Имеются парные и непарные теги. Парные теги - это те, которые должны
быть обязательно закрыты тегом со слешем, а для непарных этого не требуется. Пример
парного тега - <html> </html>. Если вы заметили
закрывающий тег имеет слеш /. Между этими тегами размещается текст
документа, а браузер "понимает", что он имеет дело с
html документом.
Теги в веб-документе должны быть правильно вложены друг в друга.
Например в тег <html></html> вложены все остальные теги и поэтому его
открывающий тег находится в самом начале документа, а закрывающий в
самом конце. Вложенные же теги, как было написано выше, находятся между
ними. Следует тщательно следить за тем, чтобы каждый парный тег был
закрыт.
<html></html> - это обязательный тег, который сообщают
браузеру, что он имеет дело с гипертекстовым документом и обозначают
начало и конец html кода. Еще к обязательным тегам относятся парные теги
<head></head> и <body></body>. Первый обычно находится в начале кода и
внутри себя несет различную информацию, необходимую для браузера. В теге
<body></body> заключается весь контент веб-страницы.
Тег <p></p> обозначает абзац. Текст, расположенный внутри него будет
отображаться с новой и с красной строки. Тег <br/> - непарный. Он
ставится перед текстом, который необходимо отображать с новой строки, но
отступа красной строки он иметь не будет. Тег <img src="путь к файлу
картинки" alt="моя фотография"/> не парный. Он указывает на картинку и
ее описание. Главный тег гипертекстового документа, конечно же тег,
обозначающий гиперссылку - <a href="адрес к ссылающему документу">сам
текст гиперссылки</a>. Тег <div></div> ничего не означает. Он
применяется для оформления страницы с помощью так называемых блоков.
Такому блоку можно задать различные свойства (фон, границу, отступы,
положение относительно других элементов и т.д.). Тег <span></span> -
строчный, ничего не обозначающий тег. Он применяется когда необходимо
задать определенные свойства тексту внутри строчки, ограниченному этим
парным тегом. <table></table> - обозначает таблицу. Раньше
существовала
так называемая табличная верстка сайтов, где таблицы использовались для
оформления дизайна страницы. Правильно же использовать этот тег по его
прямому назначению - для систематизации данных.
Остальные теги не столь важны, и здесь не будут описаны.
Помните главное правило - html
код не должен нести в себе обозначений цвета, размера и
других признаков. Его задача обозначить разметку документа,
а все остальное делает язык css.
Язык css предназначен для придания содержимому тегов различных свойств.
Код css можно вставить в
html код или сделать отдельным прикрепленным файлом. Второй
способ предпочтительнее, так как при этом размер файла с расширением
.html значительно уменьшается, а если учесть
количество страниц вашего сайта, то экономия и трафика и занимаемого
сайтом на хостинге места окажется фантастической. Ведь прикрепленный
css файл со стилями один для всех страниц.
Для того чтобы прикрепить к веб-документу таблицу стилей, необходимо
в теге <head></head> установить тег <link
rel="stylesheet" href="style.css" type="text/scc" />,
который указывает путь к style.css документу.
С помощью css определяется фон страниц
сайта. Это может быть просто цвет или картинка. Картинка может
повторятся как по горизонтали, так и по вертикали. Для того, чтобы
задать параметры фона, используется аргумент background. Если вы хотите
вокруг картинки или блока <div> иметь рамку
определенной толщины и цвета, используется атрибут border.
Для любого блочного элемента с помощью scc
можно задать границы с помощью атрибута margin,
рамку - border и поля -
padding. А с помощью атрибутов - top, left,
right, bottom указывается их точное расположение.
Для текста задаются параметры определяющие его цвет, размер, стиль,
толщину, отображение с большой буквы или наоборот с маленькой. Текст
можно выровнять или по левому краю или по правому или по центру или
распределить равномерно.
Для параграфа определяется отступ слева и сверху.
Для любого блочного элемента можно задать свойство обтекания либо
слева либо справа. Оно используется, например когда необходимо чтобы
текст обтекал картинку справа. Атрибут,
применяемый в этом случае - float: left;.
Для гиперссылки можно установить цвет, отличный от стандартного
цвета, применяемого браузерами по умолчанию, можно отменить
подчеркивание гиперссылки. А еще можно менять и цвет и размер и
написание гиперссылки при наведении на нее мышкой.
Для освоения html и css
кода нужна практика.
28600 куплю скутер стабилизатор напряжения для стиральной машинки 189 куплю +в волгограде . Кухонные столешницы в ассортименте со склада
