Szkolenia
Ćwiczenie - projektowanie strony internetowej
- 20.04.2021 11:25
- pomocnicze materiały
Struktura pliku tekstowego zawierającego opis strony internetowej
<html>
<body>
</body>
</html>
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
<h1>Nagłówek poziomu 1</h1>
<p>Treść akapitu</p>
</body>
</html>
<html>
<body style="font-size: 32px">
<p style="font-size: 48px">treść akapitu w określonym stylu</p>
<p style="color: yellow; background-color: blue">treść akapitu</p>
<p style="text-align: center">treść akapitu w określonym stylu</p>
<p style="font-family: courier">treść akapitu w określonym stylu</p>
</body>
</html>
html>
<body>
<p> tekst do przedstawienia się </p>
<a href="https://www.kurshtml.edu.pl/html/zielony.html">Link do kursu języka HTML</a>
</body>
</html>
<html>
<body>
<img src="https://dummyimage.com/800x300.jpg">
</body>
</html>
Znaczniki formatujące tekst:
<b>- pogrubienie tekstu<strong>- pogrubiony tekst o podwyższonym znaczeniu<i>- pochylenie tekstu (kusywa)<em>- pochylony tekst o podwyższonym znaczeniu<mark>- zaznaczenie tekstu (wyróżnione tło)<small>- pomniejszenie tekstu<del>- zazaczenie tekstu skasowanego<ins>- zazaczenie tekstu dodanego<sub>- indeks dolny<sup>- indeks górny- <q> - cytat (cudzysłowy)
- <u> - podkreślenie tekstu
Więcej na lekcji informatyki
Przydatne adresy:
Informacja dotyczące kolorów (kody RGB): https://pl.wikipedia.org/wiki/Kolory_w_Internecie
darmowe grafiki do wykorzystania na stronach WWW: https://pixabay.com/pl/
Po zajęciach uczeń potrafi utworzyć plik .HTML z opisem strony zawierającym:
1. ustawienie koloru tła, kolor i wielkości czcionki
2. wprowadzony tekst w akapitach wyrównanych do lewej, prawej strony, wyśrodkowanych
z tekstem sformatowanym (pogrubienia, podkreślenia, indeksy górny i dolny)
3. wstawioną grafikę
4. wstawiony link do innej strony
5. wstawioną ramkę z filmem z serwisu YouTube lub innego
6. ustawiony tytuł strony- Wróć do listy artykułów
Ostatnie artykuły