Архив рубрики: язык html

Формы в html, элементы формы

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

маркированные списки в html

Маркированные списки в html нужны для представления структурированных данных, либо для перечисления каких либо категорий товаров, либо видов чего либо, например животных и т.д. Примером маркированного списка может быть следующее: боевики детективы триллер драма Для создания маркированного списка используются теги <ul> </ul>  <li> </li>. Тег <ul> обозначает начало списка, соответсвтенно </ul> конец списка, закрывающий тег… Читать далее »

Создание гиперссылки в html

Основным свойством страничек в html являются ссылки , позволяющие переходить на другие страницы, сайты, либо переместиться на этой же странице, на другую часть. Ссылка также может вести не на страницу , а на файл, к которому есть доступ. Для создания ссылки , используется парный тег <a> </a> . Текст , который находится между тегами является… Читать далее »

Создание таблицы в HTML

Добавление таблицы   В HTML для добавления таблицы используется парный тег <table> </table>. Таблицы состоят из строчек и колонок. Для этого используются парные теги <tr> и <td>.   Рамка таблицы Ширину рамки таблицы можно настраивать аттрибутом border. Например <table border='1'> означает что у таблицы будет ширина рамки равная 1 пиксел. Пример таблицы из двух строк… Читать далее »

Добавление изображения в 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