Презентация Создание Web-страниц на языке HTML онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Создание Web-страниц на языке HTML абсолютно бесплатно. Урок-презентация на эту тему содержит всего 20 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Презентации » Информатика » Создание Web-страниц на языке HTML
Оцените!
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:20 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:306.58 kB
- Просмотров:86
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№4 слайд
![Структура HTML документа.](/documents/31a054f64bf8c9ef182c346f4c025a9c/img3.jpg)
Содержание слайда: Структура HTML документа.
Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих тегов:
<HTML> - Это самый главный тег, так как указывает принадлежность документа к HTML языку, заключает в себе всё содержимое веб – страницы, ставится в самом начале и соответственно в конце закрывает документ.
<html>…</html>
<HEAD> - Этот тег не менее важен, в нём размещается не видимая информация о вашем сайте предназначенная для поисковых машин.
<head>…</head>
№5 слайд
![lt TITLE gt - Название,](/documents/31a054f64bf8c9ef182c346f4c025a9c/img4.jpg)
Содержание слайда: <TITLE> - Название, оглавление страницы, предназначен для поисковых машин, этот
тег всегда помещается внутри - <head><title>…</title></head>
<TITLE> - Название, оглавление страницы, предназначен для поисковых машин, этот
тег всегда помещается внутри - <head><title>…</title></head>
<BODY> - В этот тег помещается информация, которая должна отображаться в окне браузера.
<body>…</body>
№7 слайд
![Чтобы расширить возможности](/documents/31a054f64bf8c9ef182c346f4c025a9c/img6.jpg)
Содержание слайда: Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются атрибуты тегов.
Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются атрибуты тегов.
Атрибуты тега тела документа
<body bgcolor="…"> - Цвет фона документа, используя значение цвета в виде RRGGBB.
<body text="..."> - Цвет текста документа
№9 слайд
![lt H gt ..... lt H gt -](/documents/31a054f64bf8c9ef182c346f4c025a9c/img8.jpg)
Содержание слайда: <H1>.....<H6> - Определяет величину заголовка по их степени важности.
<h1>.....</h1> - Самый большой заголовок.
<h6>.....</h6> - Самый маленький заголовок.
<H1>.....<H6> - Определяет величину заголовка по их степени важности.
<h1>.....</h1> - Самый большой заголовок.
<h6>.....</h6> - Самый маленький заголовок.
<b>…..</b> - Определяет текст жирным шрифтом.
<i>…..</i>- Определяет текст наклонным (курсив) шрифтом.
<tt>…..</tt>- Имитирует стиль печатной машинки.
<font color=”…”>…..</font> - Задаёт цвет текста, шестнадцатеричном коде.
<font size="...">…..</font>- Задаёт величину шрифта в пределах от “1” до “7”.
<big>…..</big>- Увеличивает размер текст на условную 1-цу от заданного.
<strong>…..</strong>- Этот тег, браузер определяет как жирное начертание текста.
<em>…..</em>- Этот тег, браузер определяет как наклонное (курсив) начертании текста.
№10 слайд
![Форматирование текста](/documents/31a054f64bf8c9ef182c346f4c025a9c/img9.jpg)
Содержание слайда: Форматирование текста документа
<p>…..</p>- Определяет новый параграф текста с предварительным пропуском одной строки.
< P ALIGN=”…”> - Выравнивает текст относительно одной из сторон документа. Значения: “left”, “right”, “justify, “ center”.
Пример: <p align="center">текст</p> Текст по центру.
№11 слайд
![lt OL gt - Определяет](/documents/31a054f64bf8c9ef182c346f4c025a9c/img10.jpg)
Содержание слайда: <OL> - Определяет нумерованный список.
<LI> - Объекту, заключённому в этот тег присваивается номер.
Также применяется атребут:
start - Указывает стартовый номер.
type - Определяет характер обозначение, буквенный “Ж”, ”ж”, “J”, ”j” или цифровой – “10”, “Х”.
<OL> - Определяет нумерованный список.
<LI> - Объекту, заключённому в этот тег присваивается номер.
Также применяется атребут:
start - Указывает стартовый номер.
type - Определяет характер обозначение, буквенный “Ж”, ”ж”, “J”, ”j” или цифровой – “10”, “Х”.
<ol type="… " start="число" >...</ol>
Пример:
<ol type="1" start="3">
<LI>морковь
<LI>капуста
<LI>яблоки
<LI>уксус
<LI>сахар
<LI>соль
</ol>
Результат:
3. морковь
4. капуста
5. яблоки
6. уксус
7. сахар
8. соль
№12 слайд
![Графические элементы на](/documents/31a054f64bf8c9ef182c346f4c025a9c/img11.jpg)
Содержание слайда: Графические элементы на странице
<img src="name"> Вставляет изображение на страницу.
<img src="name" align="?"> Форматирует положение изображения в документе. Может иметь значения: left, right, center; bottom, top, middle.
<img src="name" border="?">Устанавливает толщину рамки вокруг изображения
<img src="name" vspase="?">Устанавливает поля сверху и снизу
<img src="name" hspase="?">Устанавливает поля слева и справа.
<hr> - Добавляет горизонтальную линию.
<hr width="?"> Указывает ширину линии в пикселах или процентах.
<hr noshade>Линия без тени.
<hr color="?"> Определяет цвет линии.
№14 слайд
![Атрибуты таблицы lt table](/documents/31a054f64bf8c9ef182c346f4c025a9c/img13.jpg)
Содержание слайда: Атрибуты таблицы
<table border="#"> Определяет толщину рамки.
<table cellspacing="#"> Определяет расстояние между ячейками
<table width="#">Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах)
<table height="#">Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах)
<td colspan="#">Указывает количество столбцов, объединенных в одной ячейке.
<td rowspan="#"> Указывает количество строк, объединенных в одной ячейке.
<td width="#"> Задает ширину ячейки таблицы в пикселях или процентах.
<td height="#">Задает высоту ячейки таблицы в пикселях или процентах.
№15 слайд
![Оформление гиперссылок lt a](/documents/31a054f64bf8c9ef182c346f4c025a9c/img14.jpg)
Содержание слайда: Оформление гиперссылок
<a href="Адрес ресурса - URL"></a> - Задаёт переход на другие ресурсы.
<a href="Имя файла"> - Название страницы</a> - Задаёт переход на другие страницы сайта.
<a href="Имя файла содержащего информацию" target="_blank"> - Название страницы</a> - Задаёт переход на другую страницу сайта в новом окне.
№17 слайд
![Пример Гиперссылка может](/documents/31a054f64bf8c9ef182c346f4c025a9c/img16.jpg)
Содержание слайда: Пример:
Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы (http://www.site.com/page.html).
Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL (page.html, catalog/page.html). Делая графическую гиперссылку, помните, что некоторым пользователям графика недоступна, поэтому обязательно включайте соответствующие текстовые элементы.
№18 слайд
![HTML-код HTML-код lt a href](/documents/31a054f64bf8c9ef182c346f4c025a9c/img17.jpg)
Содержание слайда: HTML-код:
HTML-код:
<a href="http://on-line-teaching.com/index.html">Ссылка на главную страницу сайта</a>
Отображение в браузере:
Ссылка на главную страницу сайта
HTML-код:
<a href="../index.html">Ссылка на главную страницу сайта</a>Отображение в браузере:
Ссылка на главную страницу сайта
№19 слайд
![Гиперссылка в пределах html](/documents/31a054f64bf8c9ef182c346f4c025a9c/img18.jpg)
Содержание слайда: Гиперссылка в пределах html страницы
Гиперссылка в пределах html страницы
Иногда необходимо сделать гиперссылку в пределах одной страницы. Например, в начале страницы это гиперссылки, позволяющие перейти к просмотру конкретного вопроса, и в самом низу страницы - позволяющей перейти в начало страницы.
Чтобы построить ссылку на область внутри текущей страницы, надо дать этой области название при помощи атрибута NAME тэга <A>. Имя должно содержать только буквы и цифры.
Таким образом можно делать гиперссылки, указывающие на области других страниц внутри сайта.
Пример:
HTML-код:
<a href="#Начало страницы">Наверх страницы</a>
В то место, куда надо сделать переход надо вставить:
<a name="Начало страницы"></a>
Отображение в браузере:
Наверх страницы
Скачать все slide презентации Создание Web-страниц на языке HTML одним архивом:
Похожие презентации
-
Создание WEB-страниц с помощью HTML
-
Создание аватарок для Web-страниц
-
Создание простой Web-страницы
-
Тема: Создание Web- страниц.
-
Создание Web-страниц
-
Тема: Создание Web- страниц.
-
Скачать презентацию Создание WEB–сайта с помощью языка HTML
-
Программы автоматизации разработки Web-страниц Выполнила: Студентка 1 курса группы ПИ-124 Факультета «Экономики и управления» Вор
-
"web - сайты и web - страницы" - скачать презентации по Информатике
-
Webquest - помощник в создании проекта «Гид по Черноголовке»