Архив рубрики: Создание сайта

Изменение кода шаблона в CMS WordPress, добавление блока социальных кнопок к каждой публикации.

  Бывают ситуации, что нужно изменить шаблон движка wordpress на своем сайте. Например в предыдущей статье я писал о добавлении блока социальных кнопок от яндекс . Прежде я добавлял код для добавления блока в каждую публикацию. Это было немного неудобно. В интернете я нашел статью, как изменить код, чтобы шаблон сам добавлял код в каждую… Читать далее »

Как добавить социальные кнопки на сайт, блок социальных кнопок от яндекс.

В наше время практически во всех сайтах используются кнопки для социальных сетей, чтобы можно было быстро поделиться материалом из сайта со своими друзьями и подписчиками. Это может увеличить посещаемость сайта , так как такие социальные сети как вконтакте, фейсбук, одноклассники , твиттер и другие очень популярны, и может способствовать приходу новых посетителей на ваш сайт.… Читать далее »

Добавление изображения в html.

Для добавления изображения в веб-страничку в html используется тег img с обязательным атрибутом src . <img src=  ' url ' > , где url - путь  указывающий на файл с картинкой , которую мы хотим вывести на страничку. пример: <img src= ' http://home-pg.ru/images/cat.jpg ' > результат отображения данного кода в браузере: Вывод картинки с указанием… Читать далее »

Оформление абзаца в html, теги p, br

Оформление текстового абзаца в  html осуществляется тегом <p> . Тег <p> обозначает начало нового абзаца. Тег парный, закрывающийся тег </p>. Закрывающийся тег необязателен. Начало абзаца начинается с новой строки, так же по умолчанию существует вертикальный отступ. В теге также может использоваться аттрибут align  со значениями center, right, left   , что означает выравнивание текста по центру… Читать далее »

Приложения для верстки html страниц

Для верстки  и проверки страниц html нужны определенные приложения. текстовый редактор браузер для просмотра результата графический редактор справочник по html   текстовый редактор Текстовые редакторы можно использовать разные, подойдет даже Блокнот. Но лучше такие , которые выделяют синтаксис определенным цветом . Я часто пользовался PSPad. Также подойдет Notebook++ . Браузер Браузеры предназначены для просмотра интернет-страничек.… Читать далее »

Теги заголовка: h1,h2,h3,.. ,h6

На языке HTML есть теги для заголовков разного уровня: h1, .. ,h6  -  6 уровней, которые показывают важность заголовка. Тег <h1> является наиболее важным видом заголовка, тег <h6> наименее важным. По умолчанию, тег первого уровня отображается более крупным  и жирным шрифтом, чем теги второго и далее уровней. Также тег второго уровня по отношению к третьему… Читать далее »

Теги

Теги являются элементами языка HTML, которые обозначают определенные настройки, форматирования текста, ссылки и т.д. Теги обычно имеют аттрибуты, но бывают и без аттрибутов. Теги имеют следующий синтаксис: <тег аттр1= 'знач1'  аттр2 = 'знач2'> <тег аттр1= 'знач1' аттр2 = 'знач2'> ... </тег> Теги бывают парные, и не парные. Аттрибуты у тегов заключаются либо в ординарные кавычки… Читать далее »

Язык НTML, самоучитель, содержание.

Язык HTML, введение Пример простой html странички Теги Теги заголовка: h1,h2,h3,.. ,h6 Приложения для верски веб -страниц на HTML Оформление абзаца в html, тег <p>, тег <br> Добавление картинки в html Создание таблицы в html Создание гиперссылки в html Маркированный список в html Формы в html

Примеры простых страничек на html.

В этой статье мы рассмотрим пример создания простой странички на html. Чтобы создать страничку на html нужно открыть редактор блокнот и набрать следующий текст <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Моя первая веб-страница</title> </head> <body> <h1>Заголовок страницы</h1> <p>Основной текст.</p> </body> </html> Чтобы увидеть результат, нужно проделать следующее. Скопировать… Читать далее »

Язык HTML, введение

Язык HTML- язык гипертекстовой разметки, используется для верстки веб- страниц. Интерпретируется браузером и выдает на экран пользователя текст и изображения, согласно настройкам страницы. С помощью языка HTML можно задать размер шрифта, виды шрифта и т.д. Также и другие настройки, выравнивание и т.д. Структура страницы на языке HTML выглядит следующим образом: <html> <head> </head> <body> </body>… Читать далее »