✑WEB - КОНСТРУКТОР✑ ⌚
⏳
ТЕМА:
default
abcdef
dracula
isotope
seti
©
Основні:
DOCTYPE
html
head
title
style
body
h1
h2
h3
h4
h5
h6
p
hr
Мета теги:
meta charset
meta description
meta keywords
meta author
meta viewport
meta robots
Семантичні:
header
nav
a
main
section
article
figure
figcaption
footer
address
aside
details
Списки:
ul
li
ol
Медіа:
img
video
Таблиця:
table
caption
colgroup
col
thead
tbody
tfoot
th
tr
td
Форматування HTML5:
q
strong
code
dfn
cite
b
i
s
em
mark
small
sub
sup
del
ins
u
big
Фон CSS:
•
•
•
•
•
•
•
•
•
•
•
•
Колір CSS:
•
•
•
•
•
•
•
•
•
•
•
•
•
•
✍ ТУТ НАБИРАЄМО КОД
✅ ТАКИЙ ВИГЛЯД МАЄ РЕЗУЛЬТАТ
ПРИКЛАДИ
blank
<layouts>
<table>
<a>
<caption>
<dl>
ПРИКЛАДИ
header
footer
table, tr, th, td, caption
<!DOCTYPE html> <html lang="uk"> <head> <style> h1,h2,h3,h4,h5,footer{text-align:center;} </style> </head> <body> <header><img src="img/logo.jpg" alt="Practice"> <h1>ПРИВІТ, ДРУЖЕ!</h1> <h2>ТЕБЕ ВІТАЄ ОНЛАЙН РЕДАКТОР "PRACTICE"!</h2> </header> <main> <section> <header><h3>РЕДАКТОР "PRACTICE" - ЧУДОВИЙ ПОМІЧНИК ДЛЯ ДИСТАНЦІЙНОГО ВИВЧЕННЯ ОСНОВ WEB-РОЗРОБКИ!</h3></header> <article> <header><h4>РЕДАКТОР "PRACTICE" - УКРАЇНОМОВНИЙ ОНЛАЙН РЕДАКТОР!</h4></header> <p>Кращий україномовний WEB - Конструктор допоможе Вам швидко вивчити html та css!</p> <h5>ЛЕГКИЙ ДО ЗАСВОЄННЯ У БУДЬ-ЯКОМУ ВІЦІ!</h5> <p>Не зволікай, приступай до навчання негайно!</p> <p>І ТИ ПОБАЧИШ, ЩО HTML - ЦЕ ДУЖЕ ПРОСТО!</p> <p>КАРАНТИН З РЕДАКТОРОМ "PRACTICE" ПРОЙДЕ ПРОДУКТИВНО, З КОРИСТЮ!</p> </article> </section> </main> <footer><p>Copyright ©<script>// Поточний рік var mdate = new Date(); document.write(mdate.getFullYear()); </script> Чернієвський Юрій.</p></footer> </body> </html>
