Do tworzenia listy punktowej w html wykorzystujemy znacznik<ol>możemy również stworzyć listę wypunktowaną przy wykorzystaniu znacznika <ul>. Potrzebny będzie nam jeszcze znacznik kolejnych pozycji <li>
Wykorzystanie znacznika<ul>i <li>na przykładzie
Numery
<ol>
<li>Pierwsza pozycja</li>
<li>Drugi punkt</li>
</ol>
Wypunktowanie
<ul>
<li>Punkt pierwszy</li>
</ul>
</li>
</ul>
</ol>
</ol>
Drugi punkt
Wypunktowanie
Drugi punkt
Nofollow to link, które umieszczone na stronie nie przekazują wartości page rank witryny. Bardziej w pozycjonowaniu wartościowe są więc link dofollow. Linki nofollow domyślnie są ustawione na blogach korzystających z wordpressa.
Dziś zajmiemy się z jednym z podstawowych właściwości linków. Na początku co to jest atrybut „dofollow”? To przekazywanie wartości strony (page rank). Jeżeli umieścimy link do naszej witryny, w którym linki będą dofollow, to roboty przeszukujące dodadzą naszej stronie część witryny na której jest nasz link.
Link dofollow jest ważny ponieważ pozwala nam zyskiwać wyższy page rank. Często jednak się składa, że linki mają nofollow, wtedy wartość nie jest przekazywana.
Jak zatem sprawdzić czy strona na którą dodajemy nasz link jest dofollow?
Służą do tego wtyczki, na pewno znajdziecie w internecie rozszerzenia zarówno na przeglądarkę firefox czy chrome, które będą pokazywać nam czy link jest dofollow czy nofollow.
W bardzo prosty sposób możemy umieścić na swojej stronie tabelę, wystarczy tylko poznać kilka znaczników.
<table>- określa początek i koniec tabeli
<tr> określa początek i koniec wiersza tabeli
<td> określa początek i koniec kolumny tabeli
Przykład
<table>
<tr><td>1</td> </tr>
<tr><td>2</td> </tr>
<tr><td>3</td> </tr>
<tr><td>4</td> </tr>
</table>
a wynik tego da:
| 1 |
| 2 |
| 3 |
| 4 |
Strona bez obrazów nie prezentuje się zbyt dobrze, choćby była jak najlepiej sformatowana. Wstawianie obrazów na stronę to podstawowa czynność jaką powinniśmy umieć.
Na początku należy napisać, że na stronę stawiamy najczęściej pliki graficzne z rozszerzeniem jpg, gif. Dlaczego akurat takie? Są one skompresowane i zajmują zdecydowanie mniej miejsca niż np. grafika typu bmp. Dlatego pamiętaj, na stronę nie stawiaj plików wysokiej jakości, po prostu taka strona zbyt długo będzie się wczytywać.
Przejdźmy jednak do wstawienia pliku graficznego
<img src=”ścieżka_do_pliku” alt=”tekst alternatywny” />
częstym błędem jest po prostu złe podanie ścieżki, musimy pamiętać hierarchię folderów, dodatkowo dodajemy atrybut alt chodzi o sytuacją gdy obraz nie zostanie wczytany to zamiast niego pojawi się tekst zastępujący go.
Przykład:
<img src=”obrazy/foto.jpg” alt=”zdjęcie z wakacji”>
Jako odsyłacz (odnośnik do innego miejsca) wykorzystujemy znacznik <a> (anchor-kotwica). Naszym odsyłaczem do innego miejsca może być nie tylko tekst, może to być również zdjęcie, z odpowiednim wpisaniem znacznika. Do znacznika <a> musimy jeszcze dodać atrybut href (wartość adresu url).
Przykład:
Zróbmy odnośnik do strony głównej na strony której się znajdujemy:
<a href=”http://taniestrony24.pl”> tanie strony 24 </a>
Jak widzimy zaczynamy od znacznika <a> i jego atrybutu href i cudzysłowie wpisujemy adres jaki chcemy by się otworzył, zamykamy znacznik, a za nim wpisujemy tekst który ma się pokazać użytkownikowi w naszym przypadku będzie to tanie strony 24
Oczywiście znacznik a może prowadzić również do innych stron jak interia.pl, onet.pl
Jak trafiłeś na tą stronę? Pewnie odpowiedź będzie brzmieć przez wyszukiwarkę, ewentualnie kliknąłeś w link promujący na innej witrynie. Dziś zajmiemy się wyszukiwarką, kto z niej nie korzysta, szukamy w niej informacji do szkoły, do pracy, lub po prostu dla rozrywki. Jak widzimy wpisując frazę wyszukiwarka daje nam odpowiedzi w postaci linków adresów www i tak trafiasz na różne strony w sieci. Wyszukiwarki posiadają ogromną bazę witryn . Wyszukiwarki zbierają dane o witrynach i je analizują by dać jak najtrafniejszą odpowiedź na zapytanie, nazywamy to indeksowaniem strony.
Co indeksują wyszukiwarki:
słowa kluczowe
treść strony
tytuł strony
domeny
liczbę stron do których jest odwołanie do witryny
Wyszukiwarki mają zaawansowane algorytmy, które nie są do końca znane, lecz te wyżej wymienione czynniki mają na pewno znaczenie przy pozycjonowaniu.
Zobacz jak dodać witrynę do wyszukiwarki google kliknij
Przyjrzyjmy się bliżej znacznikowi <body> który jak wiemy, jest tyle ważny, że w nim wpisujemy to co wyświetli się na naszej stronie.
Wykorzystując ten znacznik możemy ustawić atrybut dla wszystkich elementów strony
Kolor tła strony
<body bgcolor=”kolor”>
Obraz w tle strony
<body background=”plik”>
<body style=”bakckground-image:url(plik)”>
Teraz napiszemy pierwszą własna stronę w HTML.
Zaczynamy od znacznika <html> i na nim kończymy </html> wszystko przez to że znaczniki zamykamy obowiązkowo w kolejności odwrotnej niż je otwieraliśmy.
<html>
<head>
Informacje nagłówkowe>
</head>
<body>
Treść naszej strony
</body>
</html>
<head> to nagłówek strony
<body> Tutaj umieszczamy informacje, które wyświetlą się na naszej stronie, może być to grafika, tekst, wszystko musi koniecznie znajdować się między tymi znacznikami by móc widzieć naszą stronę. Kończymy oczywiście </body>
Gdzie tą stronę pisać by można zobaczyć efekt?
Wystarczy zwykły edytor tekstowy, w którym wybieramy z menu „zapisz jako” i dajemy nazwastrony.html
pamiętajmy by dać rozszerzenie html
HTML to język znacznikowych (ang.tag) Odpowiadają one za to, gdzie i w w jaki sposób treść jest układana na stronie, jak jest formatowana.
Znacznik wygląda tak <> czyli nawiasy ostre. Należy dodać jeszcze że wyróżniamy jeszcze znaczniki otwierające i zamykające,np <b>Ten tekst jest pogrubiony do momentu zamknięcia go znacznikiem </b> teraz tekst jest już bez pogrubienia.
