HTML

HTML #9 – Przykładowy szablon

Poniżej prosty, dwukolumnowy szablon zbudowany na podstawie tabeli.

 

 

 

 

(czytaj dalej…)


HTML #8 – Tabele

Struktura tabeli kształtuje się następująco

 

 

(czytaj dalej…)


HTML #7 – Odsyłacze

Odróżniamy kilka rodzajów odsyłaczy. Niewątpliwie najczęściej stosowanym jest odsyłacz do podstrony. Ma on następującą postać:

<a href="index.html">Strona główna</a>

Atrybut href jak widać przyjmuje w wartości nazwę pliku, który chcemy wczytać po kliknięcie na napis Strona główna. Drugim rodzajem odsyłacza jest odsyłacz obrazkowy

<img src="obraz.jpg" alt="Tekst alternatywny" />

Jak widać znacznik <img> nie posiada tagu zamykającego. Wobec tego na końcu wstawiamy />zamiast >. Atrybut src działa na tej samej zasadzie do href w <a>. Natomiast alt=”Tekst alternatywny” to tekst, który wyświetli się, jeśli obrazek nie zostanie załadowany.


HTML #6 – Zaawansowane formatowanie

Umiemy już pogrubiać, podkreślać, pochylać tekst oraz wyświetlać go w linii oraz bloku. Pozostaje nam nauczyć się zmiany jego wielkości, kroju oraz koloru.

 

(czytaj dalej…)


HTML #5 – Znaczniki blokowe

Znaczniki blokowe i efekty ich wywołania.

<p>To jest paragraf</p><p>A to drugi paragraf, zostanie on wyświetlony pod pierwszym paragrafem(akapitem)</p>
To jest paragraf
A to drugi paragraf, zostanie on wyświetlony pod pierwszym paragrafem(akapitem)

Do elementów blokowych zaliczamy także <div>


HTML #4 – Znaczniki liniowe

Znaczniki liniowe i efekty ich wywołania.

<b>Ten tekst zostanie pogrubiony</b>

Ten tekst zostanie pogrubiony

<i>Ten tekst zostanie pochylony</i>

Ten tekst zostanie pochylony

<u>Ten tekst zostanie podkreślony</u>

Ten tekst zostanie podkreślony

<u>Ten tekst jest podkreślony<b>, a ten ponadto pogrubiony</b> i znów podkreślony</u>

Ten tekst jest podkreślony, a ten ponadto pogrubiony i znów podkreślony


HTML #3 – Formatowanie tekstu

Do formatowania tekstu służą znaczniki wyświetlane blokowo oraz liniowo. Nie będziemy dogłębnie zgłębiać tego tematu. Należy jednak wiedzieć, że elementy liniowe są wyświetlane w linii(co jest logiczne). Jeśli użyjemy znacznika blokowego u góry i u dołu tekstu zostanie automatycznie dodana nowa linia(enter). Aby wstawić „enter” w kod naszej strony należy posłużyć się znacznikiem <br />.


HTML #2 – Szablon dokumentu

Aby poinformować przeglądarkę, że ma do czynienia z dokumentem typu HTML należy na samym początku wstawić znacznik <html> – jednocześnie na samym końcu powinno się go zamknąć odpowiednim znacznikiem zamykającym jakim jest </html>. Tak oto utworzyliśmy ramę dokumentu.

 

(czytaj dalej…)


  • Kategorie

  • Najnowsze komentarze

    • Ładowanie...
  • Losowa publikacja

  • © 2009-2010 Komeniusz dev-blog. Wszystkie prawa zastrzeżone.
    Motyw iDream: Templates Next , tłumaczenie: WordpressPL | Działa na WP

    Partner