(H) Podstawowe znaczniki HTML*

Podstawowe znaczniki HTML

Formatowanie tekstu

Podstawowe formatowanie tekstu

  • <q></q> – Podstawowy akapit tekstu.
  • <br> – Znak końca linii.
  • <sup></sup> – Indeks górny.
  • <sub></sub> – Index dolny.
  • <strong></strong> – Wyróżnienie tekstu (Przeważnie pogrubienie).
  • <cite></cite> – Określenie cytatu.
  • <del></del> – Tekstu usunięty, przekreślony.
  • <code></code> – Określenie kodu.
  • <em></em> – Wyróżnienie tekstu (Przeważnie kursywa).
  • <i></i> – Kursywa.
  • <b></b> – Pogrubienie tekstu.
  • <u></u> – Podkreślenie tekstu.
  • <kbd></kbd> – Tekst zawierający klawisze (Np. Ctrl + l).
  • <small></small> – Teks zawierający licencję strony.

Nagłówki H1-6

  • <h1></h1> – Nagłówek H1.
  • <h2></h2> – Nagłówek H2.
  • <h3></h3> – Nagłówek H3.
  • <h4></h4> – Nagłówek H4.
  • <h5></h5> – Nagłówek H5.
  • <h6></h6> – Nagłówek H6.

Znaki specjalne

Wszystkie poniższe znaki specjalnie zawierają na początku znak „&” a na końcu znak „;”.

  • nbsp – Znak spacji (Może być używana wielokrotnie).
  • trade – Znak handlowy (&trade).
  • lt – Znak mniejsze niż (<)
  • gt – Znak większe niż (>)
  • copy – Znak copyright (©).
  • reg – Zastrzeżony znak handlowy (®).
  • alpha – Mała grecka litera alfa (α).

Listy

  • <ul></ul> – Definicja listy nieuporządkowanej (Kropki).
  • <ol></ol> – Definicja listy uporządkowanej (Liczby).
  • <dl></dl> – Definicja listy definicji (Bez ozdobników).
  • <li></li> – Zawartość pojedynczego wiersza listy ul / ol.
  • <dd></dd> – Zawartość nagłówka pojedynczego wiersza dl.
  • <dt></dt> – Zawartość definicji pojedynczego wiersza dl.

Tabele

Dekorowanie tabeli za pomocą CSS zostało opisane w artykule Formatowanie tabeli.

  • <table></table> – Główna definicja tabeli.
  • <thead></thead> – Definicja głowy tabeli (Pierwszy wiersz opisujący znaczenie kolumny).
  • <tbody></tbody> – Definicja ciała tabeli (Pozostałe wiersze tabeli, zawierające wartości).
  • <tfoot></tfoot> – Xxx
  • <tr></tr> – Definicja wiersza tabeli (Table row).
  • <td></td> – Definicja pojedynczej komórki (Table data).
    • colspan=”Int– Określa ilość kolumn jaką ma integrować dana komórka (Szerokość).
    • rowspan=”Int – Określa ilość wierszy jaką ma integrować dana komórka (Wysokość).
  • <th></th> – Definicja pojedynczej wyróżnionej komórki (Przeważnie występuje pomiędzy znacznikami <thead><tr> wiele znaczników TH </thead></tr>, może być jednak zastosowana np. względem wszystkich komórek pierwszej kolumny).
    • colspan=”Int– Określa ilość kolumn jaką ma integrować dana komórka (Szerokość).
    • rowspan=”Int – Określa ilość wierszy jaką ma integrować dana komórka (Wysokość).

Xxx

  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx

Xxx

  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx

Obiekty

Hiperłącze

  • <a></a> – Hiperłącze do innej strony internetowej HTTPS/HTTP.
    • href=”https://link/do/strony – Określa link do innej strony internetowej HTTPS/HTTP.
      • #Nazwa-nagłówka – Tworzy hiperłącze do wskazanego nagłówka znajdującego się na tej samej stronie.
      • #bottom – Tworzy hiperłącze do dolnej części strony.
    • rel=”dofollow/nofollow– Informuje roboty indeksujące o potrzebie śledzenia / nie śledzenia linku.
    • target=”_blank/_self – Informuje przeglądarkę gdzie otworzyć nowe okno (W nowej karcie / na tej samej stronie).
  • <iframe src=”https://link/do/strony></iframe> – Otwiera inną stronę w ramce, wewnątrz obecnej strony.

Xxx

  • <img> – Wstawia grafikę na stronie internetowej HTTPS/HTTP.
    • src=”ścieżka/plik.rozszerzenie – Link do zdjęcia lokalnego / link do strony ze zdjęciem.
    • width=”szerokość – Szerokość wyświetlanego zdjęcia.
    • height=”wysokość – Wysokość wyświetlanego zdjęcia.
    • alt=”opis zastępczy – Określa dodatkowy opis zdjęcia, wyświetlany w przypadku problemu z grafiką.
    • title=”opis – Określa tekst wyświetlany po najechaniu na grafikę.
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx

Xxx

  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx
  • <p></p> – Xxx

Pozostałe tematy związane z HTML

PDFPRINT

Robert T Kucharski

Cisco Network Engineer in GPW.

Dodaj komentarz