теги HTML

Содержание

Слайд 2

- Сообщает браузеру что этот документ написан на языке HTML.
-

- Сообщает браузеру что этот документ написан на языке HTML. - Начало
Начало заголовка.(не виден на странице).
- (Для поисковых систем) - Здесь пишется название сайта.<br> - Здесь пишутся мета - теги.
- Конец заголовка.
- Начало тела документа(для содержимого страницы).
- Конец тела документа.
- Конец HTML.

Слайд 3

Контент сайта пишется в теле документа между тегами и
Напишем любой

Контент сайта пишется в теле документа между тегами и Напишем любой текст
текст к примеру "Создание собственного сайта" и вставим фото
.
Вместо com (8).gif выберите фото на своем компьютере , поместите в ту же папку где находится сайт и замените имя файла com (8).gif на свое.
Расположим текст и фото по центру тегом
и добавим в тело цвет страницы bgcolor="#ceceff"

Слайд 6

Заголовки

Заголовки различных уровней:

Заголовок первого уровня

Заголовок шестого уровня

Цифры между 1 и 6 =

Заголовки Заголовки различных уровней: Заголовок первого уровня … Заголовок шестого уровня Цифры
2,3,4,5= создают заголовок промежуточных размеров.
При применении тега текст будет выглядеть как абзац и будет начинаться с новой строки а так же с новой строки будет начинаться и следующий за ним текст.

Слайд 7

Форматирование шрифта

Ввести в текст страницы тэги, определяющие начертание шрифта и горизонтальных разделительных

Форматирование шрифта Ввести в текст страницы тэги, определяющие начертание шрифта и горизонтальных
линий.
Для изменения размера шрифта надо заключить текст в тег
текст
размер устанавливается от малого 1 до большого 7.

Слайд 8

Форматирование шрифта

Теги делают текст жирным,а наклонным.
Сильное выделение и жирный шрифт

Форматирование шрифта Теги делают текст жирным,а наклонным. Сильное выделение и жирный шрифт

Выделение и курсив= . Тег
 предназначен для сохранения форматирования,при вставке текста из другого редактора.

Слайд 9

Форматирование шрифта

Что бы установить цвет шрифта надо в теге задать цвет шрифта:

Форматирование шрифта Что бы установить цвет шрифта надо в теге задать цвет
color="#?" Цвет шрифта устанавливается в формате цветов HTML, к примеру "#FFFFFF". Можно объединить цвет и размер шрифта в одном теге . Запись этого параметра выглядит так: текст.

Слайд 10

Форматирование шрифта

Если вы хотите установить размер шрифта для всей страницы то пишем

Форматирование шрифта Если вы хотите установить размер шрифта для всей страницы то
со значениями ?= от 1 до 7; по умолчанию 3. Выбор шрифта=, самые распространенные Arial,Tahoma,Verdana,Times New Roman,Georgia.

Слайд 11

Форматирование шрифта

Расположить текст посередине можно с помощью тега


Расположить слева=

справа=

Форматирование шрифта Расположить текст посередине можно с помощью тега Расположить слева= справа=

Слайд 12

Форматирование шрифта

Параграф =


Выравнивание =

значения=
left - слева,
right - справа,
center

Форматирование шрифта Параграф = Выравнивание = значения= left - слева, right -
- по центру,
jastify - по ширине.

Слайд 13

Форматирование шрифта

Новая строка =
( перевод строки)
Убрать выравнивание =

Горизонтальный разделитель

Форматирование шрифта Новая строка = ( перевод строки) Убрать выравнивание = Горизонтальный разделитель =
=

Слайд 14

Форматирование шрифта

Если вы хотите сделать пробел нужной длины то вставьте в текст

Форматирование шрифта Если вы хотите сделать пробел нужной длины то вставьте в
символ
  нужное количество раз.
Выделение цитат курсивом =
Выделение текста подчеркиванием =-предпочтительнее,
и
Нижний индекс= ,запись=H2SO4
Верхний индекс,запись=m3

Слайд 15

Пример написания шрифта

Код:
Пример написания

Пример написания шрифта Код: Пример написания шрифта
шрифта

Слайд 16

Списки

Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а также

Списки Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а также списки определений.
списки определений.

Слайд 17

Списки

Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а также

Списки Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а
списки определений.

  • Первый пункт списка

  • Второй пункт списка

  • Третий пункт списка


Слайд 18

Таблицы

Пример кода самой простой таблицы:






Содержание

Кстати, перевод строки после каждого тега вебмастеры ставят

Таблицы Пример кода самой простой таблицы: Содержание Кстати, перевод строки после каждого
только для удобства редактирования html-кода, этот же код таблицы можно вставить так:
Содержание