Авторизация

Главные HTML коды


Знание и понимание главных HTML кодов поможет Вам самостоятельно создавать или редактировать шаблоны готовых страниц сайта.
Разработка landing page, популярных сегодня целевых коммерческих страниц, их обновление и доработка, также потребует от Вас минимальных знаний основных HTML тегов и кодов. Разработанные сторонними вебмастерами эксклюзивные лендинг пейдж Вы сможете редактировать под свой вкус и потребности.

Хочу вкратце описать HTML коды, которые пригодятся нам в редактировании готового шаблона сайта. Пол дня искал в Интернете простенький справочник по HTML кодам, но к сожалению во всей литературе слишком много лишнего для того, чтобы бегло ознакомиться с основными тегами кода. Как говорилось раньше, наша цель не изучить язык HTML, а начать создавать страницы сайта сразу. По мере работы внутри кода, Вы сами целенаправленно будете заглядывать в учебники и справочники, выбирая от туда лишь необходимую для Вас информацию (если захотите). Тем более, внутри нашего кода страниц шаблона уже есть пояснения к действию.

Сразу оговорим: содержимое внутри символов <!-- Я внутри --> видно только в самом коде, в браузере (на сайте) оно не отображается - позже его можно будет удалить.

Итак, при внесении изменений в код страниц обращайте внимание только на следующие теги:

<h1>Я самый крупный заголовок</h1>
<h2>Я поменьше заголовок</h2>
.........
<h6>Я самый маленький, меньше не бывает</h6>


<b>Жирный шрифт</b>
<strong>Жирный шрифт</strong> - они одинаковы, но бытует мнение, что последний больше уважают поисковики.


<br /> - перенос строки, буквы под буквами - равен Ctrl+ENTER
<p>Все, что здесь внутри является отдельным абзацем</p> - внутри может иметь
сколько угодно <br /> переносов строк - равен одному нажатию ENTER
<p>&nbsp; </p>
<br />
<p>&nbsp; </p> - прекрасная комбинация для большого промежутка между строками.


&nbsp; - пробел между словами. По умолчанию достаточно пустого места, но если
Вам надо увеличить этот промежуток, то применяйте эту комбинацию. Например: &nbsp; &nbsp; &nbsp; &nbsp; - не ограниченно, в любых сочетаниях.

Просмотреть видеоурок: "Теги HTML. Атрибуты текстовых тегов"

<a href="http://man1.ru/">Я ссылка</a> ссылка на туда, куда посылаете посетителя сайта, откроется в этом же окне браузера
<a href="http://man1.ru/" target="_blank">Я ссылка</a> - откроется в новом окне браузера
<a href="page3.html">Я ссылка</a> - ссылка между страницами сайта, лежащими в одной папке


<img src="im/image7.jpg" width="150" height="200"> - вместо этого кода вживую (в браузере) будет виден рисунок под названием image7.jpg, лежащий в папке im
width - ширина рисунка
height - высота рисунка
<img border="0" src="http://man1.ru/im/image7.jpg"> - можно и так, но рисунок может вылезти за необходимые габариты, при больших размерах.

<div...>...</div> - блоки, контейнеры с нашим содержимым.

Упрощенно, структура любого HTML документа всегда выглядит так:
<html>
<head>
<title>Название сайта в самом верху браузера</title>
<meta name="description" content="Описание сайта, которое выдает поисковик" />
<meta name="keywords" content="ключевые, слова" />
</head>
<body>
Тело. Все, из чего состоит сайт (страница) - контент
</body>
</html>

Здесь выглядит все просто. В самом HTML коде шаблона готовой страницы, вы найдете много другого мусора, но он необходим для поддержания структуры сайта и поисковиков. Старался выдать как можно меньше информации, для лучшего ее восприятия. Более подробно, некоторые моменты, освящены в описании к шаблону сайта и в HTML коде.
Вы можете скачать справочники по HTML коду. Старался подобрать самые простенькие к восприятию для новичков. На просторах сети очень много учебной литературы на эту тему, выберите сами по своему вкусу и желанию глубины познания HTML языка программирования.
Оставить комментарий
Навигация по сайту
  • Скачать 1
  • Скачать 2
  • Скачать 3
Универсальный шаблон готового сайта UseSite

Универсальный шаблон готового сайта UseSite


Полностью готовый к применению в качестве сайта шаблон UseSite является универсальным инструментом для быстрого создания Интернет проекта. В нем предусмотрены все основные модули необходимые современному сайту: фотогалерея,...

Подробнее →  

  • Просмотров: 28 492
Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей

Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей


Готовый шаблон сайта для продажи и доставки электронных товаров. Автоматическая оплата товара и мгновенная его отправка покупателю. Шаблон настроен для работы с платежной системой OnPay. Персональный аттестат WebMoney не...

Подробнее →  

  • Просмотров: 8 533
Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров

Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров


Вам не обязательно быть программистом, достаточно научиться понимать и редактировать уже написанный код. Данное руководство предназначено для новичков в вебстроительстве. Рассчитано на работу со специально созданными шаблонами...

Подробнее →  

  • Просмотров: 14 692