Вторник, 15.07.2025, 10:40
Приветствую Вас, Гость
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Урок 1. Основы HTML
MashinqueДата: Воскресенье, 18.12.2011, 19:45 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Offline
Основой каждой странички является HTML (сокращение от английского Hypertext Markup Language) - язык разметки гипертекста.

Документ, написанный на языке HTML, представляет собой текст, в который вставлены теги разметки гипертекста. Теги помогают браузеру разобраться, как должен быть расположен текст на экране, в каком месте будут находиться рисунки, хранящиеся в разных файлах, и т. д. С помощью тегов формируются связи с другими веб-сайтами и ресурсами Интернета. Текст с тегами называется исходным кодом, или HTML-кодом. Посмотреть готовый файл, написанный на языке HTML, можно в браузерах (таких как Microsoft Internet Explorer, Netscape Navigator, Opera и т. д.). Там Вы уже не увидите тегов, так как они находятся "внутри" документа и на экране браузера не отображаются.

Помните, что каждая компьютерная программа предназначена для определенной цели и решает свои задачи. Желательно не использовать программу Microsoft World или Microsoft Power Point для создания веб-страниц. Программа Microsoft World - это текстовый редактор, созданный для редактирования текстов, а не веб-страниц. Она включает в страницу так много тегов-паразитов, что объем страницы возрастает в несколько раз! То же касается и программы Microsoft Power Point.

Для создания и редактирования веб-страниц существуют специальные веб-редакторы В них команды выполняются автоматически. Однако HTML знать надо обязательно.

Итак, чтобы понять строение HTML-документов, нужно познакомится с азами языка HTML.

Рассмотрим простейшую веб-страницу:
Code
<html>  
       <head>   <!-- Текст комментария -->   
          <title>Моя страничка<title>  
       </head>  
  <body bgcolor="yellow">  
          <сenter>Моя страничка </center>  
  </body>  
  </html>

Как Вы видите, любой HTML-документ начинается с тега <html> и кончается тегом </html> (последний тег является закрывающим и его признак - символ /).
Любой HTML-документ состоит из двух частей.
Первая часть - заголовок, который находится между тегами <head> и </head>, или же "голова" странички. Название странички располагается между тегами <title> и </title> и появляется в заголовке окна браузера.

Вторая часть HTML-документа - тело, которое выводится на экран браузером, - содержит текст, картинки, видеофрагменты. Она заключается между тегами <body> и </body>. Теги бывают парные и непарные, открывающие и закрывающие. Область действия парного тега начинается с того места, где стоит открывающийтег (например <body>), а кончается там, где встречается закрывающий(</body>).

В примере выше, у открывающего тега <body> есть атрибут bgcolor= "yellow",он должен находиться после одного или нескольких пробелов от < body, таковы законы HTML. Так вот этот атрибут задает цвет фона Вашей странички, в данном случае это yellow - желтый (он может иметь различные значения, например red - красный или black - черный, но встречаются и такие как #2A2A2A - цвета с оттенками. Такие цвета специальными программами-редакторами веб-страниц, проставляются автоматически, вам нужно только выбрать нужный цвет в спец. образцах цветов). Вы наверное заметили, что yellow находится в кавычках, эти кавычки необязательный параметр(т. е. можно записать и так: <body bgcolor=yellow>).

Так же в примере выше Вы найдете строку <center>Моя страничка </center>, здесь тег <center> центрирует текст (размещает его посередине). Тег <center> , можно назвать универсальным т.к. он центрирует практически все (гиперссылки, фотографии, картинки, текст и т. д., но об этом позже). Есть и комментарий - не воспринимается браузером как команда, в нем можно писать все что угодно. Обычно его используют как метку, дальше мы его рассматривать не будем
 
  • Страница 1 из 1
  • 1
Поиск: