Вот уже 8 урок, и мы собираемся закончить базовый уровень html! Конечно все теги мы с вами не изучили, но для этого есть справочники, я уверяю вас что даже профессиональные разработчики обращаются к ним.
Вот справочник. Он хороший и очень достоверный(но всё же не идеальный, поэтому, иногда мы будем пользоваться старым методом, yandex.ru), например нам нужно на сайт выложить видио из youtube:
- <iframe width="480" height="360" src="ссылка_на_видио" frameborder="0" allowfullscreen></iframe>
Я не стал приводить в примере само видио, так как я не занимаюсь рекламой каналов в данный момент!
У html огромное кол-во возможностей, но вам я советую изучить эти теги: meta, head, iframe, i, b и т.д.
Вот мы и до разобрали главную часть html, и теперь большая часть уроков станет простым описание возможностей css.
И мы рассмотрим такой код:
- h1 {
- color: red;
- margin-top: 10px;
- }
Что делает color мы уже знаем, а вот margin, что-то новое! После "-" у нас top, это про верхнюю часть экрана, а точнее про отступ сверху. Кроме отступа сверху, есть left-левая часть, right-правая часть, и botton-нижняя часть. После ":" число 10 и две буквы px(пиксели), так что мы можем сделать вывод, что наш код добавляет для заголовка красный цвет и отступ 10 пикселей сверху. Такой отступ можно делать и для изображений:
- img {
- margin-top: 20px;
- margin-left: 20px;
- }
Наше изображение будет иметь отступ сверху 20 пикселей, и столько же слева!
Вот и конец 8 урока, подпишитесь, поставьте лайк, а при 20 подписчиках в исходниках появится... , а вот что появится там, вы сами и узнаете!