Презентация Основные теги HTML онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Основные теги HTML абсолютно бесплатно. Урок-презентация на эту тему содержит всего 9 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:9 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:2.78 MB
- Просмотров:70
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Основные теги HTML
№2 слайд
Содержание слайда: Язык HTML
HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов.
Основным назначением HTML тегов является указание области действия тех или иных правил разметки документов. Большая часть HTML тегов состоит из двух частей: открывающий тег <...> и закрывающий тег </...>.
№3 слайд
Содержание слайда: Структура HTML-документа
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Моя первая HTML-страница</title>
</head>
<body> <p>Здравствуйте!</p>
</body>
</html>
№4 слайд
Содержание слайда: Теги структуры
<HTML> Этот тег указывает на начало HTML-документа
<HEAD> Этот тег указывает на начало области заголовка Web-страницы.
<TITLE>Структура Web-страницы</title> Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна броузера.
<META http-equiv="Content-Type" content="text/html; charset=windows-1251"> Этот тег несет служебную информацию и не отображается в экране браузера. В данном случае идет речь о кодировке Web-странички. Вам достаточно лишь каждый раз вставлять этот тег в таком виде на свою страничку. Тогда ваша страничка будет использовать кодировку windows-1251, наиболее распространенную на сегодняшний день.
</head> Конец области заголовка Web-страницы.
<BODY > Начало собственно содержимого Web-страницы.
</body> Конец содержимого Web-страницы.
</html> Конец HTML-документа.
№5 слайд
Содержание слайда: Форматирование текста
Абзац <P> </p>
Переход на новую строку <br>
Выделение текста полужирным шрифтом <B> </b>
Выделение текста курсивом <I> </i>
Маркированный список
<UL>
<LI> Первый пункт списка;
<LI> Второй пункт списка;
<LI> Третий пункт списка.
</ul>
Нумерованный список
<OL>
<LI> Первый пункт списка;
<LI> Второй пункт списка;
<LI> Третий пункт списка.
</ol>
№6 слайд
Содержание слайда: Рисунки на WEB-страничке
<IMG> - элемент для создания ссылки на графический файл (image). Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д.
Необходимым атрибутом является src - указатель на файл графики:
src="Ссылка на файл".
Например:
<IMG src="bos2.gif> - обычный рисунок
№7 слайд
Содержание слайда: Гиперссылки
<A> </a> - один из самых важных элементов языка, обеспечивающий создание гиперссылок. Чаще всего используется такой шаблон:
Произвольный текст <A href="адрес ссылки">Текст для щелчка </a>
№8 слайд
Содержание слайда: Таблицы
Таблицы являются очень удобным средством форматирования данных на Web-станице. Они позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением.
При создании таблиц используется принцип вложения: внутри основного элемента таблицы TABLE создается ряд элементов, определяющих строки TR, а внутри этих элементов размещаются элеметы для описания каждой ячейки в с строке TD.
<TABLE> </table> - внешний элемент талицы.
<TR> </tr> - элемент, задающий строку таблицы.
<TD> </td> - элемент, задающий ячеку таблицы.
Например:
Таблица из 2 строк, в первой строке - 2 ячейки, во втрой – 3.
<TABLE> <TR> <TD> 1.1</td> <TD> 1.2</td> </tr> <TR> <TD>2.1 </td> <TD>2.2 </td> <TD>2.3 </td> </tr> </table>
№9 слайд
Содержание слайда: Полезные ссылки
Учебник по HTML http://infoschool.narod.ru/html/index.htm
HTML справочник http://html.manual.ru/
Как сделать сайт самому и бесплатно http://seodon.ru/kak-sdelat-sait/
Скачать все slide презентации Основные теги HTML одним архивом:
