NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: HTML5 - article a section vs. nadpisy

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Roman Duchoň
Člen
Avatar
Roman Duchoň:30.4.2017 12:18

Ahoj,
od znova se učím HTML a už narážím na problémy.
Proč mi třeba article nebo section převede h1 na cca. h2?

<article>
    <h1>Nadpis 1. úrovně s article</h1>
    <h2>Nadpis 2. úrovně s article</h2>
    <h3>Nadpis 3. úrovně s article</h3>
</article>

To samé se section. Je to prostě tak dané?
Co když potřebuji h1 v section? Mám všechny ostatní snížit?
A nebo předbíhám a lze toto opravit v CSS?

Odpovědět
30.4.2017 12:18
RD
Avatar
Štěpán Halíř
Člen
Avatar
Štěpán Halíř:30.4.2017 22:59

Ahoj,
opravdu se velikosti písma v závislosti na tom tagu liší. Jak jsi předeslal, CSS to dokáže sjednotit. Pokud si ve svém CSS souboru určíš, že h1 má velikost písma (font-size) 32px, h2 = 24px a h3 = 19px, budou všude, nehledě na tag article nebo section, stejné.
Pokud ses zatím CSS nevěnoval, doporučuji navštívit časem určitě i to.
Zápis v CSS souboru by v tuto chvíli vypadal nějak takto:

h1 {
font-size: 32px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 19px
}

Toto ti sjednotí veškeré nadpisy h1, h2 i h3. Aby ti ale CSS styly zafungovaly, musíš si ale ještě do stránky(oblast head) umístit toto:

<link rel="stylesheet" type="text/css" href="nazev_tveho_css_souboru.css">

Ještě ti tu vložím standardní velikosti písma podle typu nadpisu, kdyby sis chtěl dodělat i zbytek.

Značka Velikost Odsazení
H1 32 px 21 px
H2 24 px 20 px
H3 19 px 19 px
H4 16 px 21 px
H5 13 px 22 px
H6 11 px 25 px

Kdyby něco, napiš. Hodně štěstí s učením.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
+2
30.4.2017 22:59
Avatar
Roman Duchoň
Člen
Avatar
Roman Duchoň:1.5.2017 15:50

Parádní.
CSS mám určitě v plánu. To se musí postupně... :D
Díky.

Nahoru Odpovědět
1.5.2017 15:50
RD
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.