ЗНАНИЕ И ПОНИМАНИЕ ГЛАВНЫХ HTML КОДОВ поможет Вам самостоятельно создавать или редактировать шаблоны готовых страниц сайта.
Разработка landing page, популярных сегодня целевых коммерческих страниц, их обновление и доработка, также потребует от Вас минимальных знаний основных HTML тегов и кодов. Разработанные сторонними вебмастерами эксклюзивные лендинг пейдж Вы сможете редактировать под свой вкус и потребности.
ХОЧУ ВКРАТЦЕ ОПИСАТЬ HTML КОДЫ, которые пригодятся нам в редактировании готового шаблона сайта. Пол дня искал в Интернете простенький справочник по HTML кодам, но к сожалению во всей литературе слишком много лишнего для того, чтобы бегло ознакомиться с основными тегами кода. Как говорилось раньше, наша цель не изучить язык HTML, а начать создавать страницы сайта сразу. По мере работы внутри кода, Вы сами целенаправленно будете заглядывать в учебники и справочники, выбирая от туда лишь необходимую для Вас информацию (если захотите).
Сразу оговорим: содержимое внутри символов <!-- Я внутри --> видно только в самом коде, в браузере (на сайте) оно не отображается - позже его можно будет удалить.
Создай сайт сам
Живой поиск
Основные атрибуты 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> </p> <br /> <p> </p> - прекрасная комбинация для большого промежутка между строками.
- пробел между словами. По умолчанию достаточно пустого места, но если Вам надо увеличить этот промежуток, то применяйте эту комбинацию. Например: - не ограниченно, в любых сочетаниях.
<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 языка программирования.
- Подпись автора