Wielu blogerów zaczyna samodzielną pracę z kodami. Początkowo każdy próbuje swoich sił w CSS'ach no i w kopiowaniu skryptów Java wklejając je do odpowiedniego miejsca (w bloggerze - gadżetu) na stronie. Niestety z czasem nasze wymagania wzrastają, co wiąże się z edycją tej zaawansowanej części bloga. Wchodzisz więc w edycję kodu HTML i co widzisz... wszystko! Litery, liczby, słowa, ale nie zrażaj się! Może i na pierwszy rzut oka kod odstrasza, ale nie jest to wszystko takie straszne, na jakie się wydaje. Jak to mówią ,,nie oceniaj książki po okładce"..
Na początku musisz wiedzieć czym jest HTML. A mianowicie - jest to tekst, za pomocą którego buduje się strony internetowe, który opiera się na tzw. znacznikach, czyli tagach.
Natomiast tag (znacznik) jest to znak, bądź słowo kluczowe przypisane do określonej informacji, np. tekstu. Znaczniki są zapisywane z użyciem ostrych nawiasów, np. <a>LINK</a> (znacznik podwójny) lub <img /> (znacznik pojedynczy).
Na początku musisz wiedzieć czym jest HTML. A mianowicie - jest to tekst, za pomocą którego buduje się strony internetowe, który opiera się na tzw. znacznikach, czyli tagach.
Natomiast tag (znacznik) jest to znak, bądź słowo kluczowe przypisane do określonej informacji, np. tekstu. Znaczniki są zapisywane z użyciem ostrych nawiasów, np. <a>LINK</a> (znacznik podwójny) lub <img /> (znacznik pojedynczy).
Jak już wiesz, pliki HTML to pliki tekstowe z rozszerzeniem .html lub .htm, które są interpretowane przez przeglądarkę i pokazywane w ładniejszej formie, a jest nią końcowy efekt naszej strony internetowej.
Wiemy również czym jest tag, ale jak on wygląda? Przykładowym i najprostszym znacznikiem jest często używany kod zawierający link do bloga, strony, czy zdjęcia, np.
<a href="http://fursora.blogspot.com/">KLIK</a>
Widzisz kod, rozumiesz jego funkcję, ale nadal nie wiesz z czego jest zbudowany, tak więc.. podany tag zbudowany jest z ostrych nawiasów, napisu, jaki ma wyświetlić link oraz adresu, do którego przejdziemy po kliknięciu. To ogólnie. Ale przejmy do szczegółów.
Tutaj tag nazywany jest img (z ang. image), czyli obraz. Atrybutami jest width (szerokość), height (wysokość) oraz src (z ang. source), czyli źródło.
<a href="http://fursora.blogspot.com/">KLIK</a>
Każdy tag ma swoją nazwę, w tym przypadku jest nią ,,a" i tego właśnie przestrzegamy. Na każdej stronie tag o nazwie a oznacza hiperłącze, czyli link. Każdy otwarty tag musi się również zamykać, dlatego otwarty znacznik <a href=""> musisz zamknąć </a>. Znacznik zamykający zawiera dodatkowo /. Natomiast wszystko co znajduje się pomiędzy znacznikami jest naszym hiperłączem. W tym przypadku mamy słowo KLIK, co oznacza, że po kliknięciu na to słowo przeniesiemy się na podlinkowaną stronę. Oprócz tego pojawia się słowo href, czyli po prostu adres pod jaki ma nas zaprowadzić link. Czym jest: href=" "? Są to atrybuty, czyli właściwości danego znacznika, które znajdują się w środku tagów. Tutaj atrybutem jest adres URL.
Dla sprostowania: nazwa_atrybutu="wartość", np.
przy obrazku atrybutami będą wartości, np. wysokość i szerokość
Warto zwrócić uwagę, że znacznik nie zawsze jest podwójny (<a>LINK</a>), może być również pojedynczy, np. przy obrazku:Każdy tag ma swoją nazwę, w tym przypadku jest nią ,,a" i tego właśnie przestrzegamy. Na każdej stronie tag o nazwie a oznacza hiperłącze, czyli link. Każdy otwarty tag musi się również zamykać, dlatego otwarty znacznik <a href=""> musisz zamknąć </a>. Znacznik zamykający zawiera dodatkowo /. Natomiast wszystko co znajduje się pomiędzy znacznikami jest naszym hiperłączem. W tym przypadku mamy słowo KLIK, co oznacza, że po kliknięciu na to słowo przeniesiemy się na podlinkowaną stronę. Oprócz tego pojawia się słowo href, czyli po prostu adres pod jaki ma nas zaprowadzić link. Czym jest: href=" "? Są to atrybuty, czyli właściwości danego znacznika, które znajdują się w środku tagów. Tutaj atrybutem jest adres URL.
Dla sprostowania: nazwa_atrybutu="wartość", np.
href ="html://fursora.blogspot.com"
przy obrazku atrybutami będą wartości, np. wysokość i szerokość
width="30" height="30"
<img width="30" height="30" src="link do obrazka" />
Tutaj tag nazywany jest img (z ang. image), czyli obraz. Atrybutami jest width (szerokość), height (wysokość) oraz src (z ang. source), czyli źródło.
Jak to wygląda w praktyce?
LINK
<a href="http://naskrobane.blogspot.com">KLIK</a>
DZIAŁANIE
OBRAZEK
<img width="50" height="50" src="http://vignette4.wikia.nocookie.net/theofficialmeme/images/2/23/Troll.jpg/revision/latest?cb=20120514150623" />
DZIAŁANIE
Podsumowując!
HTML (z ang. HyperText Markup Language - hipertekstowy język znaczników) jest tekstem, za pomocą którego możemy budować strony internetowe.
Tag (znacznik) to element na stronie www zapisany z użyciem ostrych nawiasów:
podwójnych:
<a> </a>
pojedynczych:
<img />
Atrybut to cecha znacznika w postaci: nazwa_atrybutu="wartość", np.
<a href="link do strony">KLIK</a>
<img src="link do obrazka" />
Brak komentarzy:
Prześlij komentarz