Доброе время суток уважаемый гость моего блога!
«Выжимка» HTML
В HTML есть специальные команды, которые называются тегами.
Как это выглядит:
<тег></тег>
Структура HTML
<html></html> - начало и конец HTML кода страницы
<head></head> - начало и конец секции head
<body></body> - начало и конец секции body
В целом структура выглядит так:
<html>
<head>Содержимое</head>
<body>Содержимое</body>
</html>
Основные теги для секции HEAD
<meta name="description" content="" /> - мета тег для указания краткого описания содержания страницы
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> - указание типа контента и его кодировки (обычно указывается везде одинаково, меняется только кодировка, то есть значение charset)
Мета-теги не видны на самой странице. У них нету закрывающих тегов.
<title>Название страницы</title> - отвечает за вывод названия страницы сайта. Отображается в браузере в самом верху.
<link href="style.css" rel="stylesheet" type="text/css" media="screen" /> - ссылка на файл со стилями страницы, указывается тип содержимого данного файла (это практически всегда стандартная строка)
Основные теги для секции BODY
<p>Абзац</p> - тег абзаца
<br /> - отступ между абзацами
<a href="http://адрес сайта/">Текст ссылки</a> - с помощью данного тега задается ссылка.
<div></div> - подключает основные блоки с их параметрами из файла стилей.
<ul> </ul> - тег отвечает за маркированный список.
<li>Пункт</li> - пункты маркированного списка.
На практике выглядит так:
<ul> <li>Пункт1</li> <li>Пункт2</li> <li>Пункт3</li> </ul>
C помощью CSS из маркированного списка делается меню сайта.
<ol></ol> - тег отвечает за нумерованный список.
На практике выглядит так:
<ol> <li>Пункт1</li> <li>Пункт2</li> <li>Пункт3</li> </ol>
<img src="папка с картинкой/название картинки.jpg" width="900" height="300" alt="Текст" /> - тег для вывода картинки на странице:
src – ссылка на саму картинку width – ширина картинки height – высота картинки alt – альтернативное название (в случае, если картинка не будет отображаться в браузере)
Вот, собственно, основы HTML, которые Вам необходимо знать на первое время.
Не надо пугаться, надо только попробывать.
Представить себе, что сайт "чеоловек"
Рост человека - начало кода страницы, который начинается с <html> и заканчивается </html>
Выделила красным цветом закрывающий "тег". Это парный "тег"
.
Затем идет голова <head> и заканчивается </head>, шапка сайта.
Тело- BODY, начинается <body> и заканчивается </body>, сюда помещаем все ( текст, картинки, аудио и видео файлы.)
Ноги- футер (подвал)
Вот и все. Успехов Вам!
Пока - пока.
С уважением Вероника.
Комментариев нет:
Отправить комментарий