Как создать сайт Видеоурок по HTML для чайников

Автор Georgiy Dronov
Как создать сайт Видеоурок по HTML для чайников

Привет сегодняшний урок по HTML мы узнаем, что — это такое и для чего он предназначен.

Сегодня мы узнаем мы разберём основной инструмент. Что такое теги какие-то обязательные. Как создавать текст изменять цвет текста.

Как изменить цвет фона страницы научимся выравнивать текст и задавать размер заголовка перед началом работаем.

Мы создадим отдельную папку для будущего страницы на нашем компьютере у себя на компьютере я создал такую папку на диске C или назову её. Мой первый сайт вы можете создать папку. Где вам угодно и назвать его как угодно теперь. Открой блокнот и вставим туда следует. Вот так он будет выглядеть у нас блокноте сохраняем файл следующим образом сжимаем файл сохранить как выбираем куда мы хотим сохранить у меня на данный момент на диске C. Мой первый сайт имя файла вставляем Index HTML хтмл должно быть обязательно нажимаем сохранить и теперь давайте посмотрим как — это будет выглядеть у нас на браузере. Мой первый сайт захожу Index HTML нажимаю дважды вот так вот у нас будет выглядеть моя первая — это здорово первое, что нам нужно понять, что хотела то то, что мы сейчас с вами изучаем второе, что нам нужно понять, что хтмл — это не является язык программирования он для разметки текстовых документов то есть с помощью него мы размещаем текст таблицы картинки на нашей странице то как будет выглядеть текст и картинки полностью будет зависеть как мы с вами воспользуемся именно этими тегами например. Так бы отвечает за перенос текста на другую строку давайте сейчас попробуем вставь в блокноте несколько раз такбир перед словом — это здорово файл сохранить сейчас зайдём к себе извиняюсь на браузер сделаем обновление и мы видим, что — это здорово нас опустилась в строку ниже как мы видим на нашем примере ты как много я ни разу среди них есть такие теги как обязательно тебе — это такие теги которые всегда должны прописываться для каждой своей странице примеру тег хтмл он должен открывать документ. Если есть открывающий. Тед то должен быть и закрывающий тег некоторой цели такие как бы не требую закрывающего тега. Итак вернемся к нашему документу голова документа и тело документа все. Ты где расположены между тегами Head. Это что-то вроде служебная информация например. Так титлы — это заголовок. Зачем он. Давайте откроем наш документ в браузере и посмотрим. Подними свой взгляд наверх увидели все-таки расположено между Body. Это непосредственно содержание документа следующие несколько шагов будут посвящены именно этим тегом мы узнаем как менять цвет текста фона. Как дела текст крупнее мельче поговорим о картинках таблицах я многом другом. Но прежде всё-таки закончим наш разговор о тегах в общем. Так — это не просто так — это контейнер ты который может содержать внутри себя другие теги. Обратите внимание. Только такой очередность закрывающих тегов верна те которые мы открыли первым закрываем последнем 2 предпоследним и так далее шаги начнём с малого лёгкое постепенно перейдем к более сложному и большому и так на — это ступеньки мы будем учиться раскрашивать для начала. Нам нужно будет палитра лучше всего сохранить эту полицию себя на компьютере она вам ещё не один раз пригодится все обозначения цвета хтмл прописывается. Именно таким способом например красный прописывается вот так вот. Давайте украсим слова — это здорово в красный цвет сохраняем. Это как в блокноте сохранить и. Посмотрим как будет выглядеть у нас на браузере как мы видим у нас на браузер. Это здорово в красном цвете телефон он многофункциональным и можно задавать нет конкретно части документа. Ну и размер шрифта и вид шрифта. Но об этом мы поговорим чуть позже можно ещё задавать цвета в документе. Давайте вспомним об открывающим теги Buddy например вот так весь текст страницы будет синим кроме текста которые мы специально прописали. ВТБ фонд если цвет текста в бар. Не задавать то по умолчанию он будет чёрным. Давайте посмотрим на нашем примере. В нашем блокноте как — это будет выглядеть нажимаем сохранить переходим к себе на браузер и мы видим, что моя первая страница окрашена в синий цвет и так как менять цвет текста мы разобрались. Давайте теперь я. Как менять цвет фона для наглядности я прописал жёлтый цвет. Вы можете раскрасить любым цветом. Каким вы хотите если свет в баде не указывать то по умолчанию он будет белым. Хотя иногда цветом по умолчанию может являться любой другой цвета кроме белого. Поэтому лучше себя прописывать тег цвет фона в баде, а также цвет основного текста как его задавать вы уже знаете. Обратите внимание мы одновременно можем прописать в теге Body и цвет в документе и цвет фона — это на всякий случай. Если вы еще не поняли одному тегу может быть присвоена несколько атрибутов. Давайте посмотрим как у нас будут вы — это в блокноте теперь сохраняем и посмотрим в браузере делаем как мы видим свет фон фоновый цвет у нас поменялся на желтый следующем шаге мы поговорим о параграфах параграфы водится. ТГП с помощью параграфов можем центрировать текст мы можем выравнивать текст по правому краю документа по левому и по обоим краям давайте выйдем в параграфы в наш. Документ и посмотрим наглядно, что получится в наш примеры я подставил пара с атрибутом цитирование текста моя первая страница. Попробуйте поставить в параграф с другими значениями текст в документе если не задавать параграфы всегда выравниваются молчание по левому краю также запомните чтобы после закрывающего тега P автоматически происходит перенос.

0 комментариев
0

Читайте также