Информатика - Программирование - html - Основные понятия


Информатика - Программирование - 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>
Дата публикации:






Теги: :: :: :: :: ::


 


 

Книги, учебники, обучение по разделам




Не нашёл? Найди:





2024-03-28 23:23:07