Главная Обзоры Олдскульный способ создания сайтов, вспоминаем основы6 июня 2018

Олдскульный способ создания сайтов, вспоминаем основы

Пример HTML сайта
Предлагаю в этой статье вспомнить олдскульные методы созданий сайтов.

Чтобы начать писать сайт, вам понадобится любая программа, которая поддерживает написание языка «html». После установки данной программы, создайте файл:"html".

Далее вам нужно будет приступить к созданию сайтов. Но прежде чем создавать сайты, давайте вспомним основные понятия HTML.

1. Основные теги

Самым первым тегом, который вы напишете будет:"«. Данный тег мы пишем, чтобы программа и браузер понимали, с каким языком мы будем работать. Чтобы закрыть, абсолютно, любой тег, нам нужно написать перед ним „/“ и перенести его на следующую строку, например:»«. Тег:»" — является одним большим контейнером (хранилищем), в котором хранится всё для написания сайта. В контейнере:"« хранятся ещё два хранилища, но уже поменьше, это контейнер:»" и «„. Тег:“» отвечает за работу вашего сайта, например: за язык кодировки, за соединение с файлами «css» и т.д., т.е. в данном контейнере находится всё, что не видит посетитель. Тег:"« отвечает за то, что посетитель видит на сайте, и с чем он может взаимодействовать, например: текст, заголовки, ссылки и т.д...

2. Состав основных тегов

Итак, с основными тегами мы разобрались, давайте теперь приступим к тегам и атрибутам, которые хранятся в наших основных хранилищах. В контейнере:»",мы можем поменять название нашего сайта, для этого нужно прописать тег:"«. Как вы могли понять всё это пишется слитно. Чтобы дать вашему браузеру понять, с какой кодировкой текста он имеет дело, вы должны прописать данный тег:»". UTF-8 — это новая кодировка, которую обязательно прописывать, т.к. сейчас всё пишется именно с ней. Как вы могли заметить, данный тег мы не закрывали, т.к. его не нужно закрывать, чтобы браузер понимал, что ему всё надо представить посетителю (создателю) в данной кодировке. На этом с тегом:"« мы пока закончим. Перейдём к контейнеру:»". Вы можете написать любой текст, не важно какой он будет. Если вы напишете, абсолютно, любой текст в этом теге, он отобразится. Но, конечно-же, всё не так просто, если вы хотите писать более красивые и большие текста, то вам придётся использовать атрибуты и теги. Начнём с простого. Чтобы отрегулировать размер текста, вам нужен тег:"<h1/h2/h3/h4/h5/h6>". "

" — это самый большой размер текста. «

„ — это размер текста поменьше. И так до:“

„. Если вы хотите написать какой либо стих, то у вас на сайте, он будет выглядеть, как обычный текст (весь стих будет расположен на одной строке), чтобы это исправить перед началом вашего стиха (не обязательно стиха), вы вводите тег:“
", а в конце стиха:"

„. Если вы захотели выровнять ваш заголовок по центру, то в этом вам поможет данный тег:

Ваш заголовок

.

3. Основы css

Ну и напоследок рассмотрим язык программирования:“css». Мы просто рассмотрим его значение и то, что можно с помощью него сделать. «css» нужен, чтобы более детально регулировать текст, например: его цвет, положение и т.д... Так же «css» пригодится в правильном оформлении сайта. Для начала работы, необходимо, создать «css файл». Чтобы соединить наш «html файл» с «css файлом», нужно в html файле в контейнере:"« — прописать новый тег:»". Итак, чтобы «css файл» понимал, что ему нужно редактировать, мы в «html файле» создаём группу в контейнере:"«. Чтобы её создать мы прописываем тег:»

    • «, закрыть данный тег вы должны там, где сами захотите. В зависимости от того, как много информации будет находиться в вашей группе, столько и будет редактировать „css файл“. Чтобы выбрать группу в „css файле“, мы прописываем:»#название вашей группы{". Вы выбрали группу. На следующей строке пишите то, что хотите поменять, например:

color: green;. Обязательно ставьте точку с запятой, после каждого пункта. Чтобы закончить редактировать определённую группу, вы должны перейти на следующую строку и написать"}".

Заключение
На этом наше краткое обучение закончено. Если вы затруднились с выбором программы для написания сайтов, то вы можете использовать программу Notepad++ или SublimeText. Это самые популярные программы для вёрстки сайтов.

Если же вы создали сайт, но ему не хватает дизайна, рекомендую перейти по ссылке и заказать дизайн в студии https://www.thedesign.kz/. Thedesign.kz отличная веб студия которая сделала много прекрасных дизайнов для предприятие малого и среднего бизнеса.

Видео
Для погружения в атмосферу раннего Интернета, предлагаю посмотреть ролик 7-летней давности про создание HTML сайтов.

Понравилась статья?
Подписывайтесь на обновления, актуальные статьи на тему SEO, заработка в интернете, переводы зарубежных статей и многое другое:

Комментарии 0

Инвестиции в Криптовалюту
рекламный баннер