• 7654
  • 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
2317

Загрузка...
Loading...

Комментарии

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

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

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

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

Инструкция для аллергиков. Как бороться с аллергией в период обострения

Инструкция для аллергиков. Как бороться с аллергией в период обострения

Я аллергик с детства. Имею аллергию на пыльцу березы, липы, полыни (выяснил это благодаря кожным пробам), а также пищевую аллергию на горчицу. Свои проблемы знаю, однако это меня не спасло.
Romeo_17
15 авг. 2017 / 17:21
  • 38530
  • 63
СМИ – ассистент провокаторов? Как гости из соседних стран сеют раздор в Казахстане

СМИ – ассистент провокаторов? Как гости из соседних стран сеют раздор в Казахстане

Инцидент с пьяным киргизским гостем на борту Air Astana, наверное, остался бы только во внутренних сводках авиакомпании, если бы г-н Доган, не поднял громкий крик о государственном языке.
openqazaqstan
17 авг. 2017 / 14:43
Алматы предложили сделать центром секс-туризма

Алматы предложили сделать центром секс-туризма

Известный политолог России Андрей Карпов предложил сделать Алматы центром секс-туризма. Но для этого сперва нужно легализовать проституцию в стране.
tala03
13 авг. 2017 / 14:48
Казахский национализм раньше выглядел несовременно. Теперь он другой

Казахский национализм раньше выглядел несовременно. Теперь он другой

Националисты стали совсем другими. По-английски хорошо говорят, русскую классику цитируют. Очень современные, образованные, адекватные. А после Крыма в националисты уже чуть ли не любой казах готов был записаться.
Aidan_Karibzhanov
16 авг. 2017 / 16:52
«Доехать до Алтын Орды» – как мошенники обманывают алматинцев

«Доехать до Алтын Орды» – как мошенники обманывают алматинцев

Из множества грустных откровений постепенно сложился перечень самых распространённых уловок охотников за нашими деньгами. В нём ожидаемо лидировали профессиональные попрошайки.
caravan_kz
16 авг. 2017 / 15:05
  • 1843
  • 2
Недоразумение с грантами в ВУЗы: «медалисты» до сих пор имеют преимущество

Недоразумение с грантами в ВУЗы: «медалисты» до сих пор имеют преимущество

Многие способные выпускники без Алтын Белги готовились к тестированию, чтобы в честной борьбе попытать счастья на гранты без ущемления со стороны якобы "золотых" выпускников.
DanaJarlygapova
14 авг. 2017 / 14:35
В Кокшетау строят два парка для молодёжи. Будут учтены интересы и любителей спорта

В Кокшетау строят два парка для молодёжи. Будут учтены интересы и любителей спорта

Общая площадь парка составляет 25 гектаров. На территории предусмотрено устройство прогулочных дорожек, площадок для установки аттракционов и павильонов различного назначения, цветников.
zhasakmola
17 авг. 2017 / 17:13
  • 1586
  • 1
На EXPO через Балхаш и Боровое своим ходом

На EXPO через Балхаш и Боровое своим ходом

Мы объехали по кругу озеро Иссык-Куль, о чем повествует предыдущий пост, и вернувшись из поездки подумали, а почему бы нам не рвануть на наше озеро, не менее прекрасное?
yelenasergiyenko
13 авг. 2017 / 13:13
  • 1387
  • 6
Новый конкурс на грантовое финансирование – разочарование для казахстанских ученых

Новый конкурс на грантовое финансирование – разочарование для казахстанских ученых

Обсуждение новых условий началось ещё давно, но стоит ли ожидать качественного улучшения результатов научно-исследовательской деятельности, если система управления наукой не была модернизирована?
ermekuss
17 авг. 2017 / 12:23
  • 1317
  • 1