HTML Podstawy | #2 Poznajemy nowe znaczniki

Poznajemy nowe znaczniki i ich rodzaje

Witam Cię w kolejnej części poradnika HTML Podstawy w tym wpisie przedstawię Ci nowe znaczniki oraz ich rodzaje. Znacznikom które są bardziej zaawansowane czy też rzadziej używane będzie poświęcony oddzielny wpis a dziś zajmiemy się najbardziej powszechnymi i podstawowymi.
Znaczniki możemy podzielić na dwa główne rodzaje te które otwieramy i zamykamy oraz te które tylko otwieramy.
Główne znaczniki poznałeś w poprzednim wpisie. Teraz zajmiemy się znacznikami które używa się wewnątrz sekcji <body></body>.

Znaczniki które otwieramy i zamykamy

Są ich dziesiątki jednak dziś zajmiemy się tymi głównymi których używa się najczęściej. Mają one znacznik początkowy i końcowy. Właśnie w taki sposób zbudowana jest większość znaczników.
Na początku przedstawię Ci listę znaczników które dziś omówimy a są nimi:

  • <p>Ala ma kota to treść akapitu</p>
  • <span>Ala ma kota to treść jednolinijkowa</span>
  • <div>Zawartość strony</div>
  • <h1>Duży tekst</h1>
  • <table>Środek tabeli</table>
  • <th>Nagłówek tabeli</th>
  • <tr>Wiersz tabeli</tr>
  • <td>Kolumna tabeli</td>
  • <a>Kliknij tutaj a zostaniesz teleportowany</a>
  • <ul>Lista nieuporządkowana</ul>
  • <ol>Lista uporządkowana<ol>
  • <li>Element listy</li>
  • <form>Formularz</form>
  • <!– To jest komentarze –>

Powyżej są znaczniki z których zaraz stworzysz swoją pierwszą stronę. Otwórz swój edytor kodu i analizując poniższy kod przepisz go. Strukturę HTML poznałeś w poprzednik poradniku więc nie powinien być Ci obcy. DO ROBOTY !

<!DOCTYPE HTML>
<html lang="pl">

<head>
  <meta charset=utf-8">
  <title>Tytuł strony</title>
</head>

<body>

  <div>
      <h1>Lista uczniów</h1>
      <p>Dane zawarte są w tabeli:</p>
      
<table>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
      
<p>lista nieuporządkowana</p>
<ul>
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ul>

<p>lista uporządkowana</p>
<ol>
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ol>
  </div>
</body>
</html>

Kiedy masz już gotowy plik HTML pora go zapisać. Zapisz dokument z rozszerzeniem .html (np. strona.html) po czym otwórz w przeglądarce.

Znaczniki których nie domykamy

Pora poznać znaczniki które nie mają zamknięcia. Jest ich stosunkowo nie wiele. Oto kilka z nich:

  • <br>Łamanie linii w akapicie, tworzenie pustych linii
  • <img>Wstawienie obrazka Musi być z parametrem SRC=”miejsce i nazwa obrazka lub tylko nazwa obrazka”Można dodać parametr WIDTH=”liczba” (szerokość) lub/i HEIGHT=”liczba” (wysokość)
  • <hr>Kreska pozioma od lewej do prawej
  • <source>Wstawianie audio z następującymi parametrami src=”test.mp3″ type=”muzyczka/poradnik”

Dziś poznałeś znaczniki oraz ich podział. W następnym poradniku zaczniemy tworzyć pierwszą stronę www. Zapisz się do newslettera aby nie przegapić nowości !