1
html-<html>...</html>
Если вы еще не открыли блокнот то настало время это сделать (Notepad++ или другой который у вас есть но лучше его)
html - тег <title>
html - тег <body>
Если вы хотите узнать все о веб-дизайне и разработке сайтов , первое что вы должны сделать это изучить HTML .
HTML - это язык разметки используемый в строительстве основных блоков веб-страниц .
Чтобы приобрести навыки программирования на HTML-языке вам на самом деле не обязательно обучаться в специальных учебных заведениях .
Все необходимые материалы для обучения можно найти в интернете ( сайтов с подробной инструкцией по изучению html для новичков великое множество)
Чтобы начать программирование html документа , нужно всего лишь две вещи : простой текстовый редактор такой как блокнот ну и усердие(терпение) при изучение .
Одним из самых популярных текстовых редакторов на данный момент среди веб-разработчиков является Notepad++
Когда вы заходите на сайт все предметы которые видите перед собой : текст, заголовки страниц, ссылки, картинки... все это является элементами веб-страницы(документа)
многие элементы html невидимы для посетителей сайтов(работают в фоновом режиме) и служат для того чтобы обеспечить веб-сканеры и поисковые системы полезной информацией о сайте .
Каждый элемент состоит из трех основных частей : открывающий тег,содержание и закрывающий тег
пример:
1. <p> открывающий тег
2. мой сайт - содержание элемента
3. <p/> закрывающий тег
в документе html это будет выглядеть так:
<p>мой сайт</p>
Каждая страница может содержать в себе сотни и тысячи элементов.
html-<html>...</html>
<html> - это элемент (тег), которым начинается и заканчивается любая страница ,он является внешним элементом и дает понять (рассказывает)браузеру о том что это HTML документ , так же он известен как корневой элемент .Является обязательным.
Не забудьте закрыть документ </html>-тегом , что бы обозначить конец HTML документа
Если вы еще не открыли блокнот то настало время это сделать (Notepad++ или другой который у вас есть но лучше его)
создаем новый файл смотрим чтобы кодировка была UTF-8 И прописываем в нем следующее
<html> </html> |
Теперь выбираем в меню сохранить - нажимаем , всплыло окошко "сохранить как" . задаем имя - index , выбираем тип файла - html и сохраняем на рабочий стол (это самое оптимальное и удобное место сохранения) . Теперь открываем свой созданный index.html документ в новом окне браузера перед вами откроется пустое белое окно
html - <head>элемент
Тег <head> это первый элемент содержащийся внутри тега <html>
и хотя он является элементом html контейнера он так же содержит в себе другие элементы которые не отображаются через веб-браузер , эти элементы работают "за кулисами" в фоновом режиме обеспечивая более подробную информацию о HTML документе (название страницы и другие мета-данные)
Теперь снова переходим в наш текстовый редактор и дополняем его тегом head
| <html> <head> </head> </html> |
Снова сохраняем его и открываем с помощью браузера .
И как видим ни каких изменений у нас не произошло наша вновь открытая страница до сих пор пустая
Посмотрим что будет дальше
html - тег <title>
Элемент title добавляет заголовок веб-страницы . Названия веб-страницы отображаются в верхней части окна браузера или верхней части вкладки браузера .
Правильное название создает хорошее первое впечатление у посетителей и любая страница без названия в лучшем случаи считается непрофессионализмом.
поэтому ...дальше...
снова открываем текстовый редактор и добавляем тег title с названием страницы
| <html> <head> <title>Моя Веб-Страница !</title> </head> </html> |
Сохраните файл и обновите страницу в браузере . Вы должны увидеть "Моя Веб-Страница !" в верхней панели вашего браузера.
html - тег <body>
тег body является контейнером для всех визуальных элементы (текст, картинки, таблицы др.) веб-страницы и отображающихся в браузере . Мы будем рассматривать каждый из этих элементов более подробно по мере дальнейшего изучения HTML . А пока следует запомнить и понять что тег body является одним из важнейших элементов и содержит в себе все видимое содержание веб-страницы
снова идем в текстовый редактор и ...
| <html> <head> <title>Моя Веб-Страница !</title> </head> <body> <p>Однажды, давным-давно...</p> </body> </html> |
И СМОТРИМ РЕЗУЛЬТАТ . ЕСЛИ ВСЕ СДЕЛАНО ПРАВИЛЬНО ТО ТЕПЕРЬ НА ВАШЕЙ СТАНИЦЕ ДОЛЖНА ПОЯВИТСЯ НАДПИСЬ "Однажды, давным-давно..." (В ПРАВОМ, ВЕРХНЕМ УГЛУ)
