🗊 Создание WEB-страниц с помощью HTML

Категория: Информатика
Нажмите для полного просмотра!
Создание WEB-страниц с помощью HTML , слайд №1 Создание WEB-страниц с помощью HTML , слайд №2 Создание WEB-страниц с помощью HTML , слайд №3 Создание WEB-страниц с помощью HTML , слайд №4 Создание WEB-страниц с помощью HTML , слайд №5 Создание WEB-страниц с помощью HTML , слайд №6 Создание WEB-страниц с помощью HTML , слайд №7 Создание WEB-страниц с помощью HTML , слайд №8 Создание WEB-страниц с помощью HTML , слайд №9 Создание WEB-страниц с помощью HTML , слайд №10 Создание WEB-страниц с помощью HTML , слайд №11 Создание WEB-страниц с помощью HTML , слайд №12 Создание WEB-страниц с помощью HTML , слайд №13 Создание WEB-страниц с помощью HTML , слайд №14 Создание WEB-страниц с помощью HTML , слайд №15 Создание WEB-страниц с помощью HTML , слайд №16 Создание WEB-страниц с помощью HTML , слайд №17 Создание WEB-страниц с помощью HTML , слайд №18 Создание WEB-страниц с помощью HTML , слайд №19 Создание WEB-страниц с помощью HTML , слайд №20 Создание WEB-страниц с помощью HTML , слайд №21 Создание WEB-страниц с помощью HTML , слайд №22 Создание WEB-страниц с помощью HTML , слайд №23
Скачать

Содержание ▲

Вы можете ознакомиться и скачать Создание WEB-страниц с помощью HTML . Презентация содержит 23 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Создание WEB-страниц с помощью HTML
Описание слайда:
Создание WEB-страниц с помощью HTML

Слайд 2


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

Слайд 3


Структура заголовка Заголовок содержит необходимые для работы с документом сведения: название документа, позиция в сети, связи с другими документами и т.д. Например: <head> <title>Первая страница</title> </head>
Описание слайда:
Структура заголовка Заголовок содержит необходимые для работы с документом сведения: название документа, позиция в сети, связи с другими документами и т.д. Например: <head> <title>Первая страница</title> </head>

Слайд 4


Структура главной части В главной части документа располагается содержимое самой Web-страницы с графикой, текстом и гиперссылками на другие ресурсы Internet.
Описание слайда:
Структура главной части В главной части документа располагается содержимое самой Web-страницы с графикой, текстом и гиперссылками на другие ресурсы Internet.

Слайд 5


Дескрипторы <body>
Описание слайда:
Дескрипторы <body>

Слайд 6


Работа с текстом в документе Форматирование заголовков всех типов производится посредством дескрипторов <h1>…..<h6> <h1> соответствует верхнему уровню в иерархии заголовков, <h6> - нижнему. Для форматирования заголовков используется атрибут align: Align=left – располагает заголовок по левому краю текста; Align=center – центрирует заголовок; Align=right – смещает заголовок к правому краю. Например: <h1 align="center">Заголовок страницы</h1>
Описание слайда:
Работа с текстом в документе Форматирование заголовков всех типов производится посредством дескрипторов <h1>…..<h6> <h1> соответствует верхнему уровню в иерархии заголовков, <h6> - нижнему. Для форматирования заголовков используется атрибут align: Align=left – располагает заголовок по левому краю текста; Align=center – центрирует заголовок; Align=right – смещает заголовок к правому краю. Например: <h1 align="center">Заголовок страницы</h1>

Слайд 7


Создание абзаца Для каждого абзаца текста в документе используется дескриптор <p> и </p>, в котором может быть использован атрибут align. Например: <p align="center">Это текст выравненный по центру<br></p>
Описание слайда:
Создание абзаца Для каждого абзаца текста в документе используется дескриптор <p> и </p>, в котором может быть использован атрибут align. Например: <p align="center">Это текст выравненный по центру<br></p>

Слайд 8


Форматирование шрифта Изменение шрифта текста осуществляется с помощью дескриптора <font>. Этот дескриптор допускает использование следующих атрибутов: Color=Цвет – задает цвет шрифта; Например: <p align="center"><font color="#FFFF00" >Это текст выравненный по центру<br></p>
Описание слайда:
Форматирование шрифта Изменение шрифта текста осуществляется с помощью дескриптора <font>. Этот дескриптор допускает использование следующих атрибутов: Color=Цвет – задает цвет шрифта; Например: <p align="center"><font color="#FFFF00" >Это текст выравненный по центру<br></p>

Слайд 9


Форматирование шрифта Face=Шрифт – задает вид шрифта; Например: <p align="center"><font face=Arial color="#FFFF00" >Это текст выравненный по центру <br> </p>
Описание слайда:
Форматирование шрифта Face=Шрифт – задает вид шрифта; Например: <p align="center"><font face=Arial color="#FFFF00" >Это текст выравненный по центру <br> </p>

Слайд 10


Форматирование шрифта Size=n – задает размер шрифта. Например: <p align="center"><font face=Arial color="#FFFF00" size="5">Это текст выравненный по центру <br></p>
Описание слайда:
Форматирование шрифта Size=n – задает размер шрифта. Например: <p align="center"><font face=Arial color="#FFFF00" size="5">Это текст выравненный по центру <br></p>

Слайд 11


Форматирование шрифта Полужирный шрифт Дескриптор <b>,</b> - позволяет отобразить текст полужирным шрифтом <b>Жирный текст</b> Курсивный текст Дескриптор <i>,</i> - позволяет отобразить текст курсивным шрифтом <i>Курсивный текст</i>
Описание слайда:
Форматирование шрифта Полужирный шрифт Дескриптор <b>,</b> - позволяет отобразить текст полужирным шрифтом <b>Жирный текст</b> Курсивный текст Дескриптор <i>,</i> - позволяет отобразить текст курсивным шрифтом <i>Курсивный текст</i>

Слайд 12


Создание списков Маркированные списки Создание такого списка производится посредством пары дескрипторов <ul>,</ul>. Эта пара дескрипторов автоматически формирует список. Этот дескриптор может использовать атрибут type, для задания маркера: Type=disc – в качестве маркера используется закрашенный кружок; Type=circle– в качестве маркера используется незакрашенный кружок; Type=square– в качестве маркера используется квадратик; Каждый элемент списка описывается с помощью дескриптора <li>
Описание слайда:
Создание списков Маркированные списки Создание такого списка производится посредством пары дескрипторов <ul>,</ul>. Эта пара дескрипторов автоматически формирует список. Этот дескриптор может использовать атрибут type, для задания маркера: Type=disc – в качестве маркера используется закрашенный кружок; Type=circle– в качестве маркера используется незакрашенный кружок; Type=square– в качестве маркера используется квадратик; Каждый элемент списка описывается с помощью дескриптора <li>

Слайд 13


Создание списков Например: <p><em>Списки могут быть</em> <ul type=square> <li>Нумерованные <li>Маркированные <li>Многоуровневые </ul>
Описание слайда:
Создание списков Например: <p><em>Списки могут быть</em> <ul type=square> <li>Нумерованные <li>Маркированные <li>Многоуровневые </ul>

Слайд 14


Создание списков Нумерованные списки Создание такого списка производится посредством пары дескрипторов <ol>,</ol>. Дескриптор <ol> может использоватьатрибут type, для задания способа нумерации: Type=1 – нумерация выполняется арабскими цифрами; Type=А– нумерация выполняется прописными буквами; Type=а– нумерация выполняется строчными буквами; Type=I– нумерация выполняется большими римскими цифрами; Type=i– нумерация выполняется малыми римскими цифрами;
Описание слайда:
Создание списков Нумерованные списки Создание такого списка производится посредством пары дескрипторов <ol>,</ol>. Дескриптор <ol> может использоватьатрибут type, для задания способа нумерации: Type=1 – нумерация выполняется арабскими цифрами; Type=А– нумерация выполняется прописными буквами; Type=а– нумерация выполняется строчными буквами; Type=I– нумерация выполняется большими римскими цифрами; Type=i– нумерация выполняется малыми римскими цифрами;

Слайд 15


Создание списков Например: <ol type=A> <li>Нумерованные <li>Маркированные <li>Многоуровневые </ol>
Описание слайда:
Создание списков Например: <ol type=A> <li>Нумерованные <li>Маркированные <li>Многоуровневые </ol>

Слайд 16


Создание таблиц Формирование таблицы осуществляется дескрипторами <Table> И </Table>. В этом дескрипторе задаются глобальные опции таблиц.
Описание слайда:
Создание таблиц Формирование таблицы осуществляется дескрипторами <Table> И </Table>. В этом дескрипторе задаются глобальные опции таблиц.

Слайд 17


Создание таблиц
Описание слайда:
Создание таблиц

Слайд 18


Создание таблиц Таблицы в html состоят из строк, а строки из ячеек. Дескриптор <tr> начинает строку, а </tr> заканчивает. Между этими дескрипторами располагаются дескрипторы, описывающие ячейки - <td> или <th>.
Описание слайда:
Создание таблиц Таблицы в html состоят из строк, а строки из ячеек. Дескриптор <tr> начинает строку, а </tr> заканчивает. Между этими дескрипторами располагаются дескрипторы, описывающие ячейки - <td> или <th>.

Слайд 19


Создание таблиц
Описание слайда:
Создание таблиц

Слайд 20


Создание таблиц В html различают две категории ячеек: ячейки заголовков <th> (</th>) и ячейки данных<td> (</td>). Содержимое ячейки данных горизонтально выравнивается по левому краю. Содержимое ячейки заголовка горизонтально выравнивается по центру и выделяется полужирным шрифтом.
Описание слайда:
Создание таблиц В html различают две категории ячеек: ячейки заголовков <th> (</th>) и ячейки данных<td> (</td>). Содержимое ячейки данных горизонтально выравнивается по левому краю. Содержимое ячейки заголовка горизонтально выравнивается по центру и выделяется полужирным шрифтом.

Слайд 21


Создание таблиц
Описание слайда:
Создание таблиц

Слайд 22


Создание таблиц
Описание слайда:
Создание таблиц

Слайд 23


Создание таблиц Текст программы: <table border=3 bordercolor=yellow cellpadding=10> <tr> <th colspan=2 bgcolor=blue>Список дисциплин </tr> </tr> <tr> <td>№ <td>Наименование дисциплины </tr> <tr> <td>1. <td>Математика </tr> <tr> <td>2. <td>Инфopмaтикa </tr> </table>
Описание слайда:
Создание таблиц Текст программы: <table border=3 bordercolor=yellow cellpadding=10> <tr> <th colspan=2 bgcolor=blue>Список дисциплин </tr> </tr> <tr> <td>№ <td>Наименование дисциплины </tr> <tr> <td>1. <td>Математика </tr> <tr> <td>2. <td>Инфopмaтикa </tr> </table>

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию