From 38b34b8e80d97e207bf42c65e8ddfb97cf8ef899 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakub=20=C5=A0krab=C3=A1nek?= Date: Fri, 13 Sep 2024 10:12:40 +0200 Subject: [PATCH] 02 --- 01/formulare/1.html | 1 + 02/blablabla.html | 12 ++++++++ 02/index.html | 70 +++++++++++++++++++++++++++++++++++++++++++++ 02/style.css | 70 +++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 153 insertions(+) create mode 100644 02/blablabla.html create mode 100644 02/index.html create mode 100644 02/style.css diff --git a/01/formulare/1.html b/01/formulare/1.html index 9504d20..8e18aeb 100644 --- a/01/formulare/1.html +++ b/01/formulare/1.html @@ -9,5 +9,6 @@

Formular 1

DOMU Formular 2 + \ No newline at end of file diff --git a/02/blablabla.html b/02/blablabla.html new file mode 100644 index 0000000..d3e09cf --- /dev/null +++ b/02/blablabla.html @@ -0,0 +1,12 @@ + + + + + + Document + + + + HOME + + \ No newline at end of file diff --git a/02/index.html b/02/index.html new file mode 100644 index 0000000..d367c59 --- /dev/null +++ b/02/index.html @@ -0,0 +1,70 @@ + + + + + + Práce se stylem + + + +

Práce se stylem

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Harum, neque quasi minus adipisci, modi quos optio quisquam odio cupiditate sunt voluptatum, voluptatem officia atque aliquid inventore eaque temporibus libero dolores!

+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eaque, a aperiam, sit ducimus non quam dolore ad atque repudiandae distinctio expedita, ipsum possimus quibusdam vero maxime. Blanditiis ab veniam enim!

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt commodi porro officiis, ut cum velit magni quod est voluptatibus quam architecto laudantium repellat nisi, iste accusamus ratione voluptas, iusto non.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem architecto possimus consectetur. Voluptatem beatae doloribus repudiandae explicabo molestiae voluptatibus quas expedita quia, quidem necessitatibus excepturi minima fugiat, vero quo a.

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Neque inventore ea veniam officia ipsam labore dicta debitis quam iusto? Rem, corrupti. Expedita quam maxime voluptate magni hic dolor alias incidunt.

+ +

Test h2

+

Test h3

+

Test h4

+ +
+

Paragraf

+

Trida h1

+
+ + Index.html + blablabla.html + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OBSAH 1OBSAH 1OBSAH 1OBSAH 1OBSAH 1
Obsah2Obsah2Obsah2Obsah2Obsah2
Trala lalalalalTrala lalalalalTrala la
aeqweqwraeqweqwrqweqweqweqweqweqweqeqwe
+ + + + + \ No newline at end of file diff --git a/02/style.css b/02/style.css new file mode 100644 index 0000000..b206e0a --- /dev/null +++ b/02/style.css @@ -0,0 +1,70 @@ +/* tady začíná práce s CSS + tagy/selektory { pravidla:hodnota;} */ + /* práce s tagem */ + + p { + color:whitesmoke; + background-color: black; + } + h1 { + text-align: center; + } + h2, h3, h4 { + color: red; + font-size: 30px; + text-align: center; + } + + h2:hover, h3:hover, h4:hover { + color: yellow; + font-size: 30px; + text-align: center; + } + + /* Selektory: + třída -> HTML: class | css: . (tečka) */ + .trida { + font-size: 25px; + color:blue; + } + .trida2 { + color:red; + } + + /* ID -> HTML: id | css: # (hashtag) + prvek s ID atributem musí (měl by) být unikátní v HTML kodu*/ + + #unikat { + font-family: Arial, Helvetica, sans-serif + } + + /* třída vázáná */ + .trida3 p { + color:aqua; + } + .trida3 h1 { + color:navy; + } + + + a { + text-decoration: none; + } + a:hover { + text-decoration: underline; + } + a:visited { + color: black; + } + + table, tr, td { + border: 2px solid black; + margin-left: auto; + margin-right: auto; + padding: 10px; + border-collapse: collapse; + } + + ul { + list-style-type: none; + } \ No newline at end of file