Фев
19

Урок 2 — HTML первые шаги

Author admin    Category Новости    

Итак начнем узнавать язык HTML. Для начала откройте Notepad++ (ссылку на него давал в предыдущем уроке). Рабочее окно Notepad++ выглядит вот так:

lesson 2 - html

Любая страница из интернета состоит из кода, мы начнем с самого простого.

Язык HTML состоит из тегов.

Тег — это элемент языка разметки.  Существует множество тегов, мы рассмотрим самые основные из них, без которых мы не сможем создавать сайты.

Существуют парные теги и одиночные. Парные теги например <html>...</html> имеют тег открытия и обязательно должны иметь тег закрытия. Еще есть одиночные теги например <br>(строки). Любая страница сайта состоит из нескольких основных тегов:

Урок 2 - HTML первые шаги

Урок 2 - HTML первые шаги

Строка<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>; предназначена для указания типа текущего документа. Типы документов мы рассмотрим позднее.

Теги <html>...</html> являются тегами начала и конца документа

Тег <head>...</head> — это заголовок документа, в нам описываются основные свойства документа. Содержимое этого тега не видно на странице. Это по большей части служебная информация.

Тег <title>...</title> — определяет заголовок страницы.

Теги <body>...</body> — определяет все тело документа, именно здесь прописывается вся информация, которая будет видна на странице.

Так же в нашем документе должен присутствовать тег<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> отвечающий за кодировку страницу, вы наверное встречались при открытии какого нибудь сайта весь текст написан непонятными символами, это как раз происходит из-за проблемы с кодировкой. Поэтому ее лучше сразу указать.

Если с этим все понятно будем двигаться дальше, попробуем создать Вашу первую интернет страницу.

В новом документе в программе Notepad++ прописываем следующие строчки:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Наша первая страница</title>
 </head>
 <body>
   Привет МИР!!!
 </body>
</html>

После этого нам надо сохранить этот файл в формате .html. Для этого нажимаем в программе  кнопку файл, а затем сохранить как и пишем название этого файла например index.html

После этого открываем этот файл и у нас должна получиться вот такая страница:

lesson 2- html 4

Если у Вас открылось так же как у меня, то Вы все сделали правильно. Если что то не так , то проверь правильность написания кода.

Думаю на этом мы закончи на урок. В следующем уроке мы рассмотрим, какие еще бываю теги и для чего они нужны.

Рекомендую прочитать :

Прокомментировать

Яндекс.Метрика