Język HTML - informatyka kl. 1c/1d gr.1/2/3 – E. Gwóźdź
21/22.04.2020
1. Podręcznik od str. 154
HTML to język hipertekstowego znakowania (Hypertext Markup Language), który jest ustanowioną przez konsorcjum World Wide Web Consortium (W3C) specyfikacją, określającą postać dokumentów prezentowanych w Internecie.
- kED
- Notepad+, Notepad++
Polecenia języka HTML są zazwyczaj nazywane znacznikami (tagami). Są to specjalne ciągi znaków objętych nawiasami < >. Informują one przeglądarkę, jak wyświetlić stronę na ekranie. Znaczniki stosowane są najczęściej w parach, np. <html> </html>. Należy zwrócić uwagę na ukośnik, który odróżnia znacznik zamykający </title> od otwierającego <title>. Teoretycznie nie ma znaczenia, czy znaczniki zapisane są za pomocą małych czy dużych liter, bowiem są interpretowane w ten sam sposób. Jednak warto przyzwyczajać się od początku do małych liter, gdyż są one zalecane w rekomendacji W3C dotyczącej specyfikacji HTML 4.01, a w specyfikacji XHTML są wymagane. Większość znaczników może mieć przypisane odpowiednie parametry (atrybuty) określające ich szczególne cechy. Atrybuty definiowane są za pomocą pary: atrybut=”wartość” i są umieszczane w znaczniku otwierającym, np. <p style=”font-family: verdana;”>tekst wyświetlany </p> Wartości należy podawać w cudzysłowie.
Struktura dokumentu
<head>
<title>Strona ucznia X</title>
</head>
Element head zawiera ogólne informacje na temat dokumentu, które są zamieszczane między innymi w znaczniku <meta>. Najczęściej są to informacje są wykorzystywane przez wyszukiwarki oraz przez przeglądarkę do wyświetlania w prawidłowy sposób naszego dokumentu (kodowanie dokumentu, język dokumentu, dołączane skrypty itp.).
<head>
<meta charset=”UTF-8″>
</head>
Inne polecenia <meta> później!
Pozostałe informacje, wszystko to, co wyświetla się na stronie internetowej, czyli właściwa treść (ciało) dokumentu powinny być objęte znacznikami <body> </body>. Definiując ciało dokumentu możemy wstawić dodatkowo kilka informacji o stylach, które zadecydują o graficznym wyglądzie strony.
Ostateczna, standardowa struktura każdego dokumentu html powinna wyglądać tak:
<!doctype html>
<html>
<head>
<title>tytuł strony</title>
<meta charset=”UTF-8″>
</head>
<body>
właściwa treść (ciało) dokumentu. Tu wpisujemy tekst, wstawiamy obrazy, tabele, czyli wszystko to, co powinien zobaczyć użytkownik po opublikowaniu naszej strony.
</body>
</html>
Cały dokument należy zapisać z rozszerzeniem html lub htm. Nazwa tworzonego dokumentu może być dowolna, jednak po opublikowaniu na serwerze WWW domyślnie otwieraną stroną jest strona o nazwie index.html
2. Zobacz teraz jak to wygląda w praktyce: https://youtu.be/dVRvcxkH9Yc
3. Jako zadanie napisz taki dokument HTML w notatniku i wyślij na fizyka@skalna1.edu.pl
Tytuł strony <title> ma być : strona Tycjana (wstaw swoje)
w <body> wpisz: tu będzie piękna strona Tycjana Hroboka (wpisz swoje dane)
Pamiętaj o możliwości konsultacji!
Pamiętaj, aby odbierać wiadomości przez dziennik – to potwierdza Twoją frekwencję!