Урок 2 — HTML первые шаги
Итак начнем узнавать язык HTML. Для начала откройте Notepad++ (ссылку на него давал в предыдущем уроке). Рабочее окно Notepad++ выглядит вот так:
Любая страница из интернета состоит из кода, мы начнем с самого простого.
Язык HTML состоит из тегов.
Тег — это элемент языка разметки. Существует множество тегов, мы рассмотрим самые основные из них, без которых мы не сможем создавать сайты.
Существуют парные теги и одиночные. Парные теги например <html>...</html> имеют тег открытия и обязательно должны иметь тег закрытия. Еще есть одиночные теги например <br>(строки). Любая страница сайта состоит из нескольких основных тегов:
Строка<!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
После этого открываем этот файл и у нас должна получиться вот такая страница:
Если у Вас открылось так же как у меня, то Вы все сделали правильно. Если что то не так , то проверь правильность написания кода.
Думаю на этом мы закончи на урок. В следующем уроке мы рассмотрим, какие еще бываю теги и для чего они нужны.
Рекомендую прочитать :
Прокомментировать
Рубрики
- Windows XP (3)
- Антивирусная защита (7)
- Антивирусы (5)
- Вирусы (2)
- Интернет (2)
- Настройка оборудования (2)
- Новости (1)
- Уроки HTML (3)
Популярные
- Как настроить Wi-Fi на роуторе D-link - 114,220 просмотров
- Настройка роутера D-link dir-615 для сети Билайн - 41,453 просмотров
- Как настроить AVAST - 11,033 просмотров
- Бесплатный антивирус AVAST - 9,653 просмотров
- Урок 4 — Ссылки в HTML - 9,131 просмотров