Начинающий
-
Автор темы
- #1
Приветствую новички веб-программирования, если ты смотришь этот пост, наверно ты хочешь научится этому языку программирования.
Лично я — самоучка, учился только по гайдам и книжкам из интернета, ни тратил денег ни на какие курсы
Тем более что сливают платное обучение на zelenka.guru (noad)
вообще HTML это - HyperText Markup Language (Для общего развития)
Я использовал сайт htmlbook , где говорят о тегах и не только, также смотрел видосы в ютубе, как делают сайты и что за что отвечает, если мне было что то не понятно я шел на сайты, лазил и искал разную инфу о теге.
Сегодня покажу основы тегов HTML и CSS
• Теги HTML
• Теги CSS
Как начать делать сайты?
Во первых вам понадобится Visual Studio Code либо Sublime Text, но лучше использовать первый вариант, так как он предназначен как для разработки сайтов,так и для других языков.
Плагины для VS Code
Я использую пару плагинов для удобств работы такие плагины как:
1. Auto-Save on Window Change (плагин автоматически сохраняет файлы при Alt-Tab, очень полезная вещь)
2. Color Picker (можно выбрать любой цвет прямо в VS Code, чтобы не лезьть в интернет
3. CSS Peek (это как в Visual Studio, нажимешь CTRL по классу и он выдает результат в CSS
4. Discord Presence (показывает в дискорде над каким файлом и сколько времени ты работаешь)
5. HTML CSS Support (можно писать CSS код прямо в HTML файле, и он будет тебе всё подсвечивать)
6. HTML to CSS autocompletion (автоматически выводит файл с HTML в CSS)
7. Live Server (Ох ребятки, это самый нужный плагин, он выводит твои файлы в ненастоящий хост)
8. Nomo Dark Icon Theme (иконки станут красивее)
9.One Dark Pro (Стиль для VS Code)
Теги HTML
div - создает контейнер где будет вся писанина
h1-h6 - чем меньше h тем больше текст
input - окно для ввода текста
placeholder - что будет написано повверх ввода текста
label - что будет писаться возле input
a - делает текст-ссылку на которую ты можешь нажать и можешь перенестись на другую страницу
button - делает кнопку
b - делает жирный текст
li - делает точку
table - таблица
strong - предназначен для акцентирования текста
link - привязка ваших файлов к HTML документу
br - переносит строку
color - изменяет цвет текста
meta - определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем
nav - задает навигацию по сайту
script - js скрипт
p - параграфф, содержит длинный текст
video - можете запихнуть gif или видео
big - делает текст большим, посути одно и тоже что и h1-h6
Теги CSS
align-items - делает айтемы по центру, слева или справа
justify-content - делает контент по центру, слева или справа
color - цвет того или иного тега
html - является контейнером , который заключает в себе все содержимое веб-страницы
background-color - задний фон
opacity - прозрачность
background-image - картинка на заднем фоне
border - будет или нет у вас бортики
border-radius - задает закругленность
width - ширина
height - высота
font-family - задает шрифт
font-size - задает размер
font-weight - задает жирность
font-style - задает стиль шрифта для текста
overflow - убирает или изменяет полоску передвежения страницы (xDя хз как объяснить)
position - задает позицию
text-align - задает позицию тексту
text-decoration - убирает или изменяет линию в теге a
top - высота
left - лево
right - право
padding - устанавливает значение полей вокруг содержимого элемента
Итоги
Да, я понимаю что это малая часть, но это базы, и да иногда я неправильно объяснял, если что пишите в коменты и не судите строго, буду что-то менять, главное пишите, у меня уже пальцы отваливаются, я пошел посмотрю раст
Спасибо
Лично я — самоучка, учился только по гайдам и книжкам из интернета, ни тратил денег ни на какие курсы
Тем более что сливают платное обучение на zelenka.guru (noad)
вообще HTML это - HyperText Markup Language (Для общего развития)
Я использовал сайт htmlbook , где говорят о тегах и не только, также смотрел видосы в ютубе, как делают сайты и что за что отвечает, если мне было что то не понятно я шел на сайты, лазил и искал разную инфу о теге.
Сегодня покажу основы тегов HTML и CSS
• Теги HTML
• Теги CSS
Как начать делать сайты?
Во первых вам понадобится Visual Studio Code либо Sublime Text, но лучше использовать первый вариант, так как он предназначен как для разработки сайтов,так и для других языков.
Плагины для VS Code
Я использую пару плагинов для удобств работы такие плагины как:
1. Auto-Save on Window Change (плагин автоматически сохраняет файлы при Alt-Tab, очень полезная вещь)
2. Color Picker (можно выбрать любой цвет прямо в VS Code, чтобы не лезьть в интернет
3. CSS Peek (это как в Visual Studio, нажимешь CTRL по классу и он выдает результат в CSS
4. Discord Presence (показывает в дискорде над каким файлом и сколько времени ты работаешь)
5. HTML CSS Support (можно писать CSS код прямо в HTML файле, и он будет тебе всё подсвечивать)
6. HTML to CSS autocompletion (автоматически выводит файл с HTML в CSS)
7. Live Server (Ох ребятки, это самый нужный плагин, он выводит твои файлы в ненастоящий хост)
8. Nomo Dark Icon Theme (иконки станут красивее)
9.One Dark Pro (Стиль для VS Code)
Теги HTML
div - создает контейнер где будет вся писанина
h1-h6 - чем меньше h тем больше текст
input - окно для ввода текста
placeholder - что будет написано повверх ввода текста
label - что будет писаться возле input
a - делает текст-ссылку на которую ты можешь нажать и можешь перенестись на другую страницу
button - делает кнопку
b - делает жирный текст
li - делает точку
table - таблица
strong - предназначен для акцентирования текста
link - привязка ваших файлов к HTML документу
br - переносит строку
color - изменяет цвет текста
meta - определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем
nav - задает навигацию по сайту
script - js скрипт
p - параграфф, содержит длинный текст
video - можете запихнуть gif или видео
big - делает текст большим, посути одно и тоже что и h1-h6
Теги CSS
align-items - делает айтемы по центру, слева или справа
justify-content - делает контент по центру, слева или справа
color - цвет того или иного тега
html - является контейнером , который заключает в себе все содержимое веб-страницы
background-color - задний фон
opacity - прозрачность
Пожалуйста, авторизуйтесь для просмотра ссылки.
- указывает задержку анимацииbackground-image - картинка на заднем фоне
border - будет или нет у вас бортики
border-radius - задает закругленность
width - ширина
height - высота
font-family - задает шрифт
font-size - задает размер
font-weight - задает жирность
font-style - задает стиль шрифта для текста
Пожалуйста, авторизуйтесь для просмотра ссылки.
- устанавливает все свойства полей в одном объявленииoverflow - убирает или изменяет полоску передвежения страницы (xDя хз как объяснить)
position - задает позицию
text-align - задает позицию тексту
text-decoration - убирает или изменяет линию в теге a
top - высота
left - лево
right - право
padding - устанавливает значение полей вокруг содержимого элемента
Итоги
Да, я понимаю что это малая часть, но это базы, и да иногда я неправильно объяснял, если что пишите в коменты и не судите строго, буду что-то менять, главное пишите, у меня уже пальцы отваливаются, я пошел посмотрю раст
Спасибо
Последнее редактирование:
