Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Добро пожаловать в мир веб-разработки. Пишу для новичков и без воды.
Со мной вы поймёте принцип изучения и продолжите учиться сами.
Опытные ребята проходите мимо, ничего нового вы здесь не найдёте.
Разработка сайтов происходит в 4 этапа:
вы сообщаете браузеру, что существует какой-то элемент, затем говорите,
как он выглядит. Это происходит с помощью двух языков:
HTML элементы выглядят так:
У них есть открывающий тег <> и закрывающий </>
Между ними содержатся другие элементы или какой-либо текст.
Стили выглядят по-другому:
Сперва ты сообщаешь браузеру, к какому элементу они относятся. Затем передаёшь
параметры и сообщаешь их значение. Давай рассмотрим реальный пример:
Не задумывайся о том, что значат <div>, <h1> и <p>. Мы изучим это позже.
Просто пойми логику — сообщаем о элементе и как он выглядит, на этом
основывается вся веб-разработка.
В примере выше мы сообщили браузеру:
плагины для ускорения разработки. Создадим базовую структуру любой веб-страницы.
В комментариях принимаю обратную связь, отвечаю на вопросы.
Со мной вы поймёте принцип изучения и продолжите учиться сами.
Опытные ребята проходите мимо, ничего нового вы здесь не найдёте.
Разработка сайтов происходит в 4 этапа:
- Написание структуры веб-страницы;
- Стилизация этой же самой структуры;
- Программирование поведения страницы и её отдельных элементов;
- Бекенд или работа с отправкой/принятием каких-либо данных.
вы сообщаете браузеру, что существует какой-то элемент, затем говорите,
как он выглядит. Это происходит с помощью двух языков:
- HTML или язык гипертекстовой разметки.
- CSS или каскадные таблицы стилей.
HTML элементы выглядят так:
Код:
<названиеЭлемента>Что-то между тегами</названиеЭлемента>
У них есть открывающий тег <> и закрывающий </>
Между ними содержатся другие элементы или какой-либо текст.
Код:
<div>
<h1>Привет, HardTM</h1>
<p>Вы учитесь основам веб-разработки</p>
</div>
Стили выглядят по-другому:
Код:
названиеЭлемента {
параметр: значение;
}
Сперва ты сообщаешь браузеру, к какому элементу они относятся. Затем передаёшь
параметры и сообщаешь их значение. Давай рассмотрим реальный пример:
Код:
<div>
<h1>Привет, HardTM</h1>
<p>Вы учитесь основам веб-разработки</p>
</div>
<style>
div {
width: 100%;
}
h1 {
font-size: 18px;
line-height: 26px;
}
p {
color: #323232;
}
</style>
Не задумывайся о том, что значат <div>, <h1> и <p>. Мы изучим это позже.
Просто пойми логику — сообщаем о элементе и как он выглядит, на этом
основывается вся веб-разработка.
В примере выше мы сообщили браузеру:
- <div> занимает всю доступную ширину вокруг себя;
- <h1> имеет размер текста 18 пикселей и расстояние между строками 26 пикселей;
- <p> имеет почти чёрный цвет текста.
плагины для ускорения разработки. Создадим базовую структуру любой веб-страницы.
В комментариях принимаю обратную связь, отвечаю на вопросы.