Strona B - trudniejsze rysunki
poniedziałek, 19 grudnia 2016
piątek, 2 grudnia 2016
Znaczniki - przykłady
dane zawarte w
==================== ZNACZNIK OZNACZA LINK ======================
<a href="index.html">strona główna</a>
<!-- 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) -- >
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"/>
<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"> 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="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>
</body>
Szablon do skopiowania do notatnika. Zapisz go pod nazwą index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/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 name="Description" content="Opis Twojej strony
dla wyszukiwarek" />
<meta name="Keywords" content="Tu słowa kluczowe
rozdzielone przecinkami dla wyszukiwarek" />
<title>tytuł strony dla wyszukiwarek</title>
</head>
<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>
<li><a href="linki.html">Linki</></li>
</body>
</html>
Transitional//EN"
"http://www.w3.org/TR/xhtml1/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 name="Description" content="Opis Twojej strony
dla wyszukiwarek" />
<meta name="Keywords" content="Tu słowa kluczowe
rozdzielone przecinkami dla wyszukiwarek" />
<title>tytuł strony dla wyszukiwarek</title>
</head>
<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>
<li><a href="linki.html">Linki</></li>
</body>
</html>
<!-- Treść komentarza -->
<!-- jeżeli usuniemy zawartość z body, będziemy mieli gotowe pozostałe pliki - MOJA KLASA i inne-->
Subskrybuj:
Posty (Atom)