Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30


Чувашия-это моя Россия

Основы HTML.

(продолжение)

Основы разметки. HTML или XHTML-документ представляет собой документ ASCII ( обычный текст) или, что более часто называют как Unicode. Обычно, в последнее время используется UTF-8 ( хотя не отбрасывается и кодировка в Window-1215 или подобных системах шифровки), который размечается при помощи тегов( так называемых угловых скобок и не только), обозначающих элементы и другие необходимые объявления. Элемент - представляет собой структурный компонент (например, абзац p) < p>...< /p> или нужную функцию (например, перенос строки br) < br />, также элементом является и любое изображения обозначаемое тегом < img>, вот об этих и много, много других элементах будет в далее идти разговор на страницах данного сайта. Еще будет размещаться много полезной информации и о других событиях и явлениях природы из жизни и быта человека на протяжения становления и развития.

Элементы страниц в HTML, которые будут необходимы для создания Вашего сайта. Элементы обозначаются в тексте путем вставки специальных заключенных в скобки HTML-тегов. Большинство элементов используют следующий синтаксис: < имя_элемента>содержимое< /имя_элемента>, например, < html>...< /html> или < div>...< /div>. Имя элемента указывается в начальном теге (который также называется открывающим тегом), а затем также в конечном (или закрывающем) теге, и в последнем случае перед ним ставится слеш (/). Конечный тег работает примерно как «отключение» элемента. Ничего из того, что заключено в угловые скобки, в браузере или другом пользовательском агенте не отображается. Важно отметить, что элемент включает в себя как содержимое, так и свою разметку (начальный и конечный теги). Чтобы убедиться в этом Вы можете кликнуть правой кнопкой мыши, потом нажать в одних браузерах на "Исходный код", в других на строку - "Просмотр HTML-кодов" и Вы увидите все содержимое страницы сайта в HTML кодах. Для точности тут надо заметить, что коды программ сайта, написанные на языке PHP кодов Вы просто напросто не увидите в этом случае, только будут отображаться результаты этих сценариев. Вам представляю кусочек так называемой шапки данной страницы сайта:

                           < ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                           < html>
                           < head>
                           < meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                           < meta name="copyright" content="Все права принадлежат 
                             Васильеву Олег Никандровичу. Использование любых материалов возможно 
                             только с разрешения автора и при указании источника 
                                                                  http://www.azamatkepere.ru/" />
                           < meta name="author" content="Олег Васильев" />
                           < meta name="keywords" content="как бросить курить легко не курить 
                             просто свой бесплатно создать сайт страница суть слова смысл хамский 
                                                             язык вера любовь здоровье человек" /> 
                           < meta name="description" content=" Сайт о том как основе семи строк PHP
                              и HTML кодов создать легко и быстро свой собственный сайт из 
                                                                               простых блоков." /> 
                           < meta name='yandex-verification' content='7ebe6e2080c9a848' /> 
                           < script type="text/javascript" s r c="http://userapi.com/js/api/
                                                                          openapi.js?49">< /script>

                           < title>Основы HTML.< /title>
                           < link rel="stylesheet" href="../stylesheet/saitcss1.css" type="text/css">
                           < /head>   

В XHTML все имена элементов и их атрибутов должны быть в нижнем регистре. Язык HTML разметки не учитывает регистр, на котором Вы будете составлять коды программ на страницах сайта. Скорее всего Вы первый свой сайт будете создавать в HTML кодах, потому как тут требования не так жестки к написанию элементов сайта. Язык разметок HTML-кодов по сути и создан для нас обывателей, чтобы могли как-то программировать свои мысли и написать коды, чтобы машина поняла и приняла Ваши задумки в ходе разработки своего сайта.

В версии HTML 4.01 и старшее конечный тег для некоторых элементов сайта является необязательным, и браузер определяет окончание элемента страниц сайта по контексту, но берите за правило все теги, которые имеют своих собратьев, заканчивать и дописывать закрывающие теги-элементы, что будут находиться на страницах Вашего сайта. Такая практика наиболее распространена применительно к элементу р абзац страницы сайта. Большинство браузеров автоматически завершает абзац, когда встречает новый начальный тег. В XHTML использование конечных тегов является обязательным на страницах сайта. Некоторые элементы не имеют содержимого, поскольку используются в качестве простой директивы - такие элементы пустые. Примером такого элемента сайта является элемент-изображение img. Он заставляет браузер включить в текущую страницу сайта внешний графический файл. К другим пустым элементам относятся перевод строки br, горизонтальная линейка hr и элементы, содержащие информацию о документе сайта и не влияющие на отображение материалов, как meta и base. Посмотрите на фрагмент программы, который Вам привел чуть выше по тексту, там все четко и ясно видно как написать тот или иной тег, представленный на странице сайта. В HTML 4.01 и ниже пустые элементы просто не имели закрывающего тега. В XML закрывающий тег необходим для каждого элемента страниц сайта. Используется соглашение, по которому слеш применяется внутри тега, обозначая его окончание, например < img/>, < br/> и < hr/>. Для обеспечения обратной совместимости рекомендуется добавлять пробел перед слешем на страницах сайта. Пробел является обязательным, если отправляете XHTML-документ сайта, указав в заголовке Content-Type тип text/html.

Атрибуты в HTML при написании тегов на странице сайта. Атрибут в HTML уточняет или изменяет работу элемента выборки документа на странице сайта. Атрибуты обозначаются парами из имени атрибута и значения, добавляемыми к начальному тегу элемента ( конечные теги никогда не содержат атрибутов, как может быть иначе, так как все действия и заключены между начинающим и завершающим тегами на странице сайта). Имена атрибутов и допустимые для них значения объявляются в DTD сайта. Иными словами, не можете создавать свои собственные атрибуты к тегам, потому как они уже созданы и рекомендуются консорциумом W3C вВсемирной паутины.

Вы можете добавить несколько атрибутов в один открывающий тег. Атрибуты в HTML, если они есть, указываются после имени тега и разделяются одним или несколькими пробелами на страницах сайта. Порядок их следования значения не имеет. Синтаксис элемента с атрибутами следующий: < элемент атрибут1="значение" атрибут2="значение">содержание< /элемент>. Вот, посмотрите, например:

                      < img class="expando" 
                       src="http://www.rulez-t.info/uploads/posts/2009-03/1238098799_raduga_15.jpg"
                       height="530" width="770"  vspace="15" hspace="40" alt="Радуга" 
                       title="Хочется смотреть и любоваться." />

Большинство браузеров не могут обрабатывать значения атрибутов, если их длина превышает 1024 символа. В значениях может учитываться регистр, особенно если это имена файлов или URL. В HTML 4.01 и ниже разрешается использовать некоторые значения без кавычек, например если значение представляет собой одно слово, содержащее только буквы:

                        (a-z и A-Z), 
                        цифры (0-9), 
                        тире (-), 
                        точки (.), 
                        символы подчеркивания (_) и
                        двоеточия (:)

Лучше всего заключать в кавычки все значения на страницах сайта, независимо от рекомендаций. Не пропускайте закрывающую кавычку, иначе все, от открывающей кавычки и до следующей открывающей кавычки, будет интерпретироваться как часть значения и не будет отображаться в браузере. Это простая ошибка, поиск которой может занять много часов работы на страницах сайта. Есть маленкий секрет при отыскании таких ошибок: после допущенных ошибок, то есть за ошибкой отображение страниц сайта продолжается уже по-другому - либо цвет шрифта меняется, либо жирность букв изменяется, то есть при тестировании ( отладки собственной программы в текущем браузере смотрите на такие, казалось бы мелочи, какизменение цвета текста после какого определенного символа на странице сайта). Значит Вы где-то допустили ошибку.

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


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: