Основы HTML.

Как создать сайт?
Как создать свой сайт легко и просто, имеются библиотеки html, css, php, javascript, jquery, web-график.

автор: Васильев Олег Никандрович.

Основы 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 https-equiv="Content-Type" content="text/html; charset=utf-8" /> < meta name="copyright" content="Все права принадлежат Васильеву Олег Никандровичу. Использование любых материалов возможно только с разрешения автора и при указании источника https://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="https://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="https://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), тире (-), точки (.), символы подчеркивания (_) и двоеточия (:)

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

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