Want to create interactive content? It’s easy in Genially!

Get started free

Podstawowe znaczniki języka HTML

MP

Created on February 16, 2021

Start designing with a free template

Discover more than 1500 professional designs like these:

Psychedelic Presentation

Chalkboard Presentation

Witchcraft Presentation

Sketchbook Presentation

Genial Storytale Presentation

Vaporwave presentation

Animated Sketch Presentation

Explore all templates

Transcript

Podstawowe znaczniki języka HTML.

Index

Struktura dokumentu

Formatowanie tekstu

Odsyłacze

Grafika

Tabele

01

Struktura dokumentu

Znacznik <HTML></HTML> Sposób użycia Znaczniki dokumentu. Między nimi umieszczana jest cała treść dokumentu.

Znacznik <HEAD></HEAD> Sposób użycia Sekcja HEAD zawiera podstawowe informacje o dokumencie.

Znacznik <BODY></BODY> Sposób użycia Sekcja BODY zawiera konkretną treść dokumentu: znaczniki i tekst strony WWW.

Atrybuty

  1. BGCOLOR =”kolor” – umożliwia ustalenie koloru tła dokumentu.
  2. BACKGROUND=”nazwa pliku” – umożliwia ustalenie pliku graficznego, który będzie tłem dokumentu.
  3. TEXT=”kolor” – umożliwia ustalenie koloru tekstu dokumentu.
  4. LINK=”kolor” – umożliwia ustalenie koloru odsyłaczy.
  5. VLINK=”kolor” – umożliwia ustalenie koloru odsyłaczy, które już były użyte.
  6. ALINK=”kolor” – umożliwia ustalenie koloru aktywnych odsyłaczy.
  7. LEFTMARGIN=”x” – umożliwia ustalenie lewego marginesu strony na x pikseli. (IE).
  8. TOPMARGIN=”x” – umożliwia ustalenie górnego marginesu strony na x pikseli (IE).

Znacznik <TITLE></TITLE> Sposób użycia Tekst zawarty między znacznikami jest tytułem strony widocznym w belce tytułowej przeglądarki. Znacznik używany jest w sekcji HEAD.

Znacznik <META></META> Sposób użycia Szczegółowo opisuje zawartość dokumentu.

Atrybuty

  1. HTTP-EQUIV=”refresh” CONTENT=”x” – umożliwia ustalenie odświeżania strony co x sekund.
  2. HTTP-EQUIV=”refresh” CONTENT=”x; URL=”http://.../strona.html” – umożliwia ustalenie automatycznego wczytania nowej strony po x sekundach.
  3. HTTP-EQUIV=”content-type” CONTENT=”text/html; charset=strona kodowa” – deklaracja strony kodowej dokumentu np. iso-8859-2, windows 1250.
  4. HTTP-EQUIV=”Creation-Date” CONTENT=”data” – umożliwia ustalenie informacji o dacie utworzenia dokumentu.
  5. NAME=”keywords” CONTENT=wyrazy kluczowe” – umożliwia ustalenie informacji o wyrazach kluczowych dokumentu.
  6. NAME=”description” CONTENT=”informacje” – umożliwia ustalenie informacji o zawartości strony.
  7. Name=”author” CONTENT=”autor strony” – umożliwia ustalenie informacji o autorze strony.
  8. HTTP-EQUIV=”reply-to” CONTENT=”e-mail” – umożliwia podanie adresu e-mail osoby odpowiedzialnej za stronę.
  9. NAME=”generator” CONTENT=nazwa generatora” – umożliwia ustalenie informuji o nazwie generatora dokumentów HTML.

Znacznik <!-- --> Sposób użycia Komentarz niewidoczny w oknie przeglądarki, tylko w kodzie HTML.

02

Formatowanie tekstu

Znacznik <P></P> Sposób użycia Oznacza blok nowego akapitu.

