---
# System prepended metadata

title: Базовые элементы HTML
tags: [CSS, Plan, JS, HTML]

---

# Базовые элементы HTML

![](https://i.imgur.com/aABMe6V.png)

[TOC]



## [Базовые теги HTML](#Базовые-теги-HTML)
![](https://i.imgur.com/sSg2zaU.png)

<!DOCTYPE html>
### HTML
### HEAD BODY
### title
### LINK
### STYLE
### SCRIPT, порядок загрузки и запуска
### Мета теги

### Заголовки и подзаголовки

### Cписки
### [Таблицы](https://www.w3schools.com/html/html_tables.asp)


| Column 1 | Column 2 | Column 3 |
| ---      | ---      | ---      |
| Text     | Text     | Text     |
| Text2     | Text3     | Text4     |

<table>
<tr>
     <th>
      header1  
     </th>
     <th>
         header2  
     </th>
     <th>
         header3  
     </th>
 </tr>       
 <tr>
     <td>
      text too long text ........................................  
     </td>
     <td>
         text
     </td>
     <td>
         text
     </td>
 </tr>   
 <tr>
      <td>
      text2   
     </td>
     <td>
         text3
     </td>
     <td>
         text4
     </td>
 </tr>       
</table>    

### Формы, кнопки, метки. 
### Pre, Параграф, Теги выделения, акцентирования, верхних и нижних индексов, горизонтального разделения
### Ссылочные теги A, IFRAME 
### Медиа теги IMG, Audio, Video 
### Элементарные структурные теги DIV SPAN

### Структурные теги header section footer menu nav
### Споилеры (DETAILS)

## [Объектная модель DOM](https://www.w3schools.com/js/js_htmldom.asp)
![](https://i.imgur.com/RagdXAv.png)


## [Конструкции CSS](#Конструкции-CSS)

![](https://i.imgur.com/a9WJdPm.png)




### Прямая связь тегов HTML и конструкций CSS -- имена тегов, атрибуты  id, class.

### Базовые селекторы CSS 

### Контекстные селекторы CSS 

### Константы и вычисления в CSS 

### Переходы и трансформации

###  Алгоритм применения CSS к тексту и объектной модели 

## [Микроформаты или похожие решения](#) 

