• 7301
  • 20
  • 3
Нравится блог?
Подписывайтесь!

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

Здравствуйте! Вот решил рассказать про создания сайта. Я подумал с чего начать и решил начать с языка 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.

Александр Халатов Killer-of-Darkness
Здравствуйте меня зовут Александр ! Я начинающей Web-разработчик, занимаюсь этим пол года я не профессионал но много чего могу, если мне понадобится создать что-то для себя или для кого нибудь я создам! Мои идеи или работы я буду загружать в блог на Yvision
27 марта 2011, 1:40
2252

Loading...

Комментарии

Оставьте свой комментарий

Спасибо за открытие блога в Yvision.kz! Чтобы убедиться в отсутствии спама, все комментарии новых пользователей проходят премодерацию. Соблюдение правил нашей блог-платформы ускорит ваш переход в категорию надежных пользователей, не нуждающихся в премодерации. Обязательно прочтите наши правила по указанной ссылке: Правила

Также можно нажать Ctrl+Enter

Популярные посты

Алматинская детская железная дорога: как настоящий поезд заменили на подделку

Алматинская детская железная дорога: как настоящий поезд заменили на подделку

С приходом новых хозяев не только разграбили железную дорогу, но и даже поменяли названия. Поменяли название парка на «Центральный парк культуры и отдыха Алматы». Началась новая история, для других алматинцев...
zaleskiy
16 марта 2017 / 16:25
  • 5683
  • 10
Не пропущу! Отношение водителей к жизни человека: как уступают дорогу «скорой» в Европе и у нас

Не пропущу! Отношение водителей к жизни человека: как уступают дорогу «скорой» в Европе и у нас

На днях в YouTube появился ролик, запечатлевший совершенно обыденную для европейцев ситуацию. Но для нашего человека – совершенно нетипичную и оттого вызывающую у некоторых из нас слёзы восторга.
openqazaqstan
18 марта 2017 / 20:22
  • 5189
  • 7
Если нет гарантий достойной жизни, то зачем создавать больше несчастных людей?

Если нет гарантий достойной жизни, то зачем создавать больше несчастных людей?

Я постоянно слышу, что дети - это цветы жизни. Но по поведению некоторых родителей складывается впечатление, что дети - это сорняки: роди, а там как-нибудь вырастут.
Amiko
16 марта 2017 / 12:53
Весенний обзор банковских тендерных гарантий

Весенний обзор банковских тендерных гарантий

Как финансист, в тендерных гарантиях я люблю скорость и простоту оформления, поэтому решила сравнить условия некоторых банков по продукту «тендерная гарантия» на основании информации с сайтов банков.
DanaJarlygapova
16 марта 2017 / 16:00
  • 4315
  • 42
16 великолепных пасхалок и отсылок из фильма «Логан»

16 великолепных пасхалок и отсылок из фильма «Логан»

Какими бы не были кинокомиксы, в них всегда будут присутствовать пасхалки и отсылки. Поэтому, MovieUniverse собрал для вас все замеченные пасхалки из «Логана».
Aegon
16 марта 2017 / 14:41
  • 4196
  • 10
Почему в Казахстане пытаются запретить фильм «Красавица и Чудовище»

Почему в Казахстане пытаются запретить фильм «Красавица и Чудовище»

Только я дождался премьеры, как вдруг её отменяют. Откровенно говоря, у меня нереально бомбит от всего этого. Я, как и многие, очень люблю Дисней и его картины, и не против того, что они стали...
MrVladimirLV
17 марта 2017 / 16:03
  • 3848
  • 62
H&M-ское безумие или Что народу по карману?

H&M-ское безумие или Что народу по карману?

На счет качества: я спросил у знакомых и мне сказали, что та или иная вещь носится сезон. В хорошем случае и бережном отношении немногим больше. Кофточки моя слабость наверное...
RustemZhali
18 марта 2017 / 18:32
  • 3582
  • 28
Престарелый старец-киборг Рокфеллер предлагал уничтожить 90% населения Земли

Престарелый старец-киборг Рокфеллер предлагал уничтожить 90% населения Земли

Первую пересадку сердца Рокфеллер пережил в 1976 году на 62-м году жизни. Последнюю пересадку ему сделали в августе 2016 года. Пересадка сердца такому старому пациенту не имеет аналогов...
Timur_Tregulov
21 марта 2017 / 23:10
  • 3076
  • 42
Если ты дура, это не значит, что все вокруг дураки. Будь честной, ищи нормального мужика

Если ты дура, это не значит, что все вокруг дураки. Будь честной, ищи нормального мужика

Когда мужчина встречает женщину, с которой хочет прожить всю жизнь - он на ней женится как можно быстрее и старается завести детей. А не живет с ней восемь лет порожняком по съемным квартирам.
bushneva177
16 марта 2017 / 16:21