Итак, сегодня мы создадим свою первую интернет страницу и сделаем первый шаг к покорению интернета 🙂
Первое, что вам нужно усвоить: HTML (HyperText Markup Language — «язык разметки гипертекста») не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы указываем браузеру где будет размещен текст, картинка, таблица и т.п.)
То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют метки (тэги).
При помощи тэгов ваша страница (файл) общается с браузером, то есть она ему говорит, что здесь находиться текст определенного шрифта, размера, цвета и т.д. а браузер в свою очередь размещает этот текст, в своем окне, исключительно таким образом каким вы указали при создании страницы.
Теперь мы создадим нашу первую страницу. Для этого нам понадобится любой текстовый редактор, я вам советую «Notepad++» его можно скачать в разделе: программы. Либо можете воспользоваться стандартным блокнотом, только будьте внимательны, когда будете сохранять файл, обязательно сохраняйте его с расширением «html» это будет выглядеть так: «имя-вашего-файла.html»
И так открываем наш редактор и пищем следующий код:
| <html> <head> <title>Моя первая страница</title> </head> <body> Получилось!!!<br/>Это моя первая страница. </body> </html> |
В верхнем левом углу редактора открываем вкладку «файл» выбираем «сохранить как» В появившемся окне выбираем директиву путь (место, где будет храниться наш файл) а ниже в строке «имя файла» даем имя нашему файлу, ставим точку и пишем его расширение, в нашем случае «html», к примеру, если назовем наш файл «index» то сохранять его надо в таком виде: «index.html»
Затем открываем наш файл, если на экране появилось:
| Получилось!!! Это моя первая страница. |
Значит, вы все сделали правильно, и я могу вас поздравить с созданием первой интернет странички! Но если возникли какие-то трудности или вопросы, то не стесняйтесь и задавайте их на нашем форуме.
Не забывайте сохранять внесенные изменения в редакторе и обновлять страницу в браузере.
Александр спасибо, решил начать осваивать HTML, все написано понятными доступными словами, думаю, что без проблем смогу получить начальные знания на этом сайте)
Mari28 Создать страничку не трудно, но без знаний основ HTML Вам не обойтись. Для тех кто только начинает это осваивать сначала нужно будет конечно попрактиковаться. Благодаря этому сайту у меня не возникло ни каких трудностей!
LELYA А у меня не получается . Сохранила файл с расширением html, открываю страницу — а там какие-то непонятные символы с буквами. Пробовала в блокноте — там получается, тип файла TXT, кодировка ANSI. А тут какой тип файла, у меня автоматически ставится HTML. Помогите, плиз
sasha В блокноте, по умолчанию, файл сохраняется с расширением «тхт» в кодировке ANSI. Поэтому необходимо всегда прописывать расширение (тип) сохраняемого файла (в нашем случае «html» ). Также, в блокноте (Notepad++) в верхней панели можно выбрать пункт «Кодировки» и выбрать «Преобразовывать в UTF-8 без BOM» либо в верхней панели меню браузера, перейти в «Вид/Кодировка/Автоопределение/ выбрать: Русская» судя по всему у Вас стоит: «Вид/Кодировка/Автоопределение/(Отключено)» Советую, всегда кодировать файлы в UTF-8, даже если вы уверены что кроме кириллицы и латиницы на вашем сайте никаких символов не будет. В жизни все может быть Проверенно!!! Сейчас работаю над курсом: «Как сделать сайт визитку…» в одном из уроков я упомянул о кодировке файлов.
Bodya Отличный сайт. Не мало сайтов просмотрел в поиске того, как научится создавать хотя бы простейшие сайты, везде было написано кучи непонятных слов, где ничего не получалось. Здесь у меня всё выходит с первой попытки, так же расширил свои знания. Спасибо большое, буду дальше учится на этом сайте, и буду советовать своим друзьям.
Ирина Отличная помощь доя новичков, все получилось с первого раза. Огромное вам спасибо за такой прекрасный, очень удобный , хорошо составленный сайт.
Любовь Павлова Спасибо прекрасная инструкция.