DB.DOC

(187 KB) Pobierz
Szablon dla tlumaczy

 

Dodatek B. Podstawowe moduły kodu HTML

W tym dodatku zaprezentowano najczęściej stosowane moduły kodu HTML.

Dokument HTML

<html>

<head>

<title>Nazwa dokumentu</title>

</head>

<body>

Treść dokumentu

</body>

</html>

Nagłówki

<h1>Nagłówek najwyższego poziomu</h1>

<h2>Nagłówek poziomu 2</h2>

<h3>Nagłówek poziomu 3</h3>

<h4>Nagłówek poziomu 4</h4>

<h5>Nagłówek poziomu 5</h5>

<h6>Nagłówek poziomu 6</h6>

Elementy tekstowe

<p>Akapit</p>

<br> //łamanie wiersza

<hr> //linia pozioma

<pre>Tekst preformatowany</pre>

Style logiczne

<em>Do tego tekstu zastosowano emfazę</em>

<strong>Ten tekst wyróżniono</strong>

<code>Tekst pisany czcionką o stałej szerokości</code>

Style fizyczne

<b>Tekst pogrubiony</b>

<i>Tekst pisany kursywą</i>

Połączenia, zakotwiczenia i obrazy-połączenia

<a href="http://adres.com/strona.html/">To jest połączenie</a>

<a href="http://adres.com/strona.html/"><img src="adresURL" alt="Tekst alternatywny"></a>

<a href="#nazwa_zakotwiczenia">Zakotwiczenie</a>

<a href="mailto:adres@pocztowy">Prześlij do mnie list</a>

Lista wypunktowana

<ul>

<li>Pierwsza pozycja</li>

<li>Kolejna pozycja</li>

...

<li>Ostatnia pozycja</li>

</ul>

Lista numerowana

<ol>

<li>Pierwsza pozycja</li>

<li>Kolejna pozycja</li>

...

<li>Ostatnia pozycja</li>

</ol>

Lista definicji

<dl>

<dt>Pierwszy termin</dt>

<dd>Definicja</dd>

<dt>Drugi termin</dt>

<dd>Definicja</dd>

...

<dt>Ostatni termin</dt>

<dd>Definicja</dd>

</dl>

Tabela

<table border="1">

<tr>

<th>Tekst nagłówka</th>

<th>Tekst nagłówka</th>

</tr>

<tr>

<td>Zawartość komórki</td>

<td>Zawartość komórki</td>

</tr>

</table>

Ramki

Prosty układ pionowych ramek:

<frameset cols="25%,75%">

                 <frame src="ramka_a.html">

                 <frame src="ramka_b.html">

</frameset>

 

Prosty układ poziomych ramek:

<frameset rows="25%,50%,25%">

                <frame src="ramka_a.html">

                <frame src="ramka_b.html">

                <frame src="ramka_c.html">

</frameset>

 

Złożony układ ramek:

<frameset rows="50%,50%">

                <frame src="ramka_a.html">

<frameset cols="25%,75%">

                              <frame src="ramka_b.html">

                              <frame src="ramka_c.html">

</frameset>

</frameset>

Formularz

<form action="mailto:adre@pocztowy" method="post">

<input type="text" name="nazwisko" value="Kowalski" size="30" maxlength="50">

<input type="password">

<input type="checkbox" checked="checked">

<input type="radio" checked="checked">

<input type="submit">

<input type="reset">

<input type="hidden">

<select>

<option>Tekst1

<option selected>Tekst2

<option>Tekst3

</select>

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

</form>

Identyczności

&lt; to to samo co <

&gt; to to samo co >

&#169; to to samo co ©

Przykłady postaci innych elementów

<!—Komentarz

-->

 

<blockquote>

Tekst cytowany.

</blockquote>

<address>

Adres1<br>

Adres 2<br>

Miasto<br>

</address>

 

 

...
Zgłoś jeśli naruszono regulamin