Siarkowski o 11:08, 21 lis 2010

2010-11-21T11:08:58Z

Siarkowski: Utworzył nową stronę „

HTML - co to takiego?

'''HTML''' to skrót od angielskiego HyperText Mark-up Language Jest to swoisty język programowania, który służy do "opisu stron". ...”

2010-11-20T22:01:30Z

Utworzył nową stronę „<h1>HTML - co to takiego?</h1> '''HTML''' to skrót od angielskiego HyperText Mark-up Language Jest to swoisty język programowania, który służy do "opisu stron". ...”

Nowa strona

<h1>HTML - co to takiego?</h1>

'''HTML''' to skrót od angielskiego HyperText Mark-up Language Jest to swoisty język programowania, który służy do "opisu stron". "Opis stron" to reguły określania wyglądu tekstu (wielkość, czcionka, pogrubienie, kursywa itd.). Najważniejszą cechą HTML jest to, że jest on kompatybilny z każdym systemem operacyjnym (Windows, MacOS, OS/2, rożne odmiany Unixa, itd.). Choć HTML jest językiem programowania, to jest on o niebo łatwiejszy od TurboPascala, czy C++ i można go opanować w kilka dni. Pierwsza, publicznie dostępna, specyfikacja języka HTML, nazwana HTML Tags (pol. Znaczniki HTML), została zamieszczona w Internecie przez '''Bernersa-Lee''' w 1991. Zawiera 22 znaczniki, tworzące początkowy, prosty szkielet HTML-a. Trzynaście z tych elementów istnieje do tej pory w specyfikacji HTML To wszystko, co powinieneś wiedzieć w skrócie o html'u

<h1>Komponenty języka HTML </h1>

{| WIDTH="100%" cellpadding="0" cellspacing="0" style="background-color: #f2fff2; border: solid 1px #bfffbf; padding: 5px;"
| style="background-color: #c1ffc1; border: solid 1px #a0ffa0; border-bottom: 1px solid #888; padding: 5px;" | <font size="-1">Co to jest Komponent</font>
|-
|
niezależnie wytworzony, skompilowany (z ukrytymi szczegółami implementacyjnymi) moduł programowy, udostępniający swą funkcjonalność za pomocą jednoznacznie zdefiniowanego interfejsu, zdolny do współdziałania z większą całością (systemem) oraz innymi komponentami.
|}

Język HTML składa się z kilku kluczowych komponentów:

<ul><li>znaczników i ich atrybutów</ul>
<ul><li>odwołań w postaci encji</ul>
<ul><li>deklaracji typu dokumentu</ul>
<ul><li>typów danych</ul>
<ul><li>referencji znakowych</ul>

<h1>Jak wygląda typowy dokument HTML</h1>

Stronę WWW tworzy się podobnie jak zwykły dokument tekstowy: po otwarciu edytora HTML, należy wybrać opcję z menu: Plik/Nowy. Teraz można już zacząć pisanie strony. ednak ponieważ dokument HTML nie jest całkowicie zwykłym plikiem tekstowym (zawiera hipertekst, osadzone obrazki i musi być poprawnie wyświetlany w różnych systemach operacyjnych dlatego wymyślono specjalny szablon dokumentu HTML, który powinien być przestrzegany.
<pre><!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu wpisz opis zawartości strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
<title>Tu wpisz tytuł strony</title>
</head>
<body>

Tu wpisuje się treść strony

</body>
</html></pre>

Większość edytorów HTML przy tworzeniu nowego dokumentu automatycznie wpisuje swój własny szablon - zbliżony do powyższego. Jeśli chcesz, możesz z niego skorzystać, modyfikując opisane poniżej fragmenty. Proponuję jednak zastąpić go szablonem przedstawionym w tym rozdziale. Również w tym przypadku wszystkich zmian należy dokonywać bezpośrednio w trybie edycji kodu źródłowego HTML! Jeśli posiadasz edytor graficzny, musisz się do niego przełączyć, natomiast edytory tekstowe najczęściej posiadają tylko taki tryb - wtedy nie trzeba nic przełączać.

<h1>Co to są podstrony?</h1>

Praktycznie wszystkie serwisy internetowe składają się z pewnej liczby podstron, a nie tylko z jednej, bardzo długiej, strony głównej. Każda podstrona to po prostu osobny plik (z rozszerzeniem *.html lub *.htm), który tworzy się w taki sam sposób, jak stronę główną (przy użyciu szablonu przedstawionego powyżej) ułatwia to użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu, co trwałoby prawdopodobnie bardzo długo.

{| WIDTH="100%" cellpadding="0" cellspacing="0" style="background-color: #f2fff2; border: solid 1px #bfffbf; padding: 5px;"
| style="background-color: #c1ffc1; border: solid 1px #a0ffa0; border-bottom: 1px solid #888; padding: 5px;" | <font size="-1">W nazwach plików lepiej nie używać:</font>
|-
|
<ul><li>WIELKICH liter</ul>
<ul><li>polskich liter (ą, ć, ę, ż itp)</ul>
<ul><li>znaków specjalnych (\ / : * ? " < >)</ul>
<ul><li>spacji (jeśli musisz, w zamian używaj podkreślnika '''_''')</ul>
|}

Jeśli nie zastosujesz się do tych zaleceń, może się okazać, że po wprowadzeniu strony do Internetu, pliki takie nie wczytają się

@@ Linia 21: / Linia 21: @@
 <ul><li>typów danych</ul>
 <ul><li>referencji znakowych</ul>
@@ Linia 62: / Linia 86: @@
 Jeśli nie zastosujesz się do tych zaleceń, może się okazać, że po wprowadzeniu strony do Internetu, pliki takie nie wczytają się

HTML - Historia wersji

Siarkowski o 11:08, 21 lis 2010

Siarkowski: Utworzył nową stronę „

HTML - co to takiego?