piątek, 2 grudnia 2016

Znaczniki - przykłady



 dane zawarte w
<!-- Treść komentarza -->
są niewidoczne na stronie internetowej - czyli są ignorowane przez przeglądarki.
==================== ZNACZNIK OZNACZA LINK ======================

<a href="index.html">strona główna</a>
<a href="#">Moja szkoła</a>
---------------PISANIE TE-------------------
<h1>największy napis</h1> do  <h6>najmniejszy napis</h6>
< ! --
Czcionka o rozmiarze 1 (w Internet Explorerze 10 pikseli)

Czcionka o rozmiarze 2 (12 pikseli)

Czcionka o rozmiarze 3 - domyślna (16 pikseli)

Czcionka o rozmiarze 4 (18 pikseli)

Czcionka o rozmiarze 5 (24 piksele)

Czcionka o rozmiarze 6 (32 piksele)

Czcionka o rozmiarze 7 (48 pikseli) -- >
<FONT FACE="verdana" SIZE="4" COLOR="red">przykładowy napis</FONT>
<b>tekst pogrubiony</b>
<i>tekst pochylony</i>
<br>  od nowej linijki
<hr> linia oddzielająca pozioma
<hr size="5" color="#00000FF">
------------------------------------------------------------
<body bgcolor="yellow" text="black">
--------------------- znaczniki do obrazka ------------------------------------------
<img src="images/foto.jpg" alt="fotografia" title="fotografia">
<img src="images/tulipan.jpg" width="400" height="300" alt="fotografia" title="tulipan wiekszy"/>
-----------------------ZNACZNIK EMAIL------------
<a href="mailto:monkownia@hotmail.com"><br>
<img src="poczta.png"/></a><br>
--------------------- TABELA ----------------------------------------
<table>
<caption>Plan lekcji klasy 2abc</caption>
<tbody>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tr>
</tbody>
</table>


<!-- TABELA POSIADA NAZWĘ, ALE NIE SĄ WIDZIANE JEJ KRAWĘDZIE -->
--------------------------- ATRYBUTY TABELI --------------------------------------
<td bgcolor="#ffcc66">&nbsp;koło teatralne</td>  <!-- ta linijka spowoduje, że kolor tła okna zmieni się na pomarańczowy.  -->
<table height="257" cellspacing="1" width="600" border="1">   <!-- table dodaje nam linię o grubości 1-border -->

========================================================

<body>
<ul>
<li><a href="index.html">strona główna</a></li>
<li><a href="o_mnie.html">o mnie</a></li>
<li><a href="#">Moja szkoła</a></li>
<ul>
<li><a href="moja_klasa.html">Moja klasa</></li>
<li><a href="plan_lekcji.html">Plan lekcji</></li>
</ul>
</li>
<li><a href="moje_hobby.html">Moje hobby</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
Pole tekstowe: ZAWARTOŚĆ PLIKU index.html 
UMIESZCZONA W w sekcji >BODY<
<li><a href="linki.html">Linki</></li>
</body>