Содержание
-
Hypertext Markup Language — язык разметки гипертекста
-
Первый шаг Сидорова Здравствуйте, это страница Сидорова.Добро пожаловать! :) -
Первый шаг СидороваЗдравствуйте, это моя первая страница.Добро пожаловать! :) - голова документа - тело документа -
... тэг3>тэг2>тэг1> ... тэг3>тэг1>тэг2> -
Добро пожаловать! :) что значению цвета обязательно должен предшествовать значок «решетка» - # -
Первая страница Сидорова Здравствуйте, это моя первая страница. Добро пожаловать! :) -
Цвет фона
-
Первый шаг СидороваЗдравствуйте, это моя первая страница. Добро пожаловать! :) -
Параграфы
С помощью параграфов мы можем центрировать текст:текст
С помощью параграфов мы можем выровнять текст по левому краю:текст
По правому краю документа:текст
По обоим краям документа:текст
-
Первый шаг СидороваЗдравствуйте, это моя первая страница. Добро пожаловать! :)
-
-
комментарий
Все, что находится внутри , элемент или текст – будет проигнорировано браузером (не будет обрабатываться и выводиться на экран).
... Комментарии, расположенные внутри элемента TITLE ( и любые другие теги) трактуются как текст и будут видны в заголовке окна. -
Полужирный текст Наклонный текст (курсив) Подчеркнутый текст Перечеркнутый Перечеркнутый Малый Нормальный текстБольшой Верхний индекс sup Нижний индекс sub -
тэг
одно из назначений выравнивание содержимого вашего документа. Все четыре значения атрибута align можно употреблять с
: текст текст текст текст -
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :)Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)
-
текст текст текст текст текст текст -
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :)Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)
-
Размер шрифта
текст текст текст текст текст текст текст -
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :)Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)
-
тэг
текст (шрифт Arial) текст (шрифт Arial) -
картинка
-
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :)Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)
-
-
можно использовать стиль обтекания картинки по образцу.
-
Другие атрибуты картинки
-
- атрибут vspace - задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях. Pixel - минимальная единица изображения, точка. - атрибут hspace - тоже задает расстояние между текстом и рисунком, но по горизонтали. Расстояние задается в пикселях. - атрибут alt - краткое описание картинки. Если навести курсором мыши на рисунок, и так подержать его (курсор) несколько секунд, выскочит описание картинки. Если параметр alt не задавать, описания не будет. - атрибут width - ширина самой картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки (а так вы можете ее сделать или уже, или шире). - атрибут height - высота самой картинки (тоже в пикселях). Так же как в случае с width высоту (height) картинки можно не задавать. – атрибут border - рамка вокруг самой картинки (в пикселях). По умолчанию, рамка вокруг картинки есть всегда. Если надо убрать, то нужно выставить атрибут border равным нулю.
-
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :)Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)
-
Картинка как фон
-
Ссылки
посмотреть мою другую страницу - посмотреть мою другую страницу- посмотреть мою другую страницу- посмотреть мою другую страницу -
link- цвет просто ссылки, alink- цвет активной ссылки (нажатой), vlink- цвет уже посещенной ссылки. -
Картинка как ссылка
Картинка как ссылка на большую картинку В том же каталоге, где находится файл index.html находится большой портрет Сидорова. При нажатии на ссылку он откроется в текущем окне. Если нужно открыть ссылку в новом окне используется атрибут target="_blank”.Овалом выделены открывающие-закрывающие теги. -
Таблица
вставлена таблица - строчка таблицы - столбец (ячейка) таблицы Таблица из двух строк -
Таблица из двух строк и трех столбцов
-
Заполнение ячеек текстом
текст 1*1текст 1*2текст 1*3текст 2*1текст 2*2текст 2*3 -
Цвета таблицы
цвет для всей таблицы Фон задается атрибутом bgcolor="цвет_фона". Фон можно задать для таблицы в целом, для ряда, для ячейки (в пределе одного ряда) -
Высота ширина ячеек в пикселях
текст 1x1 текст 1x2 текст 1x3 текст 2x1 текст 2x2 текст2x3 -
Размеры в процентах
атрибуты height и width можно задать в процентах: содержимое ячейки Если мы задали для ячейки ширину в 40 процентов значит на остальные ячейки осталось 60 процентов.
-
Пример с размерами и выравниванием
текст 1x1 текст 1x2 текст 1x3 текст 2x1 текст 2x2 текст 2x3
Нет комментариев для данной презентации
Помогите другим пользователям — будьте первым, кто поделится своим мнением об этой презентации.