Znaczniki HTML ()

Transkrypt

Znaczniki HTML ()
Znaczniki HTML
Kod
Uwagi
<?xml version="1.0" encoding="iso-8859-2"?>
deklaracja typu dokumentu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-2">
</meta>
<title>tytuł</title>
</head>
polskie litery
nazwa okna przeglądarki „tytuł”
<body>
<div>
Tekst prosty <i>pochylony</i> <b>pogrubiony</b>
<span style="font-style: italic;">kursywa</span>
<span style="font-weight: bold;">wytłuszczenie</span>
<br>
<br />
początek spójnego bloku tekstu
prosty pochylony pogrubiony
kursywa
wytłuszczenie
nowa linia [przestarzały, ale działa]
nowa linia [rekomendowany]
<font color="Green">zielony</font>
<span style="color: #00ff00;">zielony</span>
</div>
zielony [przestarzały, ale działa]
zielony [z użyciem stylu CSS]
koniec bloku tekstu
<a href="http://www.google.pl">wyszukiwarka</a>
wyszukiwarka (link, odnośnik)
obrazek pikazzor.png
szerokości 50 px
<img src="pikazzor.png" width="50">
<hr />
(linia oddzielająca)
tytuł
<h1>Listy</h1>
<h2>Lista numerowana</h2>
<ol>
<li> kot </li>
<li> pies </li>
<li> gęś </li>
</ol>
<table border="2">
<tr>
<td>komórka 1</td>
<td>komórka 2</td>
</tr>
<tr>
<td colspan="2">komórki 3
</tr>
</table>
</body>
</html>
<h2>Wypunktowanie</h2>
<ul>
<li> kot </li>
<li> pies </li>
<li> gęś </li>
</ul>
Listy
podtytuł Wypunktowanie
1. kot
• kot
2. pies
• pies
3. gęś
• gęś
obramowana tabela
i 4</td>
komórka 1 komórka 2
komórki 3 i 4