Yvision.kzYvision.kz
kk
Разное
Разное
399 773 постов41 подписчиков
Всяко-разно
0
13:40, 26 марта 2011

Верстка сайта на HTML Часть 1.

Blog post image

Здравствуйте! Вот решил рассказать про создания сайта. Я подумал с чего начать и решил начать с языка HTML и CSS для начало мы изучим HTML.И так сегодня первая часть Верстки сайта на HTML.

План 1-ой части

  1. Что такое HTML?
  2. Структура HTML/XHTML?
  3. Элементы
  4. DOCTYPE
  5. Тег и все что между ним
  6. Основные правила HTML
  1. HTML

    (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык

    разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык

    HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

  2. Структура XHTML Документа

     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     
    <head>
           
    <title></title>
     
    </head>
     
    <body>
     
    </body>
    </html>
     

    Структура HTML Документа

     
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
     
    <head>
           
    <title></title>
     
    </head>
     
    <body>
     
    </body>
    </html>
  3. Элементы HTML делятся на 2 вида это:


Строчные и Блочные
Строчные это:  
<span> <a> <input> <strong> <em> и.т.д

Блочные это:
<ul> <li> <p> <div> и.т.д
DOCTYPE Рассмотрим DOCTYPE   <!DOCTYPE [элемент верхнего уровня][публичность][регистрация]//[организация]//[тип][имя]//[язык]"[url]">Пример:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> Рассмотрим этот блог:1.Элемент верхнего уровня:указывает на элемент верхнего уровня в документе, в HTML это <html>2.Публичность:объект является публичным значит PUBLIC, элемент является системным значит SYSTEM.3.Регистрация:значит что разработчик зарегистрирован в DTD международной организации по стандартизации.4.Тип:тип документа.Для XHTML/HTML значение указывается DTD.5.Имя:Уникальное имя для описания DTD.6.Язык:язык на котором описывается текст документа для XHTML/HTMl это EN7.URL: адрес документа с DTD HEAD: Предназначен для хранение других тегов, цель помочь браузеру

Внутри тега можно размешаять теги такие как

 
<title> <meta> <link> <base> <script>

Сейчайс я раскажу про некоторые из этих тегов и так тег

<title>

отображает заголовок документа отображается в левом верхнем углу браузера тег

<link>

подключает внешние файлы например файл css со стилями и многое другое Пример:

<link rel="style"type="text/css"href="[ссылка на ваш внешний файл]"/>

о видов ссылок и как подключать файлы мы поговорим попозже.

 

Основные правила HTML!
1.Очень важно смотреть за смотреть за вложенность элементов никогда нельзя вкладывать элементы так
<div><p>Так нельзя вкладывать</div></p> потому что нельзя закрыть с начало контейнер а потом параграф правильна будет так <div><p>так правильно</p></div>2.никогда нельзя писать имена элементов и атрибутов с большой буквы например<TR><TD></TD></TR> это неправильно, правильно так <tr><td></td></tr>

Вот и все.Продолжения следует во второй части. Если что-то не понятно и есть вопросы обращайтесь ICQ:580583562.

0
246
0