Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Редакторы HTML документов






Несмотря на то, что для создания HTML документов Вы можете использовать даже стандартный текстовый редактор (например блокнот в Windows) мы не рекомендуем делать этого.

Для этих целей создано множество специальных редакторов с подсветкой тэгов и другими полезными возможностями.

Примеры таких редакторов:

  • Notepad ++
  • Microsoft FrontPage
  • Adobe Dreamweaver

Какое расширение лучше использовать.htm или.html?

Это не имеет значения, так как все современные браузеры одинаково хорошо понимают и.htm и.html.

Мы предпочитаем использовать расширение.html так как считаем, что оно наиболее наглядно, но конечный выбор конечно остается за Вами.

HTML заголовки

Данная глава только знакомит Вас с основными возможностями HTML, позднее мы рассмотрим каждый из этих тэгов подробнее.

Заголовки в HTML определяются тегами < h1> - < h6> (h1 определяет самый крупный заголовок, а h6 самый мелкий).

Пример 31

< html>

< body>

< h1> Это заголовок< /h1>

< h2> Это заголовок< /h2>

< h3> Это заголовок< /h3>

< h6> Это заголовок< /h6>

< /body>

< /html>

HTML абзацы

С помощью HTML тега < p> Вы можете определить абзац.

Абзацы используются для логической группировки текста. Перед и после текста абзаца браузер автоматически отступает одну строку.

Пример 32

< html>

< body>

< p> Это абзац< /p>

< p> Это другой абзац< /p>

< /body>

< /html>

HTML ссылки

С помощью HTML тэга < a> Вы можете определить ссылку.

Ссылки используются для связывания HTML документов друг с другом. Нажав на ссылку пользователь будет перемещен на другой HTML документ, url которого указан в атрибуте href.

Пример 33

< html>

< body>

< a href=" https://www.yahoo.com" > yahoo.com< /a>

< /body>

< /html>

Обратите внимание: атрибуты будут подробно рассмотрены далее.

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

С помощью HTML тега < img> Вы можете вставить в HTML документ произвольное изображение.

Ширина и высота картинки может задаваться с помощью атрибутов width и height.

Пример 34

< html>

< body>

< img src='silvercoastregion1.jpg'width='700'height='242'/>

< /body>

< /html>

HTML элементы

HTML элементом называется комбинация начального тэга, конечного тэга и содержимого.

Примеры HTML элементов:

Начальный тэг Содержимое элемента Конечный тэг
< p> Это абзац. < /p>
< b> Это жирный текст. < /b>
< br />

Обратите внимание: большинство элементов могут также иметь атрибуты (атрибуты будут подробно рассмотрены далее).






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.