Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.15.3.41
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Модератор форума: Hawk  
Структура простого html документа
Сообщение оставлено 26.07.2011 в 02:15:51 | Сообщение #1
Прежде всего хочу пояснить что HTML документ состоит из тегов, из которых и собирается вся интернет страничка. Тэг - это единица HTML-кода. Например ,,</b>и так далее, все это и есть теги. Тэги бывают открывающими и закрывающими. Открывающиеся были перечислены выше. Всем им соответствуют закрывающиеся теги, например:<b></html>, </HEAD>, .
Структура самого простого HTML документа имеет следующий вид:
Code
<HTML>
<HEAD>
<TITLE>ЗАГОЛОВОК ДОКУМЕНТА</TITLE>
</HEAD>
<BODY>
ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
</BODY>
</HTML>

Перепечатайте данный код и сохраните его например UROK1.HTM ( название файла должно состоять из латинских букв или цифр, расширение файла должно быть ИМЯ.HTM либо ИМЯ.HTML ). Затем запускаем интернет обозреватель и открываем сохраненный нами файл.

Теперь подробнее познакомимся с каждым тегом.

Любой HTML документ должен начинаться с тега и заканчиваться тегом . Это дает понять интернет обозревателю, что это действительно HTML документ, а не MP3 ( музыка ), или GIF ( картинка ).

Далее следует тег . Все что находится между этим тегом, является служебной информацией. Она не отображается на самой страничке, но играет большую роль для поисковых машин. В нем пишутся: ключевые слова страницы, ее название, автор страницы, и другая служебная информация, с которой мы познакомимся на следующих уроках.

Следующий тег - </b>, он как раз и определяет название страницы. Оно отображается в самом верхнем левом угле окна. Например название этой страницы: <br /><br /> <<Структура простого html документа. >>. <br /><br /> Её я сделал следующим образом: <br /><br /> <b><TITLE></b>Структура простого html документа.

Далее следует закрывающийся тег . Он говорит что название документа закончилось.
За ним следует другой закрывающийся тег - . Он в свою очередь говорит, что завершена служебная информация.

Далее между открывающимся тегом и закрывающимся , следует информация, располагаемая на самой странице, ту которую мы видим. ( Текс, рисунки, ... ). В приведенном нами коде
Code
<HTML>
<HEAD>
<TITLE>ЗАГОЛОВОК ДОКУМЕНТА</TITLE>
</HEAD>
<BODY>
ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
</BODY>
</HTML>

Это текст: <<ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ >>.

Ну и в конце, как говорилось ранее, закрывающийся тег . Он говорит о завершении страницы.

Схематически весь наш HTML документ будет выглядеть так:
Code

<HTML>
Начало документа.

<HEAD>
Служебная информация. ( Название страницы, ее автор, ключевые слова, и т.д. )
</HEAD>

<BODY>
Тело документа. ( Все, что видно на страничке - текс, рисунки, и т.д. )
</BODY>

</HTML>
Конец документа.


 Сообщение отредактировал Максончик - Вторник, 26.07.2011, 02:17:00
 
 
   
Сообщение оставлено 29.08.2011 в 09:26:32 | Сообщение #2
Необязательно эти тэги писать большими буквами кстати. smile
 
 
   
Сообщение оставлено 29.08.2011 в 21:13:18 | Сообщение #3
xDark™, разницы нету.

тэка, спасибо за урок, пригодится!
 
 
   
Сообщение оставлено 30.08.2011 в 09:15:58 | Сообщение #4
Sk1FJkee, есть...
 
[qc]
Вроде как ушел с портала, а вроде как и остался)[/qc]
 
   
Сообщение оставлено 30.08.2011 в 09:32:03 | Сообщение #5
Неплохая статья
 
 
   
Сообщение оставлено 30.08.2011 в 10:20:04 | Сообщение #6
ну э знал) но не знающим полезно
 
 
   
Сообщение оставлено 04.09.2011 в 18:28:17 | Сообщение #7
Quote (Балахнин)
Sk1FJkee, есть...

И какая же?
 
Друг: Думаю надо извиниться. А ты как считаешь?
Я: На калькуляторе.
Друг: Я серьёзно.
Я: Ну иногда столбиком :DAAA
 
   
Сообщение оставлено 09.09.2011 в 17:07:18 | Сообщение #8
Неплохая статейка,спасибо.
 
 
   
Сообщение оставлено 17.10.2011 в 18:07:41 | Сообщение #9
Сразу вспомнил урок информатики в 8 классе grin
 
 
   
Сообщение оставлено 17.10.2011 в 18:23:34 | Сообщение #10
Reronage, а я аштемель тока на 1 курсе проходил, скоро на 2-ом сайтопостроение проходить будем
 
Друг: Думаю надо извиниться. А ты как считаешь?
Я: На калькуляторе.
Друг: Я серьёзно.
Я: Ну иногда столбиком :DAAA
 
   
Сообщение оставлено 28.11.2011 в 10:45:22 | Сообщение #11
Спасибо.позновательно)
 
 
   
Сообщение оставлено 31.01.2012 в 04:27:01 | Сообщение #12
Quote (HeRo_0INe)
Quote (Балахнин)
Sk1FJkee, есть...

И какая же?


Запаришься в xhtml переводить при случае
 
 
   
Сообщение оставлено 31.01.2012 в 18:18:40 | Сообщение #13
тэка, спасибо за урок, пригодится!
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика