HTML — Базовый курс 13


64 просмотра.

Краткое описание видео: .начинаем завершающий урок курса по html.здесь мы посмотрим на реальном примере.какой нибудь сайта разберем его html-код.для примера я возьму свой же сайт адрес.у него такой евгений попов точка com.посмотрим на там элекон данного сайта.вот и смотрим прямо по ходу то есть все.так же как мы и начинали до указанную.версию корневой так html идет так с днем.название страницы.далее идет кодировка tp-link мы пока не.проходили это такие связанные с.таблицами стилей.вот это мы будем проходить в курсе по.css.дальше у нас идет так body.у него имеется единственный атрибуты.фоновый цвет страницы.далее идет тег div ты где в основном.используется также в купе ставлю сами.стилей.это мы еще будем проходить в курсе.possesses сейчас я могу вам лишь.показать самый простой пример.использования тега div ваш тема или это.вот этот пример.div и line центр если мы откроем нашу.страничку вот она да и у нас допустим.возникла ситуация что нам нужно сразу.несколько абзацев выровнять по центру на.допустим вот эти три абзаца мы хотим.выровнять по центру как мы можем это.сделать мы можем в каждом теги абзаца.прописать а lines on a можем сделать.проще мы можем открыть здесь так div вот.в этом месте да и здесь его закрыть ему.прописать align центр то есть это как.раз один из тех логических тегов которые.используются в основном все с в.следующем курсе на нашем давайте.попробуем его применить вот наша.страница index.php и вот допустим.начиная с этого абзаца мы хотим.выровнить все по центру.открываем здесь так div напишем и line.центр.вот и здесь допустим после этого абзаца.мы так gif.закрываем все сохраняем эту страницу и.посмотрим как этот так повлиял на вот.эти три абзаца обновляем и видим что все.таки.выравнялись по центру вот они на то есть.вот так действует ты где в сам по себе.он не виден.он лишь за счет своих атрибутов может.изменять внешний вид страницы идем.дальше.рассматриваем кода дальше у нас идет.обычная табличка задано ширина заодно.рамка 0 выровнен табличка по центру и.ширина 800 20 пикселей это как раз таки.вот эта табличка самая главная таблица.сайта вот она такая широкая нога и в нее.уже вносится вся остальная информация.далее у нас идет тут новый атрибут.который мы кстати тоже не прошли в.ячейке когда мы создаем ячейку мы можем.как-то также задавать не только.горизонтальное выравнивание но и.вертикальная от исхода но вы онлайн.давайте попробуем также его применить.если мы откроем нашу страницу ты.болтаешь и здесь мы и так же посмотрим.какую нибудь ячейку он страницу про.таблица открываем вот и допустим мы.хотим вот в этой ячейке сделать так.чтобы информация которая в ней находится.сейчас да это вот этот табличка.встроенная она у нас была не по центру а.сверху есть мы по вертикали и и.выровняем по верху он делается это так.открываем ты был пейдж находим где у нас.идет вот оно это ячейка в которую мы.строим таблицу и мы и пропишем этот.самый атрибут вы онлайн.и дадим ему значение топ это означает.что все содержимое этой ячейке будет.выровнена палубе герш нему краем если мы.сейчас обновим увидим что наша табличка.которая была в этой ячейке передвинулась.наверх вот так работает от rim готовый.онлайн.так идем дальше дальше у нас задается.фоновый цвет ячейки вот атрибут класса.это опять таки связано с таблицами.стилей это мы пройдем в следующем курсе.дальше идет у нас опять таки.выравнивание по центру с помощью тега.div вот в остальном все то что мы уже.изучили таблицы строки.личинки да то есть вот допустим есть.список.цель и каждый элемент списка заодно с.помощью cavalli атрибута иди опять таки.1 47 сразу весь мы его не трогаем.здесь вот таким образом из совокупности.в таких таблиц у нас создается страница.при этом на практике когда мы будем.создавать сайты вы увидите что это все.делается на самом деле очень быстро и.очень легко несмотря на то что сейчас.это возможно окажется сложно лад вот в.принципе все что здесь вам хотел.объяснить себе ничего здесь.нового ничего такого что мы не прошли.нету все все по делу да он даже те.картинки также идет о примут source идет.адреса где лежит картинг в данном случае.она лежит в папке им же и называется.таким образом вот здесь также идёт.скрипт от рекламной кампании google.adsense.вот они если мы посмотрим на странице то.есть вот эти скрипты на и всегда.выводится с другого сайта информация.он самом низу у нас также закрывается.так html закрывается так боди и.закрывается основные таблицы которые.были открыты в самом начале вот что.касалось применение html в реальных.условиях так что как вы видите все то.что мы с вами изучили она реально.применяется при создании сайтов и в.курсе по созданию сайта web еще более.наглядно.видите на этом данный урок мы.заканчиваем заканчиваем и данный курс.вот следующий курс который я вам.рекомендую пройти после этого это курс.по css.обязательно это также неотъемлемая часть.при создании сайта вы сами видите.сколько элементов здесь используется.чисто из с вот тогда дальше на сутки не.это тоже с s-class и вот сейчас он.неразрывно связан с html и связки.позволяет делать намного более красивые.сайты чем на простом html так что жду.вас в курсе possesses здесь мы.заканчиваем

HTML — Базовый курс 13

Как? Вы еще не смотрели? Ну это зря...