Уроки Онлайн

Урок 1: Первая страница Html

И так мы хотим свой сайт! Но как же его сделать? На эту тему есть куча разных учебников, терабайты видео, да много сайтов посвященных этой тематики. По этой причине не будем тратить время на поиск и фильтровку кучи информации. Постараюсь все изложить подробно, просто, доступно и интересно.

И так начнем:

Немного теории: кто изобрел язык Html, я так думаю нам не сильно важно. Поэтому перейдем к более важным знаниям. Сам Html является языком разметки (каркасом на котором и держится вся страница). Благодаря нему элементы страницы находятся там, где они находятся. Давайте рассмотрим на примере:

И так для начала создадим текстовый файл в любом текстовом редакторе (главное чтобы у него было расширение txt) кому это кажется странным, не пугайтесь так задумано. Назовем его index.1

Далее откроем его и введем следующую конструкцию

<html>

<head>

<title> Первая страница</title>

</head>

<body>

</body>

</html>

2

Теперь посмотрим на этот код глазами браузера:

<html> -сообщает браузеру, что это будет документ html. Кстати все, что находится в < > видит только браузер, и называется Тегом. Каждый открывающий тег должен иметь закрывающий тег. Эта пара выглядит так <> </>.

<head> (заголовок) здесь описывается информация о страницы, которая видна только браузеру. В дальнейшем поговорим более подробно.

<title> сообщает браузеру, что страница будет называться в нашем случае «Первая страница» название может быть любым.

</title>(закрывающий тег) — конец названия.

</head> -конец заголовка

<body>- сообщает браузеру, что здесь начинается содержание страницы.

</body> -конец содержания.

</html> сообщает браузеру, что это конец документа.

Такую конструкцию имеют почти все интернет страницы.

Теперь напишем  на  нашей странице текст (для примера «первая страница»)

Выглядит это так: между тегом <body> и закрывающим тегом </body>  напишем следующую строчку

<h1>Первая страница</h1>

3

Теперь сохраняем документ и меняем расширение файла на .html далее открываем его с помощью браузера.

Должно получится вот так:

4

Теперь выровним текс по центру : добавим к тегу <h1 > атрибут отвечающий за положение элемента

<h1 align=center> . У атрибута align есть три значения: положение с лева(left), с права (right) и по центру(center).

Должен получится следующий код :

<html>

<head>

<title>Первая страница</title>

</head>

<body>

<h1 align=center>Первая страница</h1>

 

 

</body>

</html>

5

Вот и готова наша первая страница

 

 

Урок по html №1.Первая html страница

 

Уроки HTML #1 — создание первой веб страницы

2014-09-27T15:48:15+00:000000001530201409

Комментариев нет - комментарии к теме "Урок 1: Первая страница Html "

Оставить сообщение

Настройте меню в панели администратора