C/C++ week November Black Friday
Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
Pouze tento týden sleva až 80 % na e-learning týkající se C/C++

Diskuze: HTML5 - article a section vs. nadpisy

Aktivity (1)
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íř: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í
+1 bodů
Řešení problému
Nahoru Odpovědět
30.4.2017 22:59
Per aspera ad astras
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
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.