HTML та CSS - повний довідник тегів і стилів

HTML-CSS.co.ua - довідник веб-розробника

HTML-CSS.co.ua - це повноцінний інтернет-довідник для веб-розробників, який містить:

Повний перелік HTML тегів з докладними описами
Детальний список CSS властивостей з прикладами
Безліч навчальних матеріалів з HTML та CSS
Практичні приклади використання тегів і стилів

Що таке HTML та CSS?

HTML - основа веб-сторінок

HTML (HyperText Markup Language) - це мова розмітки, яка використовується для створення структури веб-сторінок.

<!DOCTYPE html>
<html>
<head>
    <title>Моя сторінка</title>
</head>
<body>
    <h1>Привіт, світ!</h1>
    <p>Це мій перший абзац.</p>
</body>
</html>

CSS - оформлення сторінок

CSS (Cascading Style Sheets) - мова стилів, яка відповідає за зовнішній вигляд веб-сторінок.

body {
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
}

h1 {
    color: blue;
    text-align: center;
}

Як створити HTML та CSS файли?

Створення HTML-файлу

Відкрийте текстовий редактор (Notepad++, VS Code, Sublime Text)
Створіть новий файл
Збережіть його з розширенням .html
Додайте обов'язкові теги

Створення CSS-файлу

Створіть новий файл у текстовиму редакторі
Збережіть його з розширенням .css
Додайте CSS-правила

Важливі правила

Імена файлів повинні містити тільки:

Латиницю (a-z, A-Z)
Цифри (0-9)
Дефіс (-)
Нижнє підкреслення (_)

Коментарі

Назви класів HTML / CSS

блоки page - кореневий елемент сторінки header - шапка (сторінки або елементу) footer - земельна ділянка (сторінки або елементу) section - розділ контенту (один з декількох) body - основна частина (сторінки або елементу) content - вміст елемента sidebar - бічна колонка (сторінки або елементу) aside - блок з додатковою інформацією widget - віджет, наприклад, в боковій колонці розкладка wrapper , wrap - обгортка, зазвичай зовнішня inner - внутрішня обгортка container , holder , box - контейнер grid - розкладка (сторінки або елемента) у вигляді сітки (зазвичай містить в собі row і col ) row - контейнер у вигляді рядка col , column - контейнер у вигляді стовпчика елементи управління button , btn - кнопка, наприклад, для відправки форми control - елемент управління, наприклад, стрілки «Вперед / назад» в фотогалереї, кнопки управління слайдер...

Докладніше

100+ Найпоширеніших запитань API Testing, REST, SOAP, Web-services

Питання №1 Що таке API? API (Application Programming Interface пер. з анг. інтерфейс прикладного програмування) — це набір процедур, протоколів і інструментів взаємодії, для створення програмних додатків. Тобто API — це набір програмних функцій, які можуть бути виконані іншою програмою. API визначає, як одна програма повинна взаємодіяти з цією іншою, діє як інтерфейс між ними, дозволяє їм спілкуватися. Ось, а тестування цих функцій якраз називається тестуванням API. Хороше API повинне мати чітко описану документацію як саме взаємодіяти з програмою до якої це API створене. На технічній співбеседі можуть попросити назвати деякі приклади API, як приклад — це API Google Карти, API Amazon Advertising, API Twitter, API YouTube тощо. Коротко Про API І Його Тестування — читайте допис також на нашому сайті тестувальників Питання №2 А що таке ІР ? IP-адреса — це унікальна адреса користувача у мережі, мережевий вузол...

Докладніше

[ Интеграция ] Как настроить обмен 1С с интернет-сервисами

Бизнесы все активнее используют интернет-сервисы : интернет-магазины, торговые площадки, облачные CRM, социальные сети, системы рассылок… Естественно, возникает задача интеграции с корпоративной системой – это сокращает рутинные работы и повышает скорость принятия решений. Условно – чтобы у директора и у менеджеров на одном экране были все необходимые данные: заказы через интернет, цифры по конверсии, данные по оффлайн продажам. списки клиентов и действий и т.д. И для нас интересны случаи интеграции именно с конфигурациями на платформе “1С:Предприятие 8” . Что мы разберем в статье Мы рассмотрим 2 основных инструмента интеграции 1С – HTTP-запросы и HTTP-сервисы . Штатные средства платформы “1С:Предприятие 8”, ничего лишнего. На конкретных примерах разберем: Отправку данных Получение данных Ответы на запросы от внешних сервисов. Поехали! Требования к рабочему окружению Для работы нам потребуется: Веб-сервер (Apach...

Докладніше

web-expert

Пошук