создание простейшей html страницы

Автор Ivan Samoilov
создание простейшей html страницы

День добрый дорогие друзья.

Приветствую на канале компьютерные секреты. Сейчас я вам хочу немножко показать как создать простейшую html-страницу. Что такое HTML страница.

Вы можете более подробно и почитать я вам только скажу, что нам нужно для работы в интернете.

Итак Ну вот простейшие примеры любое чтение страница допустим вот тут же индекс если мы начнём вот любое откроем сайт допустим да там я не знаю там он в этом пусть будет там до вот открываем. Ну вот вот — это вот отображение вот — это вот называется, что имеет страница как — это сделать. Давайте я вам покажу на простейшем примере как она вообще — это всё работает для начала. Давайте создать папку где угодно. Ну конечно лучше этот раздавать я не на рабочем столе вот допустим у меня вот проект HTML. Ну вот допустим да хочу вот. Давайте я вам покажу как раз, что — это такое вот вот — это называется аштимель страничка страница в конце Index HTML. Ну ну вот ещё, что вам показать. Ну допустим вот так вот можем показать вот. Яндекс Вот — это не заканчивается.. А, что — это уже полноценная, что мир страница ну собственно говоря как — это сделать создаем колпачком папка пишем допустим. Мой проект. Мой проект. Мой проект в принципе и. Пока До этого достаточно открываем такой вот программа под названием саблайм текст 3 скрываемые бесплатно полностью замена, а полностью бесплатная. Так, что можно ей пользоваться собственно говоря берём эту папочку. Мой проект кидаем сюда. Вот она появилась водка как давайте я увеличу ну чтобы начать работать собственно говоря саблайн текста нужно вам скачать. Как установить плагин под названием, что он делает. Он позволяет быстро как — это сделать. Я не буду рассказывать — это делается очень просто в ютуби полным-полно информацию. Если кому нужна интересно пожалуйста пою зайти и посмотрите я вам показываю только так то, что как создать html-страницу — это так легко твое право клавишей мыши по нашей папке нажимаем New file файл то есть мы создаем новый файл теперь моего сохраняем сразу переходим на английский язык контрольная и тут пишем в папке. Мой проект от пишем такой яндекс. HTML, что — это мы сделали чтобы браузера познавал, что — это наша — это является html-страницы нажимаем клавишу сохранить собственно говоря HTML страница готовая написанию кода, что наделал есть такой хитренький секретик нажимаем знаки табуляции HTML страницу наслаждалась уже вполне. Рабочая чтение страница. Давайте напишем ей название допустим какой-нибудь. Мой проект сохраняем сегодня забываем Control с говоря. Давайте проверим как будет отображать браузер вот пожалуйста браузер загружает отражает у меня по умолчанию стоит. Яндекс Браузер. Как у вас там я не знаю, но он будет всё тоже самое ну как вы видите — это пустая HTML страница — это так не годится. Давайте хоть что-то с ней сделаем чтобы мы можем с ней сделать из следующее допустим написать на головке. Что такое заголовок заголовок существует уровней самый первый уровень заголовка — это самая крутая самая последняя 6 он самый мелкий. Как — это сделать английский язык в HTML используется теги. Допустим мы хотим заголовок первого уровня H1. Ну и напишем. Мой проект самый лучший допустим да. Мой проект самый лучший самый лучший закрываем text закрываем тех сохраняем контрл с не сможем, что она получится ну вот пожалуйста — это вот такой. Лаура, что мы ещё можем тут сделать. Допустим мы хотим тут написать дальше текст какой-нибудь текст открываем и пишем текст любой текст. Привет всем допустим да. Я сегодня делаю первую сохраняем обновляем. Ну вот пожалуйста. Всем привет. Я сегодня делаю свою первую страницу. Ну вот как-то вот так, что мы ещё можем сделать здесь. Да на самом деле если мы нажмем такую вот допустим так так тут что-нибудь напишем сохраним обновим вот мы делаем такое вот меню дальше мы можем написать ли там ещё какое-то там ериц опустим. Ну вот как-то ещё вот так вот лишь одну поставим. Да там такое Running One S. Как увидеть у нас получилась. Вот такая вот типа менюшки ну — это такое самая простенькая. Ну как вы понимаете сайт таким быть конечно же не может. Поэтому мы можем ещё тут сделать следующие фенечки допустим каким чуть-чуть её приукрасить. Да, что мы. Для этого сделаем. Допустим мы. Давайте заголовок поместим посерединке для этого мы классом опять. Мой проект правая клавиша мыши и ножи выбираем тут уже New Folder создаем папку под названием CSS сохранили, а всё уже нажимаем New file сохраняем Control срыв папки CSS пишем style. где нажимаем клавишу сохранить. Всё в силе у нас сохранены чтобы они у нас работали на моих нужно подключить как — это сделать включается с помощью троллинг CSS соцсети. Нам всё подсказывает выбираем всё случайно января у нас она уже подключено теперь стиль будут работать не забываем сохрани ну и для заголовка первого уровня 1 так-так-так mail следующая. Так, что нам тут можем сделать, что мы можем сделать. Давайте мы его оставим. Пациенту Для начала да. Так сейчас я посмотрю, что так-так-так. Ты где. Что есть ну давай посмотрим. Ну вот так вот давай чтобы я не писал не заморачивался вот допустим вот так вот выделим Control. Подставь то же самое сделали. Мы выровняли текст по центру покрасили в красный цвет сделали ему поедем на 20 пикселей и покрасили вот такой вот. Давайте сохраним ся контроль. АС и посмотрим, что у нас получилось completez не забываем обновится вот пожалуйста такое вот мы получили фигуры вот думаю всем. Всё понятно да, что мы ещё этот можно сделать допустим метод можем ещё подключить там какую-нибудь.

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

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