Obecnie używasz przeglądarki internetowej do czytania tej strony internetowej napisanej w języku programowania HTML.
Dokumenty HTML
Strony internetowe składają się z dokumentów HTML, podobnie jak pliki na Twoim komputerze. Dokumenty HTML są po prostu dokumentami tekstowymi z rozszerzeniem .html (Podobnie jak obrazki mające rozszerzenie .jpg lub .gif).
Prawdopodobnie na Twoim komputerze znajduje się wiele plików o różnych rozszerzeniach:
.jpgdla plików będących obrazkami.mp3dla plików zawierających muzykę.avidla plików będących filmami.docdla wszystkich dokumentów programu Word.xlsdla plików Excela
Każdy z tych typów plików może zostać otwarty jedynie przy użyciu specjalnego programu. Niektóre programy są przeznaczone jedynie do otwierania plików z konkretnym rozszerzeniem. Inne mogą zarówno otwierać jak i tworzyć pliki konkretnego typu.
Domyślnie rozszerzenie pliku jest ukryte. W tym kursie, może zajść potrzeba edytowania rozszerzenia plików. Poniższe instrukcje pokażą Ci, w jaki sposób można włączyć pokazywanie rozszerzenia pliku obok jego nazwy w Twoim systemie:
Windows: Pokazywanie lub ukrywanie rozszerzeń plików
Mac: Pokazywanie lub ukrywanie rozszerzeń plików
Dla przykładu:
- W programie iTunes można otworzyć pliki o rozszerzeniu
.mp3, jednak program ten nie pozwala na tworzenie plików o takim rozszerzeniu. - Program Microsoft Word potrafi zarówno otwierać jak i tworzyć pliki z rozszerzeniem
.doc.
| Program | Typ programu | Można otworzyć pliki z tymi rozszerzeniami | Czy można również utworzyć plik? |
|---|---|---|---|
| Microsoft Word | Edytor tekstowy |
.doc
.docx
|
Tak |
| Paint | Program graficzny |
.jpg
.gif
.bmp
|
Tak |
| VLC | Odtwarzacz wideo |
.avi
.mpg
|
Nie |
| iTunes | Odtwarzacz muzykier |
.mp3
.wav
.aiff
|
Nie |
| Firefox | Przeglądarka internetowa |
.html
|
Nie |
| Notepad++ | Edytor tekstowy |
.text
.html
|
Tak |
Program służący do otwierania dokumentów HTML to przeglądarka internetowa. Przykładem takigo programu może być Firefox lub Google Chrome. Program służący do tworzenia dokumentów HTML to edytor tekstowy. Przykładem takiego programu może być Notepad++ lub Sublime Text.
Kod źródłowy HTML
Kod HTML wygląda następująco:
<p>Witaj świecie!</p>Powyższy kod został napisany z użyciem edytora tekstowego. Jak widzisz, użyto tagów <p> i </p>, które oznaczają paragraf.
Otwarcie takiego dokumentu przy uzyciu przeglądarki internetowej spowoduje, że użyte tagi nie zostaną wyświetlone tylko zinterpretowane przez przeglądarkę:
Witaj świecie!
Przeglądarka wyłapuje tagi, takie jak <p> i </p>, dzięki czemu wie, że zdanie Witaj świecie! jest paragrafem.
Pamiętaj! Dokument HTML może zostać otwarty na dwa sposoby:
- za pomocą edytora tekstu, który widzi i umożliwia edycję kodu źródłowego wraz z tagami
- za pomocą przeglądarki, która interpretuje kod źródłowy wraz z zawartymi tagami i wyświetla je zgodnie z konwencją HTML
Lista przeglądarek internetowych
Od kiedy Sieć stała się głównym elementem Internetu, każde urządzenie takie jak komputer czy smartfon dostarczany jest z domyślnie zainstalowaną przeglądarką.
Najbardziej popularne przeglądarki to:
Google Chrome
Mozilla Firefox
Internet Explorer
Opera
Safari
Lista edytorów tekstowych
Najbardziej popularne edytory tekstu to:
Notepad++
Sublime Text
Aby móc pisać z użyciem języka HTML i CSS musisz zainstalować jeden z dostępnych edytorów. Nie muszą to być jednak te wymienione powyżej. Znajdź taki, który odpowiada najbardziej Twoim preferencjom.
Reszta tego kursu nie wymaga od Ciebie pisania żadnego kodu, jednakże samodzielne próby są bardzo rekomendowane.