Ćwiczenie 1 z HTML
Zmienny wygląd czcionki - cz 1
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Wprowadzenie do HTML 1</title>
</head>
<body>
<small > zmiejsza czcionkę o 1</small> <br>
<u>Podkreśla czcionkę</u> <br>
<i> Czcionka pochyła</i> <br>
<b>Czcionka wytłuszczona</b> <br>
<big>Czcionka zwiększaona o 1</big> <br>
<s> Czcionka przekreślona</s><br>
<strike>przekreślona i zmiejszonao 1</strike><br>
<sub>indeks dolny</sub><br>
<sup>indeks górny</sup><br>
<tt>czcionka monotypiczna- maszyna do pisania</tt><br>
</body>
</html>
<html>
Zmienny wygląd czcionki - cz2
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Zmienny wygląd czcionki_część 2</title>
</head>
<body>
<abbr>to jest skrót</abbr><br>
<cite>to jest cytat</cite><br>
<code>to jest kod programu</code><br>
<del>to jest usuniety i nieważny</del><br>
<ins>to jest tekst nadpisany</ins><br>
<dfn>to jest definicja</dfn><br>
<kbd>to jest tekst z klawiatury</kbd><br>
<samp>to jest przykład</samp><br>
<strong>to jest czcionka silnie wyrózniona</strong><br>
<var>to jest zmienna programowania</var><br>
</body>
</html>
Tytuły
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Tytuły</title>
</head>
<body>
Czcionki używane na tytuły w kolejności od 1 do 6 - najbardziej zagniezdżonego
<h1> Rozdział 1. Wstęp</h1><br>
<h2> Rozdział 2. Co nam będzie potrzebne</h2><br>
<h3> Rozdział 3.1. Krok po kroku</h3><br>
<h4> Rozdział 3.2. Pierwsza strona</h4><br>
<h5> Rozdział 3.3 Zaczynamy</h5><br>
<h5> Rozdział 4. Troszeczkę o...., czli rozdział dla troszkę bardziej zaawansowanych </h5>
</body>
</html>
Adres
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Pole adresu</title>
</head>
<body>
adssess - Znacznika tego używa się do informacji<br>
o twórcy strony na dole strony w stopce <br>
i podania adresu pocztowego e-nail.<br>
<hr>
<h1>Strona HTML</h1>
<address>
E-mail:
<a href="mollto:sxdx@poczta.onet.pl></a>
</address>
</body>
</html>
Zmienny wygląd czcionki _cz 2.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu podaj opis twojej strony" />
<meta name="Keywords" content="wyraz1, wyraz2, wyraz3..." />
<title>NZmiana wyglądu czcionki_cz.2</title>
</head>
<body
1. Standard kodowania używanego przez Windows<br>
2. Pisząc w tym poleceniu wymusza się traktowanie tych znaków, jako liter standardu ISO-8859<br>
Efektem jest pojawianie się na ekranie krzaczków <br>
<hr>
<font color= "blanc"> Tak wygląda kolor </font > <br>
<font color= "Silver"> Tak wygląda kolor </font > <br>
<font color= "Gray"> Tak wygląda kolor </font > <br>
<font color= "Marron"> Tak wygląda kolor </font > <br>
<font color= "Lime"> Tak wygląda kolor </font > <br>
<font color= "Red"> Tak wygląda kolor </font > <br>
<font color= "#FFFF00"> Tak wygląda kolor </font > <br>
<font color= "#000FFF"> Tak wygląda kolor </font > <br>
<font color= "#FF00FF"> Tak wygląda kolor </font > <br>
<font color= "#00FF00"> Tak wygląda kolor </font > <br>
<font color= "#FF000F"> Tak wygląda kolor </font > <br>
<font color= "#C0C0C0"> Tak wygląda kolor </font > <br>
<font color= "#808080"> Tak wygląda kolor </font > <br>
<font color= "#808000"> Tak wygląda kolor </font > <br>
<font color= "Teal"> Tak wygląda kolor </font > <br>
</body>
</html>
Rodzaj czcionki
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>NRodzaj czcionki</title>
</head>
<body>
<Font Face="Arial EC">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<Font Face="Brush Script MT">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font face="Arial Black">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font face="Arial Unicode MS">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font face="Arial Narrow">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font face="Baskerville Old Face">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font face="Castellar">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font face="Baskerville Old Face">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
</body>
</html>
<html> Kolor i rozmiar czcionki
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Kolor irodzaj czcionki</title>
</head>
<body>
<Font Color="silver" Face="Arial EC" >Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<Font Color="#FFFF00" Brush Script MT">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font Color="#0000FF" face="Arial Black">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font Color="Red" face="Arial Unicode MS">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font color="Lime" face="Arial Narrow">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font Color= Navy" face="Baskerville Old Face">Czcionka zmodyfikowana w wybranym rodzaju </font><br><font Color="#808080face="Castellar">Czcionka zmodyfikowana w wybranym rodzaju </font><br>
<font Color=#008080" face="Baskerville Old Face">Czcionka zmodyfikowana w wybranym rodzaju </font><br></body>
</html>
Kolor, wielkość i rodzaj czcionki
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Kolor, rodzaj i rozmiar czcionki</title>
</head>
<body>
<font color="#00FFFF" font size="7" font face="Algerian"> Zmienny rodzaj czcionki</font> <br>
<font color="Maroon" size="4" face="Courier"> Zmienny rodzaj czcionki</font> <br>
<font color="#Purple" size="6" face="Wide Latin"> Zmienny rodzaj czcionki</font> <br><p><i><b><u>Za pomoca tych trzech parametrów można opisać tekst</u></b></i></p>
</body>
</html>