Категория – язык 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.

В этой статье мы рассмотрим пример создания простой странички на 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> Чтобы увидеть результат, нужно проделать следующее. Скопировать […]