fbpx

HTML list

V HTML lze vytvořit list pomocí tagů <ul> (nečíslovaný list), <ol> (číslovaný list) či odrážky <li>.

<h2>Nečíslovaný seznam</h2>
<ul>
  <li>SEO</li>
  <li>Tvorba webů</li>
  <li>Reklama na Faceboku a Instagramu</li>
</ul>  

<h2>Číslovaný seznam</h2>
<ol>
  <li>SEO</li>
  <li>Tvorba webů</li>
  <li>Reklama na Faceboku a Instagramu</li>
</ol> 

Výchozí CSS styl HTML listu nečíslovaných odrážek.

<ul style="list-style-type:disc;">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ul>

Kruhové odrážky.

<ul style="list-style-type:circle;">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ul>

Čtvercové odrážky.

<ul style="list-style-type:square;">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ul>

Bez odrážek – pouze odstupňované.

<ul style="list-style-type:none;">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ul>


Základní číslované odrážky.

<ol type="1">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ol>

Velká písmena odrážek.

<ol type="A">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ol>

Malá písmena odrážek.

<ol type="a">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ol>

Velké římské číslice jako odrážky.

<ol type="I">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ol>

Malé římské číslice jako odrážky.

<ol type="i">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ol>


Odrážky od určitého čísla.

<ol start="10">
  <li>SEO</li>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ol>

Vnořený seznam odrážel HTML.

<ol >
  <li>SEO</li>
  	<ol>
      <li>Analýza klíčových slov</li>
      <li>SEO copywriting</li>
  </ol>
  <li>Tvorba reklam na Facebooku a Instagramu</li>
  <li>Tvorba webů a e-shopů</li>
</ol>