Урок 2. Теги html.
Я приветствую Вас, читателей моего блога. Сегодня я расскажу Вам об основных тегах html.
Но для начала надо понять, что такое тег. Тег - это язык разметки гипртекста, который заключен в скобки <>. Говоря простым языком, он говорит браузеру, где что размещать, как отображать и т.п.
Сейчас я предлагаю Вам рассмотреть основые теги. Сразу скажу, что существуют обязательные теги, которые должны присутствовать. И ими являются следующие теги
< HTML>
< HEAD>< /HEAD>
< BODY>< /BODY>
< /HTML>
О первых двух тегах я уже рассказывал в своем прошлом уроке. А именно, о тегах Title и Body. Поэтому скажу в кратце, в них пишут заголовок страницы, вставляют картинку во вкладке и настраивают фон. Я думаю, что сегодня лучше рассказать о тегах, которые помогают в оформлении текста, картинок.
Начнем с тегов для текста:
1) Тег <p> </p>- отделяет текст в абзац. У этого тега есть еще несколько основных настроек. Одна из них - это выравнивание текста (align). У него есть несколько свойств - center, right, left, justify. Пример кода:
<p align="left">абзац выровнен влево…</p>
<p align="right">абзац выровнен вправо…</p>
<p>абзац выровнен по центру…</p>
<p align="justify">абзац выровнен по ширине…</p>
2) Тег <br> для перехода к новой строке. У этого тега нет свойств. Для примера я возьму отрывок из стихотворения А.С.Пушкина:
Я помню чудное мгновенье:<br>
Передо мной явилась ты, <br>
Как мимолетное виденье, <br>
Как гений чистой красоты.
3) Тег <strong></strong> - делает жирным выделеный кусок текста. У этого тега нет свойств. Пример кода:
<strong>Пример кода </strong>
4) Тег <em></em> - курсив текста. У этого тега нет свойств. Пример кода:
Пример кода в курсиве
5) Теги <ul><li>Объект</li></ul> предназначены для создания маркерованного списка. У этого тега нет свойств. Пример кода: <ul>
<li>Пример 1</li>
<li>Пример 1</li>
</ul>
6) Теги H1…H6. Позволяют делать заголовки в текстах (от самого большого к самому маленькому). Пример кода:
<h2>Этот текст написан тегом H2 </h2>
Это были основные теги для оформления текста. А теперь давайте рассмотрим теги для картинок.
Естественно, основной тег - это <img>. У этого тега много свойств, но самое главное из них - это свойство src, в котором указывается ссылка на картинку. Также я не забыл сказать, что еще одно из наиболее популярных свойств - это свойство align. Пример кода:
<img src="ссылка на картинку " align="left">
Если Вы хотите загрузить картинку в интернет, то я предлагаю воспользоваться Вам сайтом fastpic.ru
На этом наш урок подошел к концу. Надеюсь, Вам было интересно. Если да, то нажмите лайк.