19:00 Создание сайта урок 5 | |
Всем привет это урок 5!!! В этом уроке мы сделаем самый простой сайт, используя материал прошлых уроков. Мы рассказывали в прошлых уроках про разные теги и приводили примеры. Для начала мы создадим папку с названием «Сайт» в ней создаем ещё одну папку с названием «image» в этой папке будут наши изображения. Теперь можем приступить к созданию самого сайта. В папку «image» качаете или переносите 4 фото. После возвращаетесь в папку «Сайт» и создаете html документ (если вы пишите через submit text 3, то нажимаете файл сохранить как и сохраняете в папке «Сайт»)Для начала сделаем первоначальный вид сайта: <html> <head> </head> <body> </body> </html> Вот так. Далее мы будем вставлять в эту конструкцию элементы с прошлых уроков и первое что мы вставим:<title> его вставляем в <head>. И получиться вот так: <head> <title>Главная</title> </head> Вторым будет, элемент из 4-го урока <a> его вставляем в <body> вот так: <body> <a hrew=”index.html”>Главная</a> </body> Мы сделали ссылку на документ. Сделаем ещё пару документов, у нас их будет всего 4: Главная, Фото Машинки, Фото собаки и Фото Природы. Теперь давайте прикрепим фото к каждой страницы, мы пишем: <body> <img src="image/glfoto.jpg" alt="Главное Фото" width="300px;"> </body> Вот как будет выглядеть все это в браузере
Вот код, который мы использовали: <html>
<head> <title>Главная</title> </head> <body>
<h1>Главная</h1>
<a href="index.html"> Главная </a> <br> <a href="audi.html"> Фото Машины </a> <br> <a href="priroda.html"> Фото Природы </a> <br> <a href="Sobaka.html"> Фото Собаки</a><br> <br> <br> <img src="image/glfoto.jpg" alt="Главное Фото" width="300px;"> </body> </html> Дальше мы будем добавлять и улучшать наш сайт!!! | |
|
| |
| Всего комментариев: 0 | |