HTML
<<  Введение в HTML и CSS Язык HTML  >>
Учебный курс Введение в HTML и CSS Лекция 4 Элементы разметки тела
Учебный курс Введение в HTML и CSS Лекция 4 Элементы разметки тела
HTML и cookies
HTML и cookies
Типы элементов тела документа
Типы элементов тела документа
Тег BODY
Тег BODY
Управление разметкой
Управление разметкой
Управление отображением
Управление отображением
Теги управления формой отображения
Теги управления формой отображения
Теги управления типом информации
Теги управления типом информации
Теги цитирования, сносок и определения
Теги цитирования, сносок и определения
Списки
Списки
Неупорядоченный список: <UL> <LI>Unordered information
Неупорядоченный список: <UL> <LI>Unordered information
Упорядоченный список: <OL> <LI>Unordered information
Упорядоченный список: <OL> <LI>Unordered information
Список определений: <DL> <DT><STRONG>Lower cost</STRONG> <DD>The new
Список определений: <DL> <DT><STRONG>Lower cost</STRONG> <DD>The new
Картинки
Картинки
Элемент разметки IMG <img src=… alt=… align=… width=… height=…
Элемент разметки IMG <img src=… alt=… align=… width=… height=…
Элемент разметки IMG и «чувствительные» картинки <IMG SRC=“001
Элемент разметки IMG и «чувствительные» картинки <IMG SRC=“001
Ссылки
Ссылки
Таблицы
Таблицы
Управление расстояниями между содержанием ячеек
Управление расстояниями между содержанием ячеек
Фреймы
Фреймы
Параметры фреймов
Параметры фреймов
Формы
Формы
Комментарии
Комментарии

Презентация на тему: «Как вставить видео мп4 в». Автор: paul. Файл: «Как вставить видео мп4 в.ppt». Размер zip-архива: 82 КБ.

Как вставить видео мп4 в

содержание презентации «Как вставить видео мп4 в.ppt»
СлайдТекст
1 Учебный курс Введение в HTML и CSS Лекция 4 Элементы разметки тела

Учебный курс Введение в HTML и CSS Лекция 4 Элементы разметки тела

документа

кандидат технических наук Павел Брониславович Храмцов paul@kiae.su

1

2 HTML и cookies

HTML и cookies

<Meta http-equiv="set-cookie" content="ss=start; expires=sat, 09-may-96 11:00:00 GMT; path=/; domain=www.Kiae.Su"> (ПУ)

2

3 Типы элементов тела документа

Типы элементов тела документа

Теги управления разметкой Теги управления отображением Теги характеризующие тип информации Списки Графика Гипертекстовые ссылки Таблицы Фреймы Формы обмена данными

3

4 Тег BODY

Тег BODY

Атрибут

Значение

<ВОDY васкground="image.Gif">

</Воdy>

Вgcolor=#ffffff

Цвет фона

Техт=#0000ff

Цвет текста

VLINK =#FF0000

Цвет пройденных гипертекстовых ссылок

LINK =#00FF00

Цвет гипертекстовой ссылки

4

5 Управление разметкой

Управление разметкой

Заголовки:

<H1>Заголовок 1</H1>

Параграф:

<p align=right>….</p>

Управление переносом:

<Br> и <nobr>…..</Nobr>

5

6 Управление отображением

Управление отображением

Изменение размера шрифта:

<ВIG> и <SMALL>

Верхние / Нижние индексы:

<SUР> и <SUВ>

Управление шрифтом:

<FONT> и <FONTBASE> <FONT color=… size=… face=…>…</FONT>

6

7 Теги управления формой отображения

Теги управления формой отображения

Тег

Описание

<b>

Задает жирный текст

<big>

Относительное увеличение текста

<em>

Выделяет текст (обычно курсив)

<i>

Задает курсив

<small>

Относительное уменьшение текста

<strong>

Акцентирует текст (обычно жирный)

<sub>

Определяет нижний индекс

<sup>

Определяет верхний индекс

<ins>

Вставленный текст

<del>

Удаленный текст

<s>

Не рекомендуется. Используйте вместо этого <del>

<strike>

Не рекомендуется. Используйте вместо этого <del>

<u>

Не рекомендуется. Используйте вместо этого стили (style)

7

8 Теги управления типом информации

Теги управления типом информации

Тег

Описание

<code>

<kbd>

<samp>

<tt>

<var>

<pre>

<listing>

<plaintext>

<xmp>

Определяет текст кода программы

Определяет текст клавиатуры

Определяет образец кода программы

Определяет текст телетайпа

Определяет переменную

Определяет заранее отформатированный текст

Не рекомендуется. Используйте вместо этого <pre>

Не рекомендуется. Используйте вместо этого <pre>

Не рекомендуется. Используйте вместо этого <pre>

8

9 Теги цитирования, сносок и определения

Теги цитирования, сносок и определения

Тег

Описание

Определяет сокращение

Определяет акроним

Определяет элемент address (адрес)

Определяет направление вывода текста

Определяет длинную цитату

Определяет короткую цитату

Определяет сноску на другой материал

Используется для определения термина

<abbr>

<acronym>

<address>

<bdo>

<blockquote>

<q>

<cite>

<dfn>

9

10 Списки

Списки

Типы списков: Неупорядоченные списки Упорядоченные списки Списки определений Директории (<DIR>) Меню (<MENU>)

10

11 Неупорядоченный список: <UL> <LI>Unordered information

Неупорядоченный список: <UL> <LI>Unordered information

<LI>Ordered information. <LI>Definitions. </UL> <UL TYPE=DISK>Тег создает сплошные маркеры такого типа, как в списках первого уровня по умолчанию. <UL TYPE=СIRCLE>Тег создает маркеры в виде окружностей. <UL TYPE=SQUARE>Тег создает сплошные квадратные маркеры.

11

12 Упорядоченный список: <OL> <LI>Unordered information

Упорядоченный список: <OL> <LI>Unordered information

<LI>Ordered information. <LI>Definitions. </OL> <ОL ТYРЕ=l> Тег создает список с нумерацией в формате 1., 2., 3., 4. и т.д. <ОL ТYРЕ=А> Тег создает список с нумерацией в формате А., В., С., D. и т.д. <OL ТYРЕ=а> Тег создает список с нумерацией в формате а., b., с., d. и т.д. <ОL ТYРЕ=I> Тег создает список с нумерацией в формате I., II., III., IV. и т.д.

12

13 Список определений: <DL> <DT><STRONG>Lower cost</STRONG> <DD>The new

Список определений: <DL> <DT><STRONG>Lower cost</STRONG> <DD>The new

version of this product costs significantly less than the previous one! <DT><STRONG>Easier to use</STRONG> <DD>We've changed the product so that it's much easier to use! <DT><STRONG>Safe for kids</STRONG> <DD>You can leave your kids alone in a room with this product and they won't get hurt (not a guarantee). </DL>

13

14 Картинки

Картинки

Изображения в HTML используются в качестве: Графических объектов в элементе IMG Графических объектов в элементе INPUT Чувствительных областей в элементе IMG

14

15 Элемент разметки IMG <img src=… alt=… align=… width=… height=…

Элемент разметки IMG <img src=… alt=… align=… width=… height=…

hspace=… vspase=…> <IMG SRC="image.gif" ALT="изображение" WIDTH="100" HEIGHT="200" HSPACE="10" VSPACE="10" BORDER="2" ALIGN="left">

15

16 Элемент разметки IMG и «чувствительные» картинки <IMG SRC=“001

Элемент разметки IMG и «чувствительные» картинки <IMG SRC=“001

jpg" ALT="Изображения" USEMAP="#imap"> <MAP NAME="imap"> <AREA SHAPE="rect" COORDS="0,0,100,100" HREF="http://www.intuit.ru/help/index.html"> <AREA SHAPE="rect" COORDS="100,0,200,100" HREF="http://www.intuit.ru/shop/index.html"> <AREA SHAPE="default" nohref> </MAP>

16

17 Ссылки

Ссылки

Варианты описания ссылок: <a href=“URL” [traget=“имя окна”]> <a name=kuku> <MAP NAME="imap"> <AREA SHAPE="rect" COORDS="0,0,100,100" HREF="http://www.intuit.ru/help/index.html"> <AREA SHAPE="rect" COORDS="100,0,200,100" HREF="http://www.intuit.ru/shop/index.html"> <AREA SHAPE="default" nohref> </MAP>

17

18 Таблицы

Таблицы

<TABLE BORDER> <TR> <TD COLSPAN=3>Если в таблице два тега TR, то в ней две строки. </TD> </TR> <TR> <TD>Если в строке три тега TD,</TD> <TD>то в ней</TD> <TD>три столбца.</TD> </TR> </TABLE>

18

19 Управление расстояниями между содержанием ячеек

Управление расстояниями между содержанием ячеек

<TABLE cellspacing=0 cellpadding=0 BORDER=0> <TR> <TD><img src=001.jpg width=100 height=100 border=0></TD> <TD><img src=001.jpg width=100 height=100 border=0></TD> <TD><img src=001.jpg width=100 height=100 border=0></TD> </TR> </TABLE>

19

20 Фреймы

Фреймы

<HTML> <HEAD> <TITLE>Пример фреймов</TITLE> </HEAD> <FRAMESET COLS="30%, 70%"> <FRAMESET rows="50%, 50%"> <FRAME SRC=html-edi0.html> <FRAME SRC=html-edi1.html> </FRAMESET> <FRAMESET rows="20%, *, 40%"> <FRAME SRC html-edi2.html > <FRAME SRC html-edi3.html > <FRAME SRC= html-edi1.html > </FRAMESET> </FRAMESET> </HTML>

20

21 Параметры фреймов

Параметры фреймов

Атрибут NАМЕ – имя фрейма Атрибут МАRGINWIDTH (по умолчанию отступ равен 6) - горизонтальный отступ от границы фрейма Атрибут МАRGINHEIGHT – вертикальный отступ Атрибут SCROLLING – запрещает полосу прокрутки Атрибут NORESIZE – не разрешает менять границу фрейма Атрибут SRС – загружаемая страница Атрибут ТАRGЕТ – целевой фрейм загрузки

21

22 Формы

Формы

<FORM METHOD=post ACTION=mailto:yourname@your.email.address> <input name=kuku value=kuku> <input type=checkbox name=r> <textarea>введите текст </textarea> <input type=submit value=“Отправить”> </form>

22

23 Комментарии

Комментарии

<!--- Все что угодно можно писать после этой комбинации символов и до следующей комбинации символов “--&gt;”, однако стоит помнить, что комментарии на сервере могут иметь прикладной смысл! -->

23

«Как вставить видео мп4 в»
http://900igr.net/prezentacija/informatika/kak-vstavit-video-mp4-v-255549.html
cсылка на страницу
Урок

Информатика

130 тем
Слайды
900igr.net > Презентации по информатике > HTML > Как вставить видео мп4 в