Перейти к содержанию
Задайте вопрос

Азы веб программирования

Оценить эту тему:

Гость Денис

Автор Гость Денис,
в Компьютеры, софт, IT

 Поделиться

Рекомендуемые сообщения

Open Lipetsk Newbie

Open Lipetsk

Опубликовано
Опубликовано

Добрый день.

 

Начать лучше с самого простого, понять что такое HTML. Это не программирование как многие говорят, это разметка текста.

 

Самый простой сайт делаем так:

1. Откройте блокнот.

2. Скопируйте следующий текст:

<html>
<head>
<title>Моя первый сайт</title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут (здесь впишите Ваше имя), это моя первая страничка!
</body>
</html>

3. Сохраните файл под любым именем, но с расширением файла обызятельно .html или .htm

4. Откройте этот файл любым браузером, и вы увидете вашу первую страницу :)

Ссылка на комментарий
Поделиться на другие сайты
Open Lipetsk Newbie

Open Lipetsk

Опубликовано
Опубликовано

Этот пример как основа того с чем вам предстоит работать - с текстом!

 

Дальше расскажу по теги (из поста выше это вот такие элементы ,

,
... и так далее), что такое и как их использовать. Тегов много, и все они за что-то отвечают.
Ссылка на комментарий
Поделиться на другие сайты
Open Lipetsk Newbie

Open Lipetsk

Опубликовано
Опубликовано
- в этом теге содержаться два других основных тега, являющимися рабочими (показывают содержание страницы)

 

- в этом теге мы подключаем к странице CSS (каскадные таблицы стилей (оформление вашей страницы)), прописываем название страницы (тег ). То что находится  между тегами не отображается пользователю

 

- в этом теге мы и будем работать практически всё время. В нём прописываются всё содержимое страницы, которое вы видите перед собой.

 

Теги , и обязаны закрываться вот таким образом ,,. Чтобы закрыть тег требуется прописать данный тег, к примеру

(новый параграф), и перед английским символом, обозначающим тег, поставить косую черту. Это будет выглядеть так -

. Закрытие тега требуется для разделения области его действия.

Ссылка на комментарий
Поделиться на другие сайты
Гость Гость

Гость Гость

Опубликовано
Опубликовано

Хороший сайт для самостоятельного обучения htmlbook.ru

Подробные примеры, книги, руководства.

Ссылка на комментарий
Поделиться на другие сайты
Open Lipetsk Newbie

Open Lipetsk

Опубликовано
Опубликовано

Хороший сайт для самостоятельного обучения htmlbook.ru

Подробные примеры, книги, руководства.

Согласен. В свое время также по нему занимался. 

 

Денис, задавай вопросы! Получилось сделать свою первую страницу?

Ссылка на комментарий
Поделиться на другие сайты
Гость Денис

Гость Денис

Опубликовано
Опубликовано

Да) первую страницу сделать получилось) большое спасибо))) хотел бы еще узнать) а как делаются меню на страницах?) И тд.

Ссылка на комментарий
Поделиться на другие сайты
Open Lipetsk Newbie

Open Lipetsk

Опубликовано
Опубликовано

Да) первую страницу сделать получилось) большое спасибо))) хотел бы еще узнать) а как делаются меню на страницах?) И тд.

 

Меню или переход между страницами, делается с помощью тега и называется гипертекстовая ссылка

 

Вот пример наглядный:

1. Ту страницу, что была выше с кодом

<html>
<head>
<title>Моя первый сайт</title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут (здесь впишите Ваше имя), это моя первая страничка!
</body>
</html>

сохрани, как, например, start.html

 

2. Дальше сделай вторую страницу, назови, second.html с таким содержанием 

<html>
<head>
<title>Моя первый сайт</title>
</head>
<body>
Эта ссылка ведет на мою первую страницу
<br>
<a href="start.html">Моя первая страница</a>
</body>
</html>

3. Оба файла должны должны лежать в одной папке! Это важно.

4. Открывай страницу second.html и поймешь куда жать :)

Ссылка на комментарий
Поделиться на другие сайты
Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Восстановить форматирование

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
 Поделиться
Перейти к списку тем



×
×
  • Создать...