Atrybuty

  1. ALIGN=center – umożliwia wyśrodkowanie tekstu.
  2. ALIGN=right – umożliwia wyrównanie tekstu do prawej strony.
  3. ALIGN=left – umożliwia wyrównanie tekstu do lewej strony.

Znacznik <BR> Sposób użycia Złamanie wiersza bez nowego akapitu.

Znacznik <HEAD></HEAD> Sposób użycia Sekcja HEAD zawiera podstawowe informacje o dokumencie.

Znacznik <B></B> Sposób użycia Czcionka pogrubiona.

Znacznik <I></I> Sposób użycia Czcionka pochylona.

Znacznik <BLINK></BLINK> Sposób użycia Czcionka migająca. (NC)

Znacznik <U></U> Sposób użycia Czcionka podkreślona.

Znacznik <STRIKE></STRIKE> Sposób użycia Czcionka przekreślona.

Znacznik <SUP></SUP> Sposób użycia Indeks górny

Znacznik <SUB></SUB> Sposób użycia Indeks dolny.

Znacznik <FONT></FONT> Sposób użycia Ustala czcionkę

Atrybuty

  1. COLOR=”kolor” – umożliwia ustalenie koloru czcionki.
  2. SIZE=”x” – umożliwia ustalenie wielkości czcionki od 1 do 7.
  3. SIZE=”+x” – umożliwia powiększenie dotychczasowej wielkości czcionki o 1.
  4. FACE=”nazwa kroju” – umożliwia ustalenie kroju czcionki np. Arial.

Znacznik <Hn></Hn> Sposób użycia Nagłówek powoduje utworzenie nowego akapitu i wpisany tekst przyjmuje wartość n – od 1 do 7. H1 to największy nagłówek, a H7 – najmniejszy.

Atrybuty

  1. ALIGN=center – umożliwia wyśrodkowanie nagłówka.
  2. ALIGN=right – umożliwia wyrównanie nagłówka do prawej strony.
  3. ALIGN=left – umożliwia wyrównanie nagłówka do lewej strony.

Znacznik <HR> Sposób użycia Linia pozioma.

Atrybuty

  1. NOSHADE – umożliwia ustalenie linii pozbawiona cieniowania.
  2. SIZE=x – umożliwia ustalenie grubości linii na x pikseli.
  3. WIDTH=x – umożliwia ustalenie długości linii na x pikseli.
  4. WIDTH=x% - umożliwia ustalenie długości linii na x% szerokości strony.
  5. ALIGN=center – umożliwia wyśrodkowanie linii.
  6. ALIGN=right – umożliwia wyrównanie linii do prawej strony.
  7. ALIGN=left – umożliwia wyrównanie linii do lewej strony.
  8. COLOR=”nazwa koloru” – umożliwia ustalenie koloru linii.

Znacznik <CENTER></CENTER> Sposób użycia Wyśrodkowanie.

Znacznik <RIGHT></RIGHT> Sposób użycia Wyrównanie do prawej strony

Znacznik <LEFT></LEFT> Sposób użycia Wyrównanie do lewej strony.

Znacznik <JUSTIFY></JUSTIFY> Sposób użycia Wyjustowanie.

Znacznik <UL> <LI> <LI> </UL> Sposób użycia Lista nieuporządkowana wyświetla wykaz nienumerowany.

Atrybuty

  1. TYPE=disc – symbol czarnego krążka.
  2. TYPE=circle – symbol okręgu (NC).
  3. TYPE=square – symbol kwadracika.

Znacznik <OL> <LI> <LI> </OL> Sposób użycia Lista uporządkowana sporządza wykaz numerowany.

Atrybuty

  1. START=x –lista zaczyna numerowania od liczby x.
  2. TYPE=A – numerowanie wg wielkich liter.
  3. TYPE=a – numerowanie wg małych liter.
  4. TYPE-I – numerowanie wg liczb rzymskich.
  5. TYPE=1 – numerowanie wg liczb arabskich.

03

Odsyłacze

Znacznik A href=”nazwa”>tekst świadczący o istnieniu odsyłacza</A> Sposób użycia Tworzy połączenie do pliku – po podaniu nazwy pliku lub do strony WWW po podaniu jej adresu.

Znacznik <A href=mailto:e-mail>tekst świadczący o istnieniu odsyłacza</A> Sposób użycia Odsyłacz umożliwiający internaucie wysłanie poczty e-mail ze strony.

Znacznik <A href=”#nazwa”>tekst świadczący o istnieniu odsyłacza</A> Sposób użycia Odsyłacz umożliwiający internaucie przejście do określonego wcześniej miejsca na stronie WWW „nazwa”. Miejsce to ustala się przy użyciu znacznika <A NAME=”nazwa”>.

04

Grafika

Znacznik <IMG SRC=”nazwa pliku”> Sposób użycia Umożliwia umieszczenie grafiki na stronie.

Atrybuty

  1. ALT=tekst” – umożliwia ustalenie alternatywnego tekstu.
  2. ALIGN=center – umożliwia wyśrodkowanie grafiki.
  3. ALIGN=right – umożliwia wyrównanie grafiki do prawej strony.
  4. ALIGN=left – umożliwia wyrównanie grafiki do lewej strony.
  5. ALIGN=texttop – umożliwia dorównanie górnej krawędzi grafiki do poprzedzającej go linii tekstu.
  6. ALIGN=top – umożliwia wyrównanie linii tekstu do górnej krawędzi grafiki.
  7. ALIGN=middle – umożliwia wyrównanie linii tekstu do środka grafiki.
  8. ALIGN=bottom – umożliwia wyrównanie linii tekstu do dolnej krawędzi grafiki.

Atrybuty

9. BORDER=x – umożliwia ustalenie grubości ramki grafiki na x pikseli. 10. WIDTH=x – umożliwia ustalenie szerokości grafiki w x pikselach. 11. WIDTH=x% - umożliwia ustalenie szerokości grafiki w x procent. 12. HEIGHT=x – umożliwia ustalenie wysokości grafiki w x pikselach. 13. HEIGHT=x% - umożliwia ustalenie wysokości grafiki w x%. 14. HSPACE=x – umożliwia ustalenie dodatkowego odstępu wokół grafiki na x pikseli. 15. VSPACE=x – umożliwia ustalenie dodatkowego odstępu w pionie wokół grafiki na x pikseli.

05

Tabele

Znacznik <TABLE></TABLE> Sposób użycia W ramach znaczników TABLE umieszcza się definicje rzędów, komórek, tytuł tabeli, nagłówki wierszy i kolumn oraz dane mające znajdować się w tabeli.

Atrybuty

  1. BORDER=x – umożliwia ustalenie obramowania tabeli o szerokości x.
  2. WIDTH=x – umożliwia ustalenie szerokości tabeli na x pikseli.
  3. WIDTH=x% - umożliwia ustalenie szerokości tabeli na x% szerokości okna przeglądarki.
  4. HEIGHT=x – umożliwia ustalenie wysokości tabeli na x pikseli.
  5. HEIGHT=x% - umożliwia ustalenie wysokości tabeli na x% wysokości okna przeglądarki.
  6. BGCOLOR=nazwa koloru – umożliwia ustalenie koloru tła tabeli.
  7. BORDERCOLOR=nazwa koloru – umożliwia ustalenie koloru obramowania tabeli.

Znacznik <TH></TH> Sposób użycia Znacznik nagłówka używany w ramach znaczników TABLE.

Atrybuty

  1. ROWSPAN=x – umożliwia łączenie x wierszy.
  2. COLSPAN=x – umożliwia łączenie x kolumn.

Znacznik <TR></TR> Sposób użycia Znacznik wiersza używany w ramach znaczników TABLE.

Znacznik <TD></TD> Sposób użycia nacznik kolumny używany w ramach znaczników TABLE.