<!DOCTYPE html> <!--linia informująca przeglądarkę że postanowiliśmy zakodować stronę w standardzie HTML-->
<!--tak wygląda komentarz, nie widać go na stonie-->
<!--W starszych wersjach standardu HTML znaczniki mogły być zapisywane dowolną wielkością liter, ale wraz z kolejnymi wersjami wprowadzono zapisywanie wszystkich tagów małymi literami-->
<html lang="pl"> <!--informacja dla przeglądarek języka strony-->
<head>
<meta charset="UTF-8" /> <!--sposób kodowania znaków z klawiatury-->
<title>Tytuł strony</title> <!--To będzie widać po najechaniu myszką na kartę przeglądarki, tak wyszukiwarka będzie wyświetlać naszą stronę-->
<meta name="description" content="Opis strony widoczny w wyszukiwarce. Najlepiej żeby miał około 155-160 znaków" />
<meta name="keywords" content="tu po przecinku wpisz słowa kluczowe po których wyszukiwarka ma znajdować Twoją stronę" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!--ta linia pomoże prawidłowo wyświetlić się stronie w przeglądarkach typu IE-->
<link rel="stylesheet" href="mojestyle.css" type="text/css" /> <!--odwołanie do pliku css w którym określony jest format tekstu-->
</head>
<body>
<h1>To jest nagłówek</h1>
<p>To jest paragraf</p>
<a href="https://www.w3schools.com/" target="_blank" title="Podpowiedź dokąd prowadzi link">Kursy programowania webowego</a> <!--tak dodajemy hiperłącza, target="_blank" określa że strona ma się otworzyć w nowej karcie-->
<br /> <!--znacznik końca linii, tekst zapisany poniżej pojawi się w następnej linii-->
Tekst w części body można dodawać też bez znaczników. <br />
Będzie miał domyślny format przeglądarki. <br /> <br />
<img src="images/lights.jpg" /> <!--tak dodajemy zdjęcia i obrazy-->
<br /><br />
<a href="https://pixabay.com/pl/" target="_blank" title="Darmowe obrazy i grafiki"> <img src="images/jumpman.jpg" /> </a><!--tak dodajemy hiperłącza do zdjęć lub obrazów-->
</body>
</html>
niedziela, 11 października 2020
Podstawowa struktura w html
Subskrybuj:
Komentarze do posta (Atom)
Brak komentarzy:
Prześlij komentarz