HTML #9 – Przykładowy szablon

Sty 19
2010

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

 

 

 

 

Czytaj dalszą część wpisu »

HTML #8 – Tabele

Sty 19
2010

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

 

 

Czytaj dalszą część wpisu »

HTML #7 – Odsyłacze

Sty 19
2010

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

Sty 19
2010

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 dalszą część wpisu »

HTML #5 – Znaczniki blokowe

Sty 19
2010

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

Sty 19
2010

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

Sty 19
2010

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

Sty 19
2010

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 dalszą część wpisu »