Predmetová komisia ELT a INF

Učebnica HTML - Zoznam príkazov

HTML - Basic - Quick List

« Predchádzajúca Ďalšia kapitola »

HTML Zoznam príkazov. Vytlačiť a vložiť do vrecka.

HTML základný dokument

<html>
<head>
<title>Názov dokumentu je tu</title>
</head>

<body>
Text ktorý vidíte je tu...
</body>

</html>

Nadpisy - Elementy

<h1>Najväčší nadpis</h1>

<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>

<h6>Najmenší nadpis</h6>

Textové Elementy

<p>Toto je odsek</p>
<br /> (zalomenie riadku)
<hr /> (vodorovná čiara)
<pre>Tento text je predformátovaný</pre>

Logické štýly

<em>Tento text je zvýraznený</em>
<strong>Tento text je zosilnený</strong>
<code>Toto je nejaký počítačový kód</code>

Fyzické štýly

<b>Tento text je tučný</b>
<i>Tento text je šikmý</i>

Odkazy - Links

Obyčajný odkaz: <a href="http://www.example.com/">Odkaz pokračuje tu</a>
Obrázkový odkaz: <a href="http://www.example.com/"><img src="URL" alt="Náhradný text" /></a>
Odkaz na e-mail - Mailto link: <a href="mailto:webmaster@example.com">Odoslať e-mail</a>

Názov kotvy:
<a name="tips">Tips Section</a>
<a href="#tips">Jump to the Tips Section</a>

Jednoduchý zoznam s odrážkami

<ul>
  <li>Položka</li>
  <li>Položka</li>
</ul>

Číslovaný zoznam

<ol>
  <li>Prvá položka</li>
  <li>Druhá položka</li>
</ol>

Definition list

<dl>
  <dt>Prvý termín</dt>
    <dd>Definícia</dd>
  <dt>Ďalší termín</dt>
    <dd>Definícia</dd>
</dl>

Tabuľky

<table border="1">
<tr>
<th>Hlavička tabuľky</th>
<th>Hlavička tabuľky</th>
</tr>
<tr>
<td>nejaký text</td>
<td>nejaký text</td>
</tr>
</table>

Framy

<frameset cols="25%,75%">
<frame src="page1.htm" />
<frame src="page2.htm" />
</frameset>

Formuláre

<form action="http://www.example.com/test.asp" method="post/get">

<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Send" />
<input type="reset" />
<input type="hidden" />

<select>
<option>Apples</option>
<option selected="selected">Bananas</option>
<option>Cherries</option>
</select>

<textarea name="comment" rows="60" cols="20"></textarea>

</form>

Entity - Znaky

&lt; je to isté ako <
&gt; je to isté ako >
&#169; je to isté ako ©

Ďalšie elementy

<!-- Toto je komenár-->

<blockquote>
Text citovaný zo zdroja.
</blockquote>

<address>
Píšte nám na:<br />
<a href="mailto:us@example.org">Email</a><br />
Addresa: Box 564, Disneyland<br />
Telefón: +12 34 56 78
</address>

Zdroj: http://www.w3schools.com/html/html_quick.asp

« Predchádzajúca Ďalšia kapitola »