linki adsense

piątek, 29 marca 2013

KURS HTML - WSTĘP

Przykład HTML

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>


Wyjaśnienie Przykładu


  • deklaracja DOCTYPE definiuje typ dokumentu
  • tekst pomiędzy <html> i </html> opisuje stronę internetową
  • tekst pomiędzy <body> i </body> to widoczna zawartość strony internetowej
  • tekst pomiędzy <h1> i </h1> jest wyświetlany jako nagłówek
  • tekst pomiędzy <p> i </p> jest wyświetlany jako akapit

Czym jest HTML? 


HTML jest językiem służącym do pisania stron internetowych
  • HTML to skrót od Hypertext Markup Language ( Hipertekstowy Język Znaczników)
  • HTML to język znaczników
  • Znaczniki opisują zawartość dokumentu
  • Dokumenty HTML zawierają znaczniki HTML-owe oraz zwykły tekst
  • Dokumenty HTML nazywane są także stronami internetowymi

Znaczniki HTML


  • Znaczniki HTML to słowa kluczowe otoczone ostrokątnym nawiasem np. <html>
  • Znaczniki HTML występują zazwyczaj w parach np. <b> i </b>
  • Pierwszy znacznik w parze to znacznik początkowy a drugi końcowy
  • Znacznik końcowy wygląda tak samo jak początkowy z dodatkowym znakiem slash
  • Znaczniki początkowy i końcowy są także zwane znacznikiem otwierającym i zamykającym
<ZNACZNIK>Zawartość</ZNACZNIK>


Element HTML:


Element HTML to wszystko pomiędzy znacznikami razem ze znacznikami
Element HTML:
<P>To jest akapit</P>


Przeglądarki internetowe


Zadaniem przeglądarki internetowej (tj. Google Chrome, Firefox, Opera, Internet Explorer) jest czytanie dokumentów HTML i wyświetlanie ich jako strony internetowe. Przeglądarka nie wyświetla znaczników HTML tylko używa ich do interpretacji zawartości strony:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Struktura strony HTML


Poniżej znajduje się wizualizacja strony HTML:

<html>
<body>
<h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>



Wersje HTML



WersjaRok
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

Deklaracja <!DOCTYPE>


Deklaracja <!DOCTYPE> pomaga przeglądarce poprawnie wyświetlić stronę internetową.

Jest wiele różnych dokumentów w internecie. Przeglądarka może wyświetlić stronę w 100% poprawnie tylko jeżeli wie jaka została użyta wersja i typ HTML.

Przykłady deklaracji <!DOCTYPE>


HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Brak komentarzy:

Prześlij komentarz