Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 13.58.38.184
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Модератор форума: Hawk  
Урок 1. Основы HTML
Сообщение оставлено 28.11.2011 в 14:25:26 | Сообщение #1
Урок 1. Основы HTML


Основой каждой странички является 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> , можно назвать универсальным т.к. он центрирует практически все (гиперссылки, фотографии, картинки, текст и т. д., но об этом позже). Есть и комментарий - не воспринимается браузером как команда, в нем можно писать все что угодно. Обычно его используют как метку, дальше мы его рассматривать не будем
 
 
   
Сообщение оставлено 04.12.2011 в 01:38:33 | Сообщение #2
Блин просят все научить делать совсем простые шаблоны, надоели теперь ссылки на ваш форум давать буду
 
 
   
Сообщение оставлено 22.12.2011 в 05:47:09 | Сообщение #3
Quote (agent411)
теперь ссылки на ваш форум давать буду

Вот и правильно ! wink
 
 
   
Сообщение оставлено 22.12.2011 в 13:43:08 | Сообщение #4
Отличныя статья!)
 
 
   
Сообщение оставлено 23.12.2011 в 20:33:47 | Сообщение #5
Хорошая статья. Для новичков отлично, хотя вряд ли кто-то буде читать все это.
 
 
   
Сообщение оставлено 24.12.2011 в 10:59:05 | Сообщение #6
Статья хорошая, для новичков будет нормально
 
 
   
Сообщение оставлено 31.01.2012 в 04:19:36 | Сообщение #7
Quote (VASJENKATRO)
В примере выше, у открывающего тега <body> есть атрибут bgcolor= "yellow"

бгколор - устаревший код
Quote (VASJENKATRO)
<center>Моя страничка </center>

центер - очень устаревший код

В качестве альтернативы:
<div align="center"></div>
<p></p>
w3 начиная с (кажется) HTML 3.0 рекоммендуют использовать таблицу стилей, т.е.
body {background:#***}
p {text-align:center;}
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика