Перейти до основного вмісту

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)
Дефіс (-)
Нижнє підкреслення (_)

Коментарі

Популярні дописи з цього блогу

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-адреса  — це унікальна адреса користувача у мережі, мережевий вузол...

Назви класів 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  - елемент управління, наприклад, стрілки «Вперед / назад» в фотогалереї, кнопки управління слайдер...

Хмарні сховища. Топ-10 безкоштовних хмарних сховищ

Список топ-10 безкоштовних хмарних сховищ, доступних у 2019 році На сьогоднішній день існує ряд безкоштовних варіантів зберігання хмар.  Ці хмарні сховища прості у використанні та надають вільний простір до 50 Гб.  Ці рішення для зберігання даних можуть використовуватися як для особистого, так і ділового зберігання.  Все, що вам потрібно, - це отримати деякі основні знання про ці безкоштовні хмарні сховища та вибрати найбільш підходящий.  Тут ми представляємо список найкращих безкоштовних хмарних сховищ, давайте зануримось глибше, щоб дізнатися більше про ці хмарні рішення для зберігання. 1.  Диск Google Як ми знаємо, всі інтернет-сховища працюють однаково, тобто ми використовуємо файл, зберігаємо в Інтернеті та синхронізуємо його на наших комп’ютерах.  Але є багато функцій Google Диска, що робить його особливим серед усіх інших хмарних сховищ, оскільки він дозволяє користувачам зберігати свої особисті речі особисто, а крім того, безкоштовний хмарний...