Архив рубрики: Основы html

Без знания основ языка html практически нереально создать свой сайт в сети интернет.

В данном разделе Вы найдете ответы на многие вопросы касательно создания сайта.

Содержание

  1. Введение в язык html
    Небольшое введение в язык html, основные понятия и термины.
  2. Структура web-документа
    Схематически показывается из чего состоит страница сайта.
  3. Создаем свою первую страничку
    Здесь Вы создадите свою первую страничку.
  4. Форматирование текста в html
    Содержится информация о форматировании текста.
  5. Оформление текста в html
    Как сделать текст жирным, подчеркнутым, курсивом…
  6. Списки в html
    Информация о создании списков в языке html.
  7. Работа с ссылками в html
    Тут Вы научитесь делать ссылки на другие страницы или внутри страницы.
  8. Вставка изображения в html
    Как можно вставить изображение на страницу в языке html.
  9. Цвет фона и текста
    Как менять цвет фона текста.
  10. Создание таблиц в html
    Умение делать html таблицы – это важнейший момент при создании сайтов.

Работа с ссылками в html

Ссылки – это неотъемлемый элемент, без которого невозможно представить интернет. Ссылки представляют собой текст, нажав на который, пользователь будет перемещен на другой документ или другое место в данном документе. Существует 2 вида ссылок: Внешние – перемещают пользователя нажавшего на них на другой HTML документ Внутренние – перемещают пользователя на определенную часть страницы Пример внешней ссылки: <a… Читать далее »

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

HTML таблицы могут использоваться как для отображения таблиц, так и для создания невидимого каркаса для нужного распределения материала на странице. Раньше шаблоны сайтов имели табличную структуру, хотя в последнее время набирает популярность структура сайтов на дивах (div и CSS ).  Для создания таблицы используются следующие элементы: TABLE – важный элемент для создания таблицы. В основном используется с… Читать далее »

Структура web-документа

Все HTML-документы, отвечающие спецификации HTML какой-либо версии, всегда начинаются со строки объявления версии HTML <!DOCTYPE…>, которая обычно выглядит так: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “//www.w3.org/TR/html4/loose.dtd”> Это необходимо, чтобы показать, что HTML соответствует международной спецификации. В итоге сайт будет одинаково смотреться во всех браузерах. Нет смысла запоминать эту строчку наизусть, главное знать, что она необходима.… Читать далее »

Форматирование текста в html

Для того чтобы менять вид текста используется довольно немало различных тегов. Но основные, как показывает практика, наиболее применяемые элементы форматирования текста в html являются:  h1,h2,..h6 P BR DIV SPAN h1,h2,..h6 Используются для разбивания текста на смысловые уровни – разделы и подразделы. Существует всего шесть уровней заголовков, каждый и которых можно различить по величине шрифта. Атрибуты:ALIGN… Читать далее »

Введение в язык html

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки веб-страниц, которая определяет, какие элементы и как должны располагаться в документе. HTML-документ  — это обычный текстовый файл, который может содержать в себе текст, теги и стили. Изображения и другие объекты хранятся отдельно. Содержимое такого файла обычно называется HTML-код. Основные термины, которые наиболее часто встречаются: 1. Тег –… Читать далее »

Цвет фона и текста

Насколько нам уже известно, для того чтобы изменить цвет текста, необходимо заключить его в теги font или span. Но иногда нужно задать цвет текста и фон для всего документа. Существуют следующие атрибуты: BACKGROUND – с помощью него задается изображение для фона в виде полного URL или имени файла с картинкой в формате GIF или JPG. BGCOLOR… Читать далее »

Списки в html

Списки в html бывают нумерованные и непронумерованные. Нумерованные списки отличаются наличием в начале строки цифры или буквы. В непронумерованных списках ставятся какие-нибудь символы точки, квадратики, стрелочки. UL OL LI UL (Unsorted List) Используется для создания неупорядоченного списка.  Между начальным и конечным тегами должен быть один или несколько элементов LI для обозначения отдельных пунктов списка. Например:… Читать далее »

Оформление текста в html

Чтобы визуально оформить и выделить текст в html применяют такие элементы: STRONG EM U SUB SUP FONT HR STRONG Выделяет текст жирным шрифтом: <strong>Между этими тегами текст будет выделен жирным шрифтом</strong> EM (Emphasis) Выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом: <em> Этот текст будет выделен курсивом </em> U (Underline) Отображает помещенный между открывающим… Читать далее »

Создаем свою первую web-страницу

Сайт может сделать любой. Можете проверить сами, это займет максимум всего пару минут. Для этого отрываем любой текстовый редактор (например блокнот, он присутствует в стандартных программах). Скопируем, затем вставим в блокнот данный текст: <html> <body> Это моя первая страничка<br> Ура!!! </body> </html> Сохраняем созданный файл: Файл – > Сохранить как … Вводим, например sait.html и… Читать далее »

Вставка изображения в html

Изображения – это важнейший элемент любого сайта. Без изображений сайт будет не так интересен пользователям. Наиболее часто используются три типа файлов изображений. GIF (Graphics Interchange Format) – имеет 256 цветов, поэтому является более подходящим для изображений с небольшим количеством оттенков. JPG / JPEG (Joint Photographic Experts Group) – формат изображений, который использует до миллиона цветов. Применяется… Читать далее »