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

Автор Lyudmila Yeriomenko
Как создать свой сайт с нуля   верстаем первую страницу   урок HTML

Всем привет.

С вами. Харли Сегодня я вам расскажу как сверстать 1 веб-страницу я можно сверстать в чём угодно вордпаде блокноте, но я предпочитаю программу саблайм текст. Почему Спросите именно эту программу потому, что она удобная тем, что в ней можно писать сразу на нескольких языках.

В сети язык увидеть его пуся справа также она подчеркивает теги.

Если Вы допустили ошибку и также на закрывают такие тут очень много горячих клавиши в общем она очень удобно скачайте. Попробуйте вы знаете и так давайте перейдем непосредственно к восстанию странице, что он здесь есть выиграл, но я им мы займемся в последнюю очередь. Значит надо здесь есть картинка надпись мой сайт и ссылочка. ВКонтакте и так. Заходим в программу создавая новый документ справа внизу набираем HTML язык на котором писать и пишем главное контейнер не обязательно его закрываю через флеш и так мне он сохранятся его дети то есть последующей контейнеры — это предыдущих контейнеров в нём хранятся have и контейнер Body Head ты контейнер который в которое вписываются теги которые помогают браузер работать с вашим сайтом у нас будут — это тег тайтл — это название сайта который отображается во вкладках браузера просто сайт и не то, что Set META charset. А ты мне тут Tag META Tag где прописываются кодировка кодировка которая помогает браузер распознать. На каком языке вы пишете то есть на программном. Элина кириллица и латиница вот есть куча кодировок мы используем кодировку utf-8 чтобы писать на английском русском языке. Вот на этом. Хеда Мы закончили сюда. Также можно прописывать тег который можно работать с CSS непосредственно в HTML, но поэтому тоже сделаем в конце боди посмотрим, что она сумела так здесь есть картинка обернутая в ссылку заголовок мой сайт и ссылочка. ВКонтакте посмотрим как — это выглядит браузер вот значит мой сайт картинка на которой можно кликнуть перейдет на новую страницу и ссылочка. И начнём мы с картинки вводи прописываю imagesource каждый последующий. Так мы сдвигаем на одну позицию вправо потому, что — это ребёнок предыдущего тега так сюда мы прописываем в сурском и прописываем название картинки. То есть у меня — это ава джипег. Контрол с. Контрол быстрое сохранение переходим на наш сайт обновляемое вот у нас наша картиночка. Так мы прописали. Аваль джипег. Так у нас картиночка же ссылкой если на неё нажать то мы переходим на другой сайт. Чтобы — это сделать нам нужно обернуть нашу картинку в ссылку. Как — это сделано здесь так, что пишем перед. Мэйдж А и нажимаем Enter слышишь. А мы нажимаем Control X и переносим у конец Imagine What вставляем какую-либо ссылку не важно какой он чтоб присутствовало http: два слеша и название сайта и знаешь в моём случае — это VK так и и всё нажимаем Control с переходом на сайт обновляем теперь можно нажать посмотрим, что есть ещё так так так так так значит дальше нужно написать текст идет текст мой сайт описываем тег H1 H1 — это размер текста есть H1 H2 H3 и чем цифра выше тем меньше у нас H1 мой сайт нажимаем. Контрол с обновляем здесь написано мой сайт, но не совсем верно. Как видите здесь мой сайт написан справа от картинки. А у меня снизу чтобы — это исправить мы добавляем к картинки атрибут align онлайн — это атрибут выравнивания. Ишим онлайн равно и выравнивание Left Center Right нашем. Это лифт нажимаем контрл с открываем наш сайт видим, что справа от картинки дальше дальше нужно сделать ссылочку так вот наша ссылочка написано a&h. Лев снова ссылка VK. Таргет бланк. Таргет бланк — это атрибут который будет открывать ссылку в новой вкладке. Давайте всё — это напишем центр прописан, а момент копируем нашу ссылку. ВКонтакте контроллер так пишем. Таргет равно нижнее подчеркивание blablacar мы пишем какой-нибудь текст обновляем. Вот наши ссылочка. ВКонтакте, но у нас на белая здесь, а здесь она как использовать ссылка гриб фиолетового. Давайте поменяем цвета ссылки. Чтобы — это сделать в бане мы должны прописать три атрибута в. Линк Линк и. Линк Линк — это просто ссылка пока вы не. Нажали на неё и вообще ничего просто ссылка welling — это использованный сын. Когда уже на неё нажали ealing — это при нажатии. Какого цвета ссылка то есть. Вы можете ввести как словами цвет так и цифрами то есть. Херсон я ввёл словами нажимаем Control с обновляем. Сукко Белое на белом фоне поэтому не читается пока сейчас мы будем добавлять background так чтобы добавить background нужно воспользоваться. ССС ССС — это каскадные таблицы стилей. Это не язык — это таблицы и так как мы видим. Я подключил здесь Tag Style Style позволяет нам в HTML подключить CSS то есть не подключая его дополнительных файлах и так заходим пишем Style нажимаем здесь пробел дальше нам нужно сделать background и, что к чему. В каком родителям и подключаемые Ground в нашем — это Body тело сайта пишем так нажимаем Tab пишем по 1 стоим кавычки кавычки скобочки и пишем сюда background URL и в скобочках мы пишем ссылку на картинку либо скачанную картинку её название. То есть у меня называется 12 нажимаем controls и вот на фоне за сериалам голубая картинка так смотрим на, что ещё у меня подключено вставили здесь есть H1 изменённый размер. Он сайз меняет размер шрифта и так подключаем сюда H1 скобочки не подключаем сразу, а чтобы поменять ник тоже размер шрифта так пишем Font Space 51 пункт.

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

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