HTML – #2 Podstawowe znaczniki

html #2

W tej części poradnika przybliżę podstawowe znaczniki stosowane w HTML.

W poprzednim poradniku opisałem znaczniki html, head i body. W tym zajmę się znacznikami takimi jak „p”, „h1”, „h2”, „h3”, „h4”, „h5”, „h6”, „a”, „div”.

Znacznik <p>

Znacznik <p> (ang. paragraph) stosowany jest jak sama nazwa mówi do dodawania akapitów tekstu. Jest on stosowany głównie do pisania zwykłego niewyróżnionego tekstu, będącego główną częścią np. bloga.

Stosujemy go dodając między znaczniki pożądany przez nas tekst:

Dzięki takiej konstrukcji przeglądarka wyświetli nam niczym nie wyróżniający się tekst.

Znacznik <h1>

Kolejnymi podstawowymi znacznikami są znaczniki z prefiksem „h” z numeracją od h1 do h6. Litera „h” w tym znaczniku wzięła się od angielskiego słowa „header” oznaczającego nagłówek. Znaczniki „h” używane są właśnie do tworzenia nagłówków.

Najważniejszym nagłówkiem jest <h1>, którym oddzielane są najważniejsze treści w tekście. Następny w kolejności jest <h2> i tak dalej aż do <h6> będącego najniżej w hierarchii nagłówków, a zarazem wyżej od znacznika <p>.

Przykładowa konstrukcja wykorzystująca znaczniki nagłówków:

Znacznik <a>

Znacznik <a> stosowany jest do tworzenia odnośników wewnątrz strony. Ma on wszechstronne zastosowanie, od użytku w menu, aż do generowania odnośników do stron zewnętrznych.

Znacznik ten stosowany jest wraz z parametrem „href” który określa docelową lokalizację odnośnika.

Link do naszej strony

Jako adres docelowy można również wybrać adres mailowy, co uruchomi zainstalowaną skrzynkę pocztową (jeśli takowa jest zainstalowana) i otworzy okno nowej wiadomości z wpisanym docelowym adresem mailowym. Posiada on także możliwość wpisania gotowego tematu maila.

Napisz do nas!

Znacznik <div>

Znacznik <div> stosowany jest do oddzielania poszczególnych części strony internetowej, pozwalając na porządkowanie kodu i używanie innego formatowania dla każdej z części. Umożliwia to chociażby oddzielenie nagłówka i stopki od pozostałej części witryny. Podział witryny może być równie dobrze o wiele bardziej złożony. Oddzielony może być równie dobrze każdy akapit strony. Wszystko leży w kwestii gustu twórcy strony.

Więcej znaczników znajdziecie w kolejnej części poradnika, który ukaże się już niebawem.

47-72-65-79-20-68-61-74-2c-20-70-72-6f-67-72-61-6d-69-73-74-61-2c-20-77-65-62-64-65-76-65-6c-6f-70-65-72-0a-41-64-6d-69-6e-69-73-74-72-61-74-6f-72-20-43-72-61-63-6b-63-61-74

12 odpowiedzi do “HTML – #2 Podstawowe znaczniki”

  1. Excellent pieces. Keep posting such kind of information on your
    blog. Im really impressed by it.
    Hello there, You’ve done a fantastic job. I will
    definitely digg it and individually recommend to my friends.
    I’m confident they will be benefited from this web site.

  2. I’m really impressed with your writing skills as well as with the layout on your blog.

    Is this a paid theme or did you customize it yourself? Either way keep up the nice quality writing, it’s rare to see a great blog like this one today.

  3. Great post. I used to be checking continuously this weblog and I’m inspired!

    Extremely helpful info specially the last part 🙂 I handle such
    information much. I was looking for this particular info
    for a very lengthy time. Thanks and best of luck.

  4. hey there and thank you for your info – I’ve
    definitely picked up something new from right here.
    I did however expertise some technical issues using
    this web site, as I experienced to reload the site many times previous to
    I could get it to load properly. I had been wondering if your hosting is OK?
    Not that I’m complaining, but slow loading instances times will often affect your placement in google and could damage your high quality score if ads and marketing with Adwords.
    Well I’m adding this RSS to my e-mail and can look out for much more of your respective exciting content.
    Make sure you update this again very soon.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *