HTML
1.Budowa strony:
- część nagłówkowa ( tytuł strony, typ kodowania znaków, opis strony, słowa kluczowe, autor) HEAD
- część główna (treść, tabele, odsyłacze) BODY
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta name=”description” content=”opis strony”>
<meta name=”keywords” content=”autor”>
<title> Tytuł strony
</title>
</head>
<body>
Treść sformatowana znacznikami, stylami.
</body>
</html>
2. Znaczniki:
<!-- --> komentarze
<br> ang. ’break row ‘ łamanie wiersza
<b></b> wytłuszczenie
<u></u> podkreślenie
<i></i> kursywa
<h1></h1> … nagłówki, tytuły
<p></p> zaznaczenie akapitu
<p align=styl></p>
styl={left, right, center, justify}
<hr> linia pozioma
<hr
align =”left”
noshade
size=”4”
width=”300” szerokość wiersza
color=”blue” >
<font> Formatowany tekst . </font>
<font size=”+2”> lub <font size=”-1”>
<font color=”white” size=”5”> TEKST </font>
3. Tabela
<table> </table> granice tabelki
<tr></tr> granice wiersza
<td></td> komórka
<th></th> nagłówek wiersza i kolumny
<table
border=”1”> obramowanie
bgcolor=”blue”
width=”88%” (strony) height=”170”>
<tr> <td align=”center” valign=”middle"> </td> </tr>
</table>
<tr><td
colspan=”2”> połączenie dwóch komórek w poziomie
rowspan=”2> połączenie dwóch komórek w pionie
</td></tr>
4. Grafika
<img src=”adres” alt=”tekst alternatywny”>
5. Wykazy
<ul></ul> wykaz wypunktowany
<li></li> wiersz listy
<ol ></ol> wykaz numerowany
6. Odsyłacze
<a href=”adres”> tekst odnośnika </a>
<a href=”mailto: adres e-mail > tekst </a>
<a href=”strona.html” target=”_blank” > link </a>
CSS kaskadowe arkusze stylów.
1. Styl lokalny (wew.)
<p style=”font-size: 12pt; color:blue;”>
2. Styl zagnieżdżony (wew.)
<head>
<style type=”text/css”>
<!--
body {margin-left:1cm; margin-right:1cm;}
p {font-size:10pt; font-family: Arial, Helvetica; font-weight: normal;}
-->
</style>
</head>
3. Styl dołączany (zewnętrzny arkusz stylów/plik)
<head>
<link href=”plik_css” type=”text/css” rel=”stylesheet”>
</head>
4. Styl importowany – nie obowiązuje.
Generalna zasada : im styl jest zdefiniowany bliżej miejsca użycia w dokumencie, tym jest ważniejszy w hierarchii formatowania.