Kod do pliku html:

<!DOCTYPE html>
<html>
	<head>
		<title>Właściwości czcionek-Al-Sughari</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<link href="../css/czcionki_Al-Sughari.css" rel="stylesheet" type="text/CSS">
	</head>
	<body>
		Alexander Al-Sughari klasa 1P, układ 2
		Akapit 1 - do prawej
		
		rodzina czcionki 1 (patrz tabela "Sposób kodowania rodziny czcionek") czyli -> serif
		kolory tekstu (patrz "pierwsza tabela kolorów" wg numeru w dzienniku) czyli -> Odcienie koloru czerwonego
		dekoracja tekstu 3 (patrz tabela "Sposób kodowania dekoracji tekstu") jedno zdanie w tekście czyli -> Nadkreślić
		styl czcionek 2 (patrz tabela "Sposób kodowania stylu tekstu") jedno zdania w tekście czyli -> Italic
		wariant czcionki -> kapitalki, jedno zdanie w tekście
		
		<ul>
			grubości czcionek:
			<li>jedno zdanie w tekście 400</li>
			<li>jedno zdanie w tekście 600</li>
			<li>jedno zdanie w tekście 800</li>
		</ul>
		
		<ul>
			rozmiary czcionek:
			<li>jedno zdanie w tekście 1 czyli -> xx-small</li>
			<li>jedno zdanie w tekście 4 czyli -> medium</li>
			<li>jedno zdanie w tekście 7 czyli -> xx-large</li>
			patrz tabele "Sposób kodowania wielkości czcinek"
		</ul>
			
		transformacja tekstu jedno zdanie w tekście ma być wyświetlane dużymi literami
		
		
			wycięcia tekstu: 3 cm 
			odstępy między: wierszami 1.2cm 
			odstępy między: wyrazami 9px 
			odstępy między: literami 3ex
		
		
		<hr size=4 width="95%" align="center" color="silver">
		
		Realizacja akapitu 1
		
		<table border=1 align="center">
			<tr>
				<td colspan="2" align="center">Zdanie 1</td>
			</tr>
			<tr>
				<td>
					font-family: 
					color: 
					font-style: 
					font-weight: 
					font-size: 
					text-indent: 
					line-height: 
					word-spacing: 
					letter-spacing: 
					text-transform:
				</td>
				<td align="right">
					serif; 
					#CD5C5C; 
					Italic; 
					600; 
					xx-small; 
					3cm; 
					1.2cm; 
					9px; 
					3ex; 
					uppercase;
				</td>
			</tr>
		</table>
		Język programowania to zbiór zasad określających, kiedy ciąg symboli tworzy program komputerowy oraz jakie obliczenia opisuje.
		
		<table border=1 align="center">
			<tr>
				<td colspan="2" align="center">Zdanie 2</td>
			</tr>
			<tr>
				<td>
					font-family: 
					color: 
					font-variant: 
					font-weight: 
					font-size: 
					text-indent: 
					line-height: 
					word-spacing: 
					letter-spacing:
				</td>
				<td align="right">
					serif; 
					#B22222; 
					small-caps; 
					800; 
					medium; 
					3cm; 
					1.2cm; 
					9px; 
					3ex; 
				</td>
			</tr>
		</table>
		Kompilator służy do przetwarzania kodu źródłowego zrozumiałego dla człowieka na kod maszynowy, zrozumiały przez komputer.
		
		<table border=1 align="center">
			<tr>
				<td colspan="2" align="center">Zdanie 3</td>
			</tr>
			<tr>
				<td>
					font-family: 
					color: 
					text-decoration: 
					font-weight: 
					font-size: 
					text-indent: 
					line-height: 
					word-spacing: 
					letter-spacing: 
				</td>
				<td align="right">
					serif; 
					#FFA07A; 
					overline; 
					400; 
					xx-large; 
					3cm; 
					1.2cm; 
					9px; 
					3ex; 
				</td>
			</tr>
		</table>
		Algorytm to zestaw ściśle określonych czynności, prowadzących do wykonania pewnego zadania.
		
		<hr size=4 width="95%" align="center" color="silver">
		
		Akapit 2 - centrowany
		
		rodzina czcionki 2 (patrz tabela "Sposób kodowania rodziny czcionek") czyli -> sans-serif
		kolory tekstu (patrz "pierwsza tabela kolorów" wg numeru w dzienniku) czyli -> Odcienie koloru pomarańczowego
		dekoracja tekstu 2 (patrz tabela "Sposób kodowania dekoracji tekstu") jedno zdanie w tekście czyli -> Przekreślić
		styl czcionek 3 (patrz tabela "Sposób kodowania stylu tekstu") jedno zdania w tekście czyli -> oblique
		wariant czcionki -> kapitalki, jedno zdanie w tekście
		
		<ul>
			grubości czcionek:
			<li>jedno zdanie w tekście 300</li>
			<li>jedno zdanie w tekście 600</li>
			<li>jedno zdanie w tekście 800</li>
		</ul>
		
		<ul>
			rozmiary czcionek:
			<li>jedno zdanie w tekście ??px czyli -> 25px</li>
			<li>jedno zdanie w tekście ??in czyli -> 0.5in</li>
			<li>jedno zdanie w tekście ??em czyli -> 3em</li>
			patrz tabele "Sposób kodowania wielkości czcinek"
		</ul>
			
		transformacja tekstu jedno zdanie w tekście ma być wyświetlane w taki sposób, aby każde nowe słowo zaczynało się z dużej litery
		
		
			wycięcia tekstu: 15 mm 
			odstępy między: wierszami 18mm 
			odstępy między: wyrazami 13pt 
			odstępy między: literami 0.3cm
		
		
		<hr size=4 width="95%" align="center" color="silver">
		
		Realizacja akapitu 2
		
		<table border=1 align="center">
			<tr>
				<td colspan="2" align="center">Zdanie 4</td>
			</tr>
			<tr>
				<td>
					font-family: 
					color: 
					font-style: 
					font-weight: 
					font-size: 
					text-indent: 
					line-height: 
					word-spacing: 
					letter-spacing: 
				</td>
				<td align="right">
					sans-serif; 
					#FFA07A; 
					oblique; 
					600; 
					25px; 
					15mm; 
					18mm; 
					13pt; 
					0.3cm; 
				</td>
			</tr>
		</table>
		RAM (ang. Random Access Memory – pamięć o dostępie swobodnym) – podstawowy rodzaj pamięci cyfrowej.
		
		<table border=1 align="center">
			<tr>
				<td colspan="2" align="center">Zdanie 5</td>
			</tr>
			<tr>
				<td>
					font-family: 
					color: 
					font-variant: 
					font-weight: 
					font-size: 
					text-transform: 
					text-indent: 
					line-height: 
					word-spacing: 
					letter-spacing: 
				</td>
				<td align="right">
					sans-serif; 
					#FFA500; 
					small-caps; 
					300; 
					0.5in; 
					capitalize; 
					15mm; 
					18mm; 
					13pt; 
					0.3cm; 
				</td>
			</tr>
		</table>
		Aplikacja to program komputerowy wykonujący konkretne zadania.
		
		<table border=1 align="center">
			<tr>
				<td colspan="2" align="center">Zdanie 6</td>
			</tr>
			<tr>
				<td>
					font-family: 
					color: 
					text-decoration: 
					font-weight: 
					font-size: 
					text-indent: 
					line-height: 
					word-spacing: 
					letter-spacing: 
				</td>
				<td align="right">
					sans-serif; 
					#FF7F50; 
					line-through; 
					800; 
					3em; 
					15mm; 
					18mm; 
					13pt; 
					0.3cm; 
				</td>
			</tr>
		</table>
		Bajt to ciąg ośmiu bitów. Umożliwia zapisanie znaku, np. litery alfabetu, cyfry.
	</body>
</html>

Kod do pliku css:

/* Alexander Al-Sughari 1P 26.02.2021 */
p#imie
{
	color: #CC0000;
	font-size: 1cm;
	text-align: right;
}

p#akapit1
{
	color: #0000CC;
	text-align: right;
}

p#z1_Al-Sughari
{
	font-family: serif;
	color: #CD5C5C;
	font-style: Italic;
	font-weight: 600;
	font-size: xx-small;
	text-indent: 3cm;
	line-height: 1.2cm;
	word-spacing: 9px;
	letter-spacing: 3ex;
	text-transform: uppercase;
}

p#z2_Al-Sughari
{
	font-family: serif;
	color: #B22222;
	font-variant: small-caps;
	font-weight: 800;
	font-size: medium;
	text-indent: 3cm;
	line-height: 1.2cm;
	word-spacing: 9px;
	letter-spacing: 3ex;
}

p#z3_Al-Sughari
{
	font-family: serif;
	color: #FFA07A;
	text-decoration: overline;
	font-weight: 400;
	font-size: xx-large;
	text-indent: 3cm;
	line-height: 1.2cm;
	word-spacing: 9px;
	letter-spacing: 3ex;
}

p#akapit2
{
	color: #0000CC;
	text-align: center;
}

p#z4_Al-Sughari
{
	font-family: sans-serif;
	color: #FFA07A;
	font-style: oblique;
	font-weight: 600;
	font-size: 25px;
	text-indent: 15mm;
	line-height: 18mm;
	word-spacing: 13pt;
	letter-spacing: 0.3cm;
}

p#z5_Al-Sughari
{
	font-family: sans-serif;
	color: #FFA500;
	font-variant: small-caps;
	font-weight: 300;
	font-size: 0.5in;
	text-transform: capitalize;
	text-indent: 15mm;
	line-height: 18mm;
	word-spacing: 13pt;
	letter-spacing: 0.3cm;
}

p#z6_Al-Sughari
{
	font-family: sans-serif;
	color: #FF7F50;
	text-decoration: line-through;
	font-weight: 800;
	font-size: 3em;
	text-indent: 15mm;
	line-height: 18mm;
	word-spacing: 13pt;
	letter-spacing: 0.3cm;
}

Darmowy hosting zapewnia PRV.PL