Similar presentations:
WEB-программирование. Создание и редактирование документов HTML
1. WEB-программирование. Создание и редактирование документов HTML.
2. Цель
Отработать навыки создания web-страницы напримере программ Блокнот и браузер.
3. «Мозговой штурм». Вопросы-Ответы.
4.
3.«Мозговой штурм».Вопросы-Ответы.
1. Язык разметки
гипертекста –
2. Совокупность
тематически связанных
между собой Webстраниц.
3.Унифицированный
адрес ресурса
HTML
Сайт
URL
5.
3.«Мозговой штурм».Вопросы-Ответы.
4. Услуга хранения
Хостинг
5. Текст, связанный при
помощи ссылок
(гиперссылок) с другими
текстами
Гипертекст
6.
3.«Мозговой штурм».Вопросы-Ответы.
6. Текст или рисунок,
содержащий скрытый адрес,
при нажатии, которой
происходит переход на
другую Web-страницу– гиперссылка
7. Какие бывают домены?
Географические и
тематические
7.
3.«Мозговой штурм».Вопросы-Ответы.
6. Программа для просмотра
web-страниц
Браузер
8. Что такое тэг?
Тэг – это элемент HTML,представляющий из себя текст,
заключенный в угловые скобки <>.
Обычно используются два тэга открывающий(<тэг>) и закрывающий
(</тэг>).
Такой символ в закрывающем теге - /
- имеет название СЛЭШ
9. Структура Web-страницы можеть выглядеть таким образом:
<html><head>
<title>
</title>
</head>
<body>
</body>
</html>
10. Основные тэги для создания Web-страницы:
<body bgcolor=pink> - Цвет фонастраницы (устанавливает розовый фон)
<p> – тэг создания абзаца
<center>- по центру
<H1>…<H6> - размеры заголовков
11. Добавление иллюстрации
Для добавления картинки на страничкуиспользуют тег:
<img src>
Рисунок обычно должен иметь расширение
.gif, .png, .jpg.
НАПРИМЕР,
Картинка по центру:
<img src="1.jpg">
12. Как сохранить созданную Web-страничку?
Документ HTML можно создаватьнапример, в программе «Блокнот» и
сохранять необходимо в виде файла с
расширением *.html или *.htm
Например: время года.html