Linki – bez tego nie byłoby internetu
Tak myślę i jestem pewny, że tak właśnie jest. Można się obejść bez kolorów, grafiki, zdjęć… praktycznie wszystkiego. Co tu dużo mówić, na linkach opiera się cała sieć. Tag odpowiedzialny za link jest prosty 
<a href="http://www.adresstrony.pl">www.adres-strony</a>
wynikiem takiego wpisu będzie podlinkowany napis www.adres-strony
<a href="maito:adres-email@adresstrony.pl">mój email</a>
tutaj wynikiem będzie podlinkowany napis mój email, po kliknięciu którego otwiera się domyślny program pocztowy z nową wiadomością adresowaną w tym wypadku do adres-email@adresstrony.pl.
Składnia tagu a składa się z:
- tagu otwierającego, który zawiera dodatkowe atrybuty oraz adres, który musi być w cudzysłowie, obojętnie pojedynczym lub podwójnym
<a href="ADRES" class="klasa" id="ID" target="_blank">
- tekstu odnośnika, który może być zamieniony na obrazek, w tym celu zamiast tekstu wpisujemy tag obrazka
- oraz tagu zamykającego
</a>
Na co zwracać uwagę na początku?
Na początku należy wyrobić sobie kilka nawyków, między innymi:
Zagnieżdżać kod – może się wydawać banalne, ale takie jest to tylko na początku, kiedy nasza strona ma powiedzmy kilka, kilkanaście linii, później robią się schody i kod staje się nieczytelny.
Na czy to polega? Poniżej przykład niezagnieżdżonego kodu – mniej czytelnego i zagnieżdżonego. Nie zwracaj uwagi na tagi, których nie znasz, w tym przykładzie chodzi tylko o czytelność kodu.
<html> <head> <title>Tytuł strony</title> </head> <body> <div><p>tekst</p> <div><p>drugi tekst</p></div> <div>stopka</div> </div> </body</html>
Jak widzicie niewiele tego, a już stało się mało czytelne.
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
<div>
<p>tekst</p>
<div>
<p>drugi tekst</p>
</div>
<div>stopka</div>
</div>
</body>
</html>
Kolejna sprawa to:
Komentowanie kodu – z tym przyznam się na początku jest problem, bo często się wydaje, że nie trzeba komentować, przecież to czytelne, albo dajemy za obszerne komentarze. To co wydaje się zbędne okazuje się bardzo pomocne, jeśli musimy zrobić jakieś poprawki w swoim kodzie po np. pół roku, pamięć jest zawodna. Co do ilości komentarza to nie trzeba pisać, np. tutaj umieszczamy nagłówek, tylko np. nagłówek.
Poniżej jeszcze raz kod, tym razem z komentarzami.
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
<div>
<!-- nagłówek -->
<p>tekst</p>
<!-- koniec_nagłówek -->
<div>
<!-- treść -->
<p>drugi tekst</p>
<!-- koniec_treść -->
</div>
<!-- stopka -->
<div>stopka</div>
<!-- koniec_stopka -->
</div>
</body>
</html>
Oczywiście na tak banalnym przykładzie wygląda to banalnie. Ale lepiej zacząć coś takiego robić od początku, bo jakoś wchodzi to w krew, a potem jest łatwiej coś pisać.
A jak się uczyć html-a?
Moim zdaniem nie robić z kodem rzeczy typu, kopiuj – wklej tylko klepać. Chodzi mi o sam początek. Daje to efekt taki, że zapamiętujemy tagi i mniej musimy pomagać sobie zewnętrznymi materiałami.
No to tyle
Tworzymy pierwszą stronę – witaj świecie w html-u
Zaczniemy od zupełnego standardu w programowaniu, czyli wyświetlenia na naszej pierwszej stronie słów: Witaj świecie!
Co potrzebujemy do stworzenia pierwszej naszej strony? Zupełnym minimum jest zwykły notatnik z windows plus przeglądarka internetowa. I dzisiaj pozostaniemy przy tym. następnym razem opiszemy sobie kilka edytorów + przeglądarki internetowe. Ok, więc zaprojektujmy pierwszą stronę www.
Język html, jak każdy język programowania ma swoją składnie. Składnia html składa się z tzw. tagów. każdy tag jest w nawiasach klamrowych, najczęściej są to pary
tag otwierający <tag> i zamykający </tag>
choć zdarzają się wyjątki, kiedy Jak w każdym języku programowania tak i html ma możliwość komentowania kodu, poniżej przykład jak powinien być wpisany komentarz:
Każdy poprawny dokument html musi posiadać następujące sekcje: Sekcja html jest główną sekcją, która wewnątrz posiada dwie sekcje, head i body. Poniżej nasz pierwszy kod, przepisz go dokładnie tak jak poniżej: Jeśli wszystko pisałeś jak powyżej to zapisz swój pierwszy dokument i nadaj mu rozszerzenie .html np. pierwsza-strona-www.html lub index.html. Po zapisaniu kliknij dwa razy, powinna się otworzyć domyślna przeglądarka internetowa i efekt powinien być taki jak na obrazku poniżej.<tag />
<!-- To jest pierwszy komentarz /-->
<html>
<head>
<title>Witaj świecie!</title><!-- jeden z ważniejszych
tagów - tytuł strony /-->
</head>
<body>
<!-- treść strony widoczna dla wszystkich /-->
<p>Witaj świecie! - pierwsze nasze zdanie na dopiero co
utworzonej stronie www</p>
<!-- koniec treści /-->
</body>
</html>
Najnowsze komentarze