• Начало
• Радуга
• Как худеть
• Как бросить курить
• Сăмах
• Как создать сайт
• Лада приора
• Электросварка

• HTML
• CSS
• Web-диз
• JavaScript
• PHP
• jQuery
• SEO
• MySQL
• XML

• Адам.
• Арарат-начало.
• Хам и Ханаан.
• Хам и Ханаан(прод.)
• Амазонки.
• Этемен анки.
• Вавилон.
• Все на Ты.
• Кирпичики языка.
• Суть плоти.
• Рот-кладбище человека.
• Хамовский язык.
• Чувашский язык.
• Иисус-продолжение.
• Ийа-правда.
• Иордан-река.
• Елей.
• Галгал.
• Хĕрес-крест.
• Хĕрестус-Христос.
• Вера спасет.
• История.
• Ударение.
• Как быть?
• Зачем?

• Суть болезни.
• Быть человеком.
• Как узнать?
• Что такое здоровье?
• Что значит бояться?
• Вера и человек.
• О истинной вере.
• Как я преодолел?
• Терпение и надежда.
• Выбор пути.
• С высоты прожитых лет.
• О минутах упоения.
• Как приятно и восторженно.
• Полный релакс.
• Широка и раздольна.
• Ничего Тебя не заботит.
• Быть свободным.

• Сăмах-слово.
• Хăрат - пугать.
• Ĕлĕк-авал - древность.
• Сиен - вред.
• Ăру-род, поколение.
• Новый год.

• Калория и диета.
• Как худеть?
• Как худеть женщинам?
• Худеем просто.
• Худеть или не худеть?
• Надо ли худеть?
• Как худеть без очищения?
• Худеть - чистить плоть.
• Худеть для себя.
• Не худею, живу.
• Худеть.
• Худеть - смысл.
• Худеть реально.
• Худеть - здоровье.

• Как бросить курить и пить?
• Способ первый.
• Действует.
• Нелегко тем.
• Значение слов.
• Самонастрой от курения.
• Способ второй.
• Способ третий.
• Курительная смесь - спайс.
• Спайсу скажем нет.
• Спайс под видом.
• Спайс и семья.
• Спайс - смертельная смесь.
• Не курите в авто.
• Автомобиль - не курительная комната.

• Остров Буян.

• Как создать сайт?
• Как написать страницу?
• С чего начать?
• Немного о разметках.
• Что такое структура страницы?
• Как изм. background-image?
• Меняем структуру стр.
• С двумя колонками стр.
• Структура страницы.
• Блочная структура.
• "Метод' детского люб.'.
• Блочная структура в PHP.
• Посмотрим, что...
• Начинаем разукрашивать.
• Изменяем верх. колонтитул.
• Изменяем нижн. колонтитул.
• Как измениться стр.
• Легко и быстро.
• Две колонки на стр.

• Техническая характеристика лада приора.
  • Техническая характеристика лада приора.
  • Справочные данные лада приора.
  • Правила техники безопасности на лада приора.
  • Обкатка автомобиля лада приора.
  • Проверь колеса на лада приора.
  • Настроение за рулем лада приора.
  • Ты и автомобиль лада приора.
  • Психология и вождение автомобиля лада приора.

• Неисправности Lada Priora.
  • Неисправности Lada Priora.
  • Вдруг заглох автомобиль лада приора.
  • Перегрев двигателя лада приора.
  • Неисправности кузова лада приора.

• Двигатель автомобиля лада приора
  • Двигатель автомобиля лада приора.
  • Снятие и установка двигателя лада приора.
  • Разборка двигателя лада приора.
  • Дефектовка деталей лада приора.
  • Сборка двигателя лада приора.
  • Система смазки лада приора.
  • Система охлаждения лада приора.
  • Замена расширительного бачка лада приора.
  • Замена радиатора системы охлаждения лада приора.
  • Замена водяного насоса лада приора.
  • Замена термостата лада приора.
  • Замена охлаждающей жидкости лада приора.
  • Снятие, дефектовка и установка маховика лада приора.
  • Замена прокладки головки блока цилиндров лада приора.
  • Замена маслосъемных колпачков лада приора.
  • Замена гидротолкателей лада приора.
  • Притирка клапанов лада приора.
  • Опора силового агрегата лада приора.
  • Компрессия на лада приора.
  • Система питания топливом лада приора.
  • Система очистки газов лада приора.
  • Замена топливного бака лада приора.
  • Система подачи воздуха лада приора.
  • Снятие и установка кожуха лада приора.
  • Система выпуска отработавших газов лада приора.
  • Установка поршня 1-го цилиндра двигателя лада приора.
  • Дроссельная заслонка лада приора.
  • Снятие и установка топливной рамы лада приора.
  • Замена ремня привода ГРМ лада приора.
  • Замена фильтра тонкой очистки лада приора.
  • Замена сальника распределительных валов лада приора.
  • Замена сальников коленчатого вала лада приора.
  • Замена прокладки маслянного картера лада приора.
  • Замена уплотнительных колец впускного коллектора лада приора.
  • Замена прокладки катколлектора лада приора.
  • Резонатор и противорезонансная сетка лада приора.

• Трансмиссия Lada Priora.
  • Трансмиссия Lada Priora.
  • Полная разборка и сборка коробки передач лада приора.
  • Сцепление автомобиля лада приора.
  • Разборка и сборка приводов передних колес лада приора.
  • Замена сухариков рычага переключения передач лада приора.

• Ходовая часть лада приора.
  • Ходовая часть лада приора.
  • Тормозная система лада приора.
  • Неисправность тормозной системы лада приора.
  • Замена рабочей жидкости в тормозной системе лада приора.
  • Передняя подвеска лада приора.
  • Снятие и установка стойки телескопической лада приора.
  • Замена шаровой опоры лада приора.
  • Замена рычага передней подвески лада приора.
  • Замена растяжки передней подвески лада приора.
  • Замена стабилизатора поперечной устойчивости лада приора.
  • Замена подшипника ступицы лада приора.

• Органы управления лада приора.
  • Органы управления лада приора.
  • Рулевое управление лада приора.
  • Снятие и установка рулевого колеса лада приора.
  • Электромеханический усилитель руля лада приора.
  • Неисправности рулевого управления лада приора.
  • Рулевая трапеция лада приора.

• Система электрооборудования лада приора.
  • Система электрооборудования лада приора.
  • Генератор переменного тока лада приора.
  • Стартер лада приора.
  • Замена свечей зажигания лада приора.
  • Ключ зажигания лада приора.
  • Замок зажигания лада приора.
  • Иммобилизатор лада приора.
  • Электронная система управления двигателем лада приора.
  • Система зажигания лада приора.
  • Аккумуляторная батарея лада приора.
  • Снятие и установка топливного насоса лада приора.
  • Система впрыска топливом лада приора.
  • Датчик детонации лада приора.
  • Датчик температуры лада приора.
  • Датчик массового расхода воздуха лада приора.
  • Датчик скорости лада приора.
  • Датчик дроссельной заслонки лада приора.
  • Регулятор холостого хода лада приора.
  • Управляющий и диагностический датчики лада приора.
  • Датчик фаз.
  • Датчик неровной дороги лада приора.
  • Датчик уровня топлива лада приора.
  • Снятие и установка электровентилятора радиатора лада приора.
  • Отопитель и вентиляция салона лада приора.
  • Освещение, световая сигнализация лада приора.
  • Снятие, установка звукового сигнала лада приора.
  • Очиститель ветрого стекла лада приора.
  • Бачок омывателя лада приора.
  • Электродвигатель вентилятора системы отопления лада приора.
  • Система обогрева заднего стекла лада приора.
  • Комбинация приборов лада приора.
  • Электронная противоугонная система лада приора.
  • Замена выключателя стоп-сигнала лада приора.

• Кузов Lada Priora.
  • Кузов Lada Priora.
  • Стекло авто лада приора.
  • Ремонт стеклоподъемника лада приора.
  • Бампер передний, задний лада приора.
  • Капот лада приора лада приора.
  • Багажник лада приора.
  • Двери - снятие и установка лада приора.
  • Сиденья лада приора.
  • Ремень безопасности лада приора.
  • Облицовка салона лада приора.
  • Панель приборов лада приора.
  • Уход за кузовом автомобиля лада приора.
  • Багажник протекает лада приора.
  • Как мыть автомобиль лада приора.
  • Авто против табака лада приора.
  • Круиз на автомобиле лада приора.
  • Адаптер ELM327 OBD-2 лада приора.
  • Диагностика автомобиля на адаптере ELM327 OBD-II лада приора.

• Зимнее вождение лада приора.
  • Зимнее вождение лада приора.
  • Щипованная резина или липучка лада приора?
  • Зимнее вождение и безопасность лада приора.
  • Колеса и некоторые проблемы лада приора.
  • Зимняя езда лада приора.
  • Авто лада приора и зима.

• Хамство на дорогах.
  • Хамство на дорогах.
  • Поголовное автохамство.
  • Как избежать автоагрессию?
  • В противоположность автоагрессии.

• Модельный ряд лада.
  • Lada Kalina New хетчбек.
  • Lada Kalina New универсал.
  • Lada Kalina Cross.
  • Lada Kalina Sport.
  • Lada Priora седан.
  • Lada Priora универсал.
  • Lada Priora хэтчбек.
  • Lada Largus фургон.
  • Lada Largus 5 мест.
  • Lada Largus 7 мест.
  • Lada Largus Cross.
  • Lada 4x4 3-дверная.
  • Lada 4x4 5-дверная.
  • Lada Granta седан.
  • Lada Granta спорт.
  • Lada Granta лифтбек.
  • Lada Ellada.
  • Lada Vesta.

• Авто и заправка.
  • Авто лада приора и заправка.
  • Авто лада приора и топливо.
  • Авто лада приора и экономия.
  • Авто лада приора и транспорт.
  • Авто лада приора и газ.
  • Заправка авто лада приора природным газом.

• Автостраховка лада приора.
  • Автостраховка лада приора.
  • Авто лада приора-жульё!
  • Авто лада приора обман.
  • Автообман лада приора-ГИБДД.

• Электросварка для начинающих.
• Импортные электроды.
• Инструменты и материалы для элетросварки.
• Инструменты и материалы(продолж.).
• Инструменты и материалы для элетросварки.
• Кристаллизация металла при сварке.
• Превращение металла при сварке.
• Начинающему электросварщику.
• Типы сварных швов.
• Основа электросварки.
• Основа электросварки.
• Первый сваренный шов.
• Осмотр сварного шва.
• Пробный сварной шов.
• Ручная дуговая сварка.
• Выбор сварочного электрода.

Основы HTML.

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

Вложенные элементы. HTML-элементы могут содержать другие элементы. Это называется вложенностью, чтобы данная возможность применялась правильно, весь элемент, включая его разметку страниц сайта, должен помещаться между начальным и конечным тегами другого элемента (родителя) страниц сайта. Правильное использование вложенности - это один из критериев хорошо сформированного документа сайта. В данном примере пункты списка li вложены в элемент - неупорядоченный список ul.

                 < ul>
                      < li>Розыгрыш l< /li>
                      < li>Розыгрыш  2< /li>
                 < /ul>
                  
                 или посмотрите то, что на практике бывает:
                 
                 < ul>
                        < li>< a href="../strojsait/novichok.html">Как создать сайт?< /a>< /li>
                        < li>< a href="../strojsait/vvedenie1.html">Как написать страницу?< /a>< /li>
                        < li>< a href="../strojsait/nachalo.html">С чего начать?< /a>< /li>
                        < li>< a href="../strojsait/saittag.html">Немного о разметках, кодах, стилях< /a>< /li>
                        < li>< a href="../strojsait/saittag1.html">Что такое структура страницы?< /a>< /li>
                        < li>< a href="../strojsait/saittag2.html">Структура страницы.< /a>< /li>
                        < li>< a href="../strojsait/saittag3.html">Блоковая структура.< /a>< /li>
                        < li>< a href="../strojsait/saittag4.html">Метод " детского любопытства".< /a>< /li>
                        < li>< a href="../strojsait/saittag5.html">Блочная структура в кодах PHP.< /a>< /li>
                        < li>< a href="../strojsait/saittag6.html">Посмотрим, что у нас получилось.< /a>< /li>
                        < li>< a href="../strojsait/saittag7.html">Начинаем разукрашивать страницу.< /a>< /li>
                  < /ul>

как видите, тут в несортированные списки < ul>...< /ul> вкладываются пункты списка < li>...< /li>, в пункты списка в свою очередь вкладываются так называемые гипертекстовые ссылки < a>...< /a>.

Теперь такой пример вложенности в элемент формы form так называемый элементов "опросник" ввода input с его атрибутами и вызова составленных кнопок в отдельном вложенном блоке div с идентификатором id="obertka0:

                      < form action="opros.php" method="post"> 
 
                             < input type="text" name="text1" value="text1"> 
                             < input type="checkbox" name="box1" value="box1"> 
                             < input type="submit" name="submit1" value="Отправить 1 блок"> 
                      
                             < input type="text" name="text2" value="text2"> 
                             < input type="checkbox" name="box2" value="box2"> 
                             < input type="submit" name="submit2" value="Отправить 2 блок">
                   
                             < input type="text" name="text3" value="text3"> 
                             < input type="checkbox" name="box3" value="box3"> 
                             < input type="submit" name="submit3" value="Отправить 3 блок"> 
   
                             < input type="submit" name="all" value="Отправить"> 
                      < /form>

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

                    < div id="obertka0"> 
                    
                           < div id="obertka1"> 
                                        < input type="text" name="text1">
                                        < input type="checkbox" name="chk1" value="1"> 
                                        < input type="button" value="Сохранить" onclick="ds('obertka1');"> 
                           < /div> 
 
                           < div id="obertka2"> 
                                        < input type="text" name="text2">
                                        < input type="checkbox" name="chk2" value="2"> 
                                        < input type="button" value="Сохранить" onclick="ds('obertka2');"> 
                           < /div> 
  
                           < div id="obertka3"> 
                                         < input type="text" name="text3">
                                         < input type="checkbox" name="chk3" value="3"> 
                                         < input type="button" value="Сохранить" onclick="ds('obertka3');"> 
                           < /div> 
 
                    < /div>

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

Распространенная ошибка в HTML - закрывание родительского элемента сайта до того, как будет закрыт элемент, который в него вложен (потомок). Это приводит к неверному перекрытию элементов и XHTML-документ сайта становится плохо сформированным и может привести к ошибкам в отображении HTML-документов на сайте. Далее в примере элементы вложены неверно, поскольку элемент strong должен быть закрыт до элемента а (анкер). НЕВЕРНО:

                     	< а	href="#"> Click < strong> here. < /a> < /strong>

Есть другая неправильная вложенность элементов - обратная вложенность элементов. Например, когда в гиперссылку a вкладывается абзац p:

                        < a href="../strojsait/novichok.html">< p>Как создать сайт?< /p>< /a>

Хотя некоторые браузеры не брезгуя могут отображать правильно такую запись кода программы сайта. Но, так нельзя писать, это неправильная запись строки программы на страницах сайта. Ссылка a не должна содержать абзац p, наоборот все ссылки должны находиться только в абзаце на странице сайта.

Информация страниц сайта, которую браузеры игнорируют. Часть информации в HTML-документе, включая определенную разметку страниц сайта, игнорируется и оказывает очень малое или не оказывает никакого влияния на представление, когда документ сайта отображается в браузере или в другом пользовательском агенте. Сюда относятся:

Переносы строки < br /> страниц сайта в HTML.

Переносы строки в HTML-документе сайта рассматриваются как пробелы, которые, как правило, объединяются с другими пробелами.

Текст и элементы в HTML выводятся непрерывно, пока в тексте не встретится элемент р или br. Однако переносы строк на странице сайта отображаются, если текст размечен как предварительно отформатированный < рr>...< /pre> или, если в таблице стилей используется свойство white-space: рrе.

             < pre>
                  < ul>
                        < li>< a href="../strojsait/novichok.html">Как создать сайт?< /a>< /li>
                        < li>< a href="../strojsait/vvedenie1.html">Как написать страницу?< /a>< /li>
                        < li>< a href="../strojsait/nachalo.html">С чего начать?< /a>< /li>
                        < li>< a href="../strojsait/saittag.html">Немного о разметках, кодах, стилях< /a>< /li>
                        < li>< a href="../strojsait/saittag1.html">Что такое структура страницы?< /a>< /li>
                        < li>< a href="../strojsait/saittag2.html">Структура страницы.< /a>< /li>
                        < li>< a href="../strojsait/saittag3.html">Блоковая структура.< /a>< /li>
                        < li>< a href="../strojsait/saittag4.html">Метод " детского любопытства".< /a>< /li>
                        < li>< a href="../strojsait/saittag5.html">Блочная структура в кодах PHP.< /a>< /li>
                        < li>< a href="../strojsait/saittag6.html">Посмотрим, что у нас получилось.< /a>< /li>
                        < li>< a href="../strojsait/saittag7.html">Начинаем разукрашивать страницу.< /a>< /li>
                  < /ul>
            < /pre>
     
                     вот так создается предварительно отформатированный сайт.

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

• Русский мат.
• Слова казак,варвар.
• Выходить.
• Слова есть,имеется.
• Что означает пай?
• Куратор - глядя стой.
• Так ли на самом деле?
• О имени Астарта.
• Названия некоторых городов.
• Спор и его значение в жизни.
• Помощь или суть слова подмога.
• Голубь.
• Прах.
• Еда, пища.

• Размышления.
• Свершивщийся факт.
• Соль-тăвар.
• Товар-как?
• Смысл слова.
• Поговорим о семье.
• Семья и слово.
• Значение и смысл слов.
• Суть любви.
• Еще раз о любви.
• Толкование о глазах.
• Несколько слов о зеркале.
• Значение чисел.
• Сердце.
• Голова.
• Левая рука.
• Правая рука.
• Деревня.

• Остров Буян.
• Ура!
• Торговать.
• Улма.
• Читаем обратно.
• Армата.
• Дева Мария.
• Свет.
• Ураган.
• Царь Давид.
• Царь Саул.
• Царь Соломон.
• Шамбала.

• Считать или думать.

• Немного обо всем. Лада приора.
• Безопасность прежде всего. Лада приора.
• Сколько можно? Лада приора.
• Стоп. Лада приора.

• Воспоминания детства.
• Студенческие годы.
• Пить не пить.
• О пьянном угаре.
• Легкие основа здоровья.
• Надо ли?
• Анализ ситуации.
• Есть много причин.
• Возможно ли?
• Иметь желание.
• Суета сует.
• Где найти ответ?
• Сказано-сделано.
• Слушать слово.
• Внимай и слушай.
• Не сворачивай.
• Как остаться?
• Справка о вреде курения.
• Сигарета и табак.
• Нет курению.
• Зона без сигарет.
• Жизнь без сигарет.
• История о вреде сигарет и водки.
• Вред алкоголя.
• Факты из истории.
• Знай и помни.
• Чем опасен энергетик?
• Живи и радуйся.
• Не упустить бы.
• Понять и принять.
• Терпение и труд.
• Набирайтесь терпения.
• Не давай зарока.