Садись присаживайся, курс по HTML/CSS, урок 1

Ж

Живой_мертвый

И так нахуй чакры, мантры если не любишь водку, значит не любишь рок как говориться.

Для начала нахуй тебе это?
Скажу честно, Александр Вильнус не обманул, и теперь я фрилансер-верстальшик и поднимаю 30-40к рублей будучи школьником в месяц.
Как бы неплохо, и еще это пиздец какая легкая хуйня. BHF.io клянусь.
А еще этот курс авторский так шо весело.

И так не будим лить воду, начнем.
HTML или HyperText Markup Language — язык гипертекстовой разметки. Это каркас сайта. Даже для этого форума
Посмотреть вложение 8388


все эти head, body, div, class это компоненты форма/сайта.
Редактор кода, приложение с помощью которого мы можем верстать, кодить и заниматься другими неподобающими для общества вещами.
Редакторов бывает много, зависит от конкретной задачи.
Например для HTML есть редакторы:
  • Notepad++
  • Brackets
  • Coffecup (есть как бесплатная, так и платная версия) ...
  • NoteTab (две версии, платная и бесплатная) ...
  • Eclipse
Но на мой взгляд most have редактор это Brackets. Там есть функции которые нам помогут в будущем. А именно функция Live Reload, которая показывает все изменения в коде. А также удобный Plugin Manager, менеджер плагинов штука очень полезная, именно установка расширений и тем для редактора, шоб удобней работать было.

Скачиваем Brackets -

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

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

Посмотреть вложение 8389

Вот так кстати он выглядит после настройки

Для начала мы устанавливаем тему нашего редактора, а то не комильфо. Для этого нам нужно зайти в ВИД там находим Themes и первая строчка это установленная тема. Обычно она дефолтно-белая и режет глаза, и вы просто берете и меняете ее на Brackets Dark и вот она уже сексуально-черная.

Посмотреть вложение 8390

//если что я просто другую тему скачал и установил
Находим Plugin Manager
Посмотреть вложение 8391

Жмекаем на этот сексуальный кусок лего и видим это:
Посмотреть вложение 8392

Нам нужно залесть в Доступные и написать Emmet и скачать его.
Emmet Вещь ахуенная и незаменимая в своем роде. Статью о emmet полностью можете прочитайте здесь -

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

На рабочем столе создаем папку и называем ее например "AN1M3 G0VN0" и в ней создаем 2 папки и называем их "img" и "css"
потом перетаскиваем папку в Редактор и в редакторе жмем ПКМ и НОВЫЙ ФАЙЛ и называем его index.html

Поясняю, почему index и почему HTML. index.hml-традиционное название

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

, который используется в качестве индекса для каталога

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

. Индексный файл ищется

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.


Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

, если в URL указан не файл, а каталог. html - потому что мы пишем на HTML.

Так начинаем кодить жмем !+Tab, и опа случается магия
у нас есть готовы каркас страницы
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Бля как же я заебался писать но думаю вам понравиться, завтра продолжение
 
Ж

Живой_мертвый

Сегодня будет 2 часть
 
Похожие темы
Support81 Доверие — валюта дураков. Хакеры обрушили её курс до нуля за один день Новости в сети 0
Support81 X меняет курс: Маск разрушает империю токсичности Новости в сети 0
Support81 Продвинутый обучающий курс по использованию ChatGPT (2024) Полезные статьи 3
У Полный курс по взлому - от начального до продвинутого уровня! 10 частей. Уязвимости и взлом 0
T [Халява] Солью любой курс со Сливапа Раздачи и сливы 1
Q Огромный DeepWeb курс Раздачи и сливы 1
C Курс: Advanced Web Attacks and Exploatation (2020) Раздачи и сливы 0
B Курс биткоина к рублю обновил исторический максимум Новости в сети 0
Denik *Kриптоинвесторы[курс] Раздачи и сливы 0
D взлом wi-fi курс бесплатно Раздачи и сливы 8
B iOS Разработчик. Продвинутый курс v 2.0 Часть 1-2 (2020) Полезные статьи 0
B [Korole и Master4eg] Тelegram - Дорвеи. Авторский курс и софт для оптимизации (2019) Готовый софт 0
B [Кубышка] [Евгений Марченко] Расширенный курс "Грамотные инвестиции+» (2019) Полезные статьи 0
B Подготовительный курс Linux (2019) Полезные статьи 0
B [Сергей Никонов] Онлайн курс LINUX и GIT для начинающих — Видео уроки Linux / Git с нуля Уязвимости и взлом 0
B [Udemy, Максим Гузив] SQL от Михаила. Лучший курс по SQL (2019) Полезные статьи 0
B [Andrew Borysenko] Курс Email Маркетинга (декабрь 2019) Полезные статьи 0
B Разработка чат-ботов Telegram. Полный курс (2019) Готовый софт 0
B Первый в рунете бот, курс и программное обеспечение — генератор видео-сайтов (2019) Раздачи и сливы 0
B [СЛИВ] Курс по анонимности и безопасности в сети интернет Анонимность и приватность 0
K [Таня Иванова] Баннеры. Фотошоп. Базовый курс (2019) Услуги дизайнеров и веб-разработчиков. 0
T Курс по взлому веб-сайтов и веб -приложений Полезные статьи 3
T Полный курс по JavaScript - с нуля до результата Программирование 0
K Курс «Создание чат-ботов без программирования за 1 час» Раздачи и сливы 1
1 Курс по SQL injection Полезные статьи 0
S Видео-курс по WireShark Уязвимости и взлом 1
K Трипп Д. - Гипноз без транса - Ритуалы быстрого наведения, полный курс + транскрипция Раздачи и сливы 2
K Гипноз Без Транса - Ритуалы Быстрого Наведения, Полный Курс Транскрипция - Трипп Раздачи и сливы 1
K Экспресс-курс по очень популярной специальности - оформление групп и пабликов в соцсетях, каналов на ютубе, в одноклассниках и фейсбуке. Раздачи и сливы 0
K Курс арбитраж Раздачи и сливы 0
K Интимный Telegram. Практический курс по созданию, управлению и развитию телеграм-канала. Раздачи и сливы 4
K Улучшенный курс по работе с программой ZennoPoster 5 https://cloud.mail.ru/public/1ba9efa66073/Zenno_Up.V2.rar Раздачи и сливы 0
K [PHP] Полный курс от "Школы программирования" Раздачи и сливы 0
K Курс по сайтостроению 2017, на основе премиум шаблона для WordPress "AVADA" (Шаблон прилагается) Раздачи и сливы 0
K Курс "VMZ BOX" Раздачи и сливы 0
K [GeekBrains.ru] Курс Тестирование ПО Раздачи и сливы 1
K Полный курс обучения и освоения контейнеризации и развертывания с использованием Docker Udemy Язык: Английский https://yadi.sk/d/NzDooN9Q3VwYB Раздачи и сливы 0
K [Udemy.com] Полный курс по кибербезопасности Секреты хакеров! [2017] Часть 1,2,3,4,5,6,7,8 Раздачи и сливы 0
K Современный JavaScript Полный курс - Построим 10 проектов - Udemy (2017) Раздачи и сливы 0
K Qpile. Полный курс Раздачи и сливы 0
K Полный Курс По Кибербезопасности: Анонимность В Интернете Раздачи и сливы 0
K php 2015 [Специалист] 1-3 Курс Раздачи и сливы 0
K Видео курс от Специалист Расследование хакерских инцидентов. СЕН3 Раздачи и сливы 1
K Udemy Полный Курс По Взлому - От Начального до Продвинутого Уровня https://cloud.mail.ru/public/AYvC/N4grXcYmd Раздачи и сливы 3
P Курс по PHP и MySQL Программирование 0
N Курс "Языки по методу Ильи Франка" [слив] Раздачи и сливы 0
B Ищу курс по английскому языку Полезные статьи 9
H Курс биткоина превысил $16 тысяч Новости в сети 0
H Курс биткойна превысил $14 тысяч Новости в сети 0
V Бомбовый курс по созданию и монетизации канала на YouTube с нуля Раздачи и сливы 0

Название темы