• 7397
  • 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
2266

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

Комментарии

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

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

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

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

Школа High Tech High – дети здесь самостоятельны так же, как и профессионалы в офисах

Школа High Tech High – дети здесь самостоятельны так же, как и профессионалы в офисах

Известный казахстанский бизнесмен становится первопроходцем и создает школу, о которой можно только мечтать. То, что мы, как взрослые, делаем в бизнесе, дети будут делать в этой школе.
Zhumanova
24 апр. 2017 / 16:29
  • 18173
  • 3
Как выбрать новостройку в Алматы: инсайты, критерии и личный опыт

Как выбрать новостройку в Алматы: инсайты, критерии и личный опыт

Я прекрасно понимаю тех, кто долго ищет подходящую квартиру - сама искала, потратила на поиск 1,5 года. Что, прежде всего, повлияло на мой выбор при покупке квартиры в новостройке Алматы?
Zhumanova
21 апр. 2017 / 10:04
  • 3663
  • 12
«Третья мировая война начнётся в мае 2017 года» – провидец из Португалии

«Третья мировая война начнётся в мае 2017 года» – провидец из Португалии

Провидец из Португалии по имени Горацио Вильегас считает, что новая мировая война состоится уже в текущем году. Считается, что португалец два года назад объявил, что Трамп станет президентом.
Seattle
21 апр. 2017 / 15:33
  • 3453
  • 12
Кому в Казахстане жить хорошо? Почему мы остаёмся в топ-5 стран мира по числу самоубийств

Кому в Казахстане жить хорошо? Почему мы остаёмся в топ-5 стран мира по числу самоубийств

Всё ли так хорошо у жителей Казахстана? Почему-то наша страна сохраняет твёрдые позиции в первых строчках мировых рейтингов по числу самоубийств.
openqazaqstan
24 апр. 2017 / 16:54
  • 3084
  • 18
Депутат сената Айтимова: «Не нужно критиковать депутатов, так как вы сами их избирали»

Депутат сената Айтимова: «Не нужно критиковать депутатов, так как вы сами их избирали»

Наши депутаты известны не достижениями и работой, а своими высказываниями. Сегодня в СМИ вышла новость, где депутат сената Бырганым Айтимова ответила на критику народа.
tala03
20 апр. 2017 / 13:44
  • 2551
  • 20
Каждую ночь я жду его. Почти каждую ночь он оправдывает мои ожидания

Каждую ночь я жду его. Почти каждую ночь он оправдывает мои ожидания

Каждую ночь я жду его. Такая уж у него работа, он приходит поздно. Но почти каждую ночь он оправдывает мои ожидания. Когда его долго нет, признаюсь, я начинаю нервничать. Названивать и писать смс-ки...
DominaOmnium
21 апр. 2017 / 2:25
  • 2342
  • 11
Советы бывалого: выбираем надежную систему денежных переводов и хранения денег

Советы бывалого: выбираем надежную систему денежных переводов и хранения денег

Какую систему выбрать для денежных переводов внутри СНГ и как избежать потерь при девальвации. В общем, берегите свои кровно заработанные, помните...
Pablo13
20 апр. 2017 / 16:00
  • 2183
  • 19
Атбасарская дамба: кто так красиво сэкономил 137 миллионов?

Атбасарская дамба: кто так красиво сэкономил 137 миллионов?

История с разрушенной атбасарской плотиной получила интригующее продолжение. На официальном уровне говорят о 200 млн тенге, в то время как районный аким сообщил, что дамбу строили совсем за другие деньги.
openqazaqstan
20 апр. 2017 / 15:10
  • 2143
  • 14
Показательный случай в самолете, когда чужая грубость может стоить вам жизни

Показательный случай в самолете, когда чужая грубость может стоить вам жизни

Во вторник во время полета я сидела себе в наушниках, никого не трогала.. и тут на меня напал кашель. Возможно, простуда начинается, подумала я. Но кашель лишь усиливался и не прекращался.
Amiko
20 апр. 2017 / 16:04
  • 2111
  • 13