Информатика - Программирование - html - Основные понятия
Приступим к созданию первой Web - страницы сайта. Для этого используем привычный и достаточно удобный для этих целей текстовый редактор - Блокнот.
Выберите тему для разработки собственного сайта (например: "Моя школа", "Мое хобби" и т.п.)
1. Откройте окно текстового редактора Блокнот. Создайте следующий текст:
<html>
<head>
<title>Моя первая страница </title>
</head>
<body>
Здравствуйте, это моя персональная страница.
Вот как у меня получилось
</body>
</html> посмотреть
Вид страницы задается тегами, которые заключаются в угловые скобки. Теги могут быть одиночными, парными. Парные теги имеют открывающий и закрывающий тег (такая пара тегов называется контейнером). Закрывающий тег содержит слеш (/) перед обозначением.
*
HTML код Web - страницы помещается внутрь контейнера <html> </html>
*
Заголовок Web - страницы заключается в контейнер <head></head>
*
Название Web - страницы заключается в контейнер <title></title>
*
Основное содержание Web - страницы помещается в контейнер <body></body> и может включать в себя тексты, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы
Созданную Web - страницу необходимо сохранить в виде файла. Принято называть титульный файл сайта, т.е. тот который первый загружается в браузер, под именем index.htm.
*
Файл -> Сохранить Как (File -> Save as)
*
Дальше вводите имя своего документа, например: index.html (а не просто index; *.html - расширение должно быть обязательно).
*
Если вы уже сохранили ваш документ, как *.html, то при внесении изменений в этот документ вы можете уже сохранять их через Файл -> Сохранить (File -> Save).
2. Пример тэга: <br> (перенос текста на другую строку). Попробуйте вставить еще несколько тэгов <br> в нашем документе перед "Вот как у меня получилось" Сохраните. Посмотрите в вашем броузере, что получилось.
<html>
<head>
<title>Моя первая страница </title>
</head>
<body>
Здравствуйте, это моя персональная страница.
<br>
Вот как у меня получилось
</body>
</html>
Дата публикации:
Теги: информатика :: программирование :: основные понятия :: урок по информатике :: конспект по информатике :: лекция по информатике
Смотрите также учебники, книги и учебные материалы:
Следующие учебники и книги:
- Microsoft Word - Таблицы, колонки, назначение клавиш символам - Практическое задание
- Microsoft Word - Форматирование текста - Практическое задание
- Информатика - Программирование - html - Таблицы
- Информатика - Программирование - html - Настройки цвета
Предыдущие статьи:
- Полезный совет - Восстановление ярлыка Свернуть все окна
- Поурочный план - Информатика - Математические и статистические системы
- Поурочный план - Информатика - Создание Web-страниц
- Поурочный план - Информатика - Компьютерные коммуникации - Средства работы в сети Интернет