Tło i pisownia w html




Tło na chomika


<div style="background-color:#E1D4C1;">TUTAJ CAŁA TREŚĆ STRONY</div>



Poniżej podaje kody, które zmieniają kolor tła.







Kolor tekstu

<font color="green">Ten tekst jest zielony</font>


Ten tekst jest zielony




Żeby zmienić kolor na inny wystarczy, że w cudzysłowiu wpiszesz inną nazwę koloru używając nazewnictwa angielskiego. Jednak z powodu, że nie wszystkie przeglądarki należycie interpretują nazwy własne kolorów zalecane jest używanie kodu HEX (heksadecymalny).
Na wstępie podam jedynie kilka podstawowych kolorów... a już w niedługim czasie opublikuję w odbrębnym poście rozszerzoną tablicę z kodowaniem HEX, nazwą własną i może rgb. :)


Rodzaje czcionek

Tak wyglądają standardowe czcionki w przypadku Windows`a:
Czcionka Arial 
Czcionka tahoma
Czcionka Georgia
Czcionka Verdana 
Czcionka 'Trebuchet MS' 
Czcionka 'Times New Roman' 
Czcionka 'Courier New'


Do zmiany czcionki wykorzystamy znacznik &lt;font&gt; z wykorzystaniem atrybutu face. 
Oto przykładowy kod:


font face="georgia">Tak wygląda czcionka Georgia</fon

Tak wygląda czcionka Georgia


Zwróć uwagę, że wiele nazw czcionek składa się z kilku wyrazów.
W takim przypadku dodatkowo nazwę czcionki bierzemy w apostrofy
 (pojedyncze cudzysłowy) 'tekst objęty w apostrof'. Tak będzie prezentował się kod:


<font face="'Times New Roman'">Czcionka Times New Roma



Wyśrodkowanie tekstu


<center>To jest tekst wyśrodkowany</center>



To jest tekst wyśrodkowany



Tekst pogrubiony


Aby nasz tekst został pogrubiony wykorzystamy do tego znacznik <b> gdzie literka "b" jest skrótem od angielskiego słowa "bold" czyli pogrubienie. Prawda, że proste? A kod wygląda tak:


<b>Przykład tekstu pogrubionego </b>

Przykład:  
Przykład tekstu pogrubionego


 Tekst pochylony


Nauczyłeś się pisać tekstem pogrubionym teraz śmiało możemy przejść do tekstu pochylonego. Jest to równie łatwe jak wytłuszczanie (pogrubianie) czcionki. Wykorzystamy znacznik nadający kursywę <i> z angielskiego "italic" czyli kursywa. Tak będzie wyglądał kod:

<i>To jest przykład tekstu pochylonego</i>


Przykład:  
To jest przykład tekstu pochylonego


Tekst podkreślony

Masz za sobą już dwa rodzaje znaczników i przyszedł czas na kolejny. Będziemy podkreślać fragment tekstu. Wykorzystamy do tego znacznik <u> z angielskiego "underline" czyli podkreślenie. Tak wygląda kod:

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



Przykład:
Ten tekst jest podkreślony



Wielkość czcionki





Wiesz już jak pogrubić, pochylić i podkreślić tekst. Teraz zajmiemy się powiększaniem tekstu... Pamiętaj aby nie nadużywać dużej czcionki w Chomikowych rozmowach. Czasem zbyt duża czcionka może zostać odebrana jako SPAM.
Posłużymy się tutaj znacznikiem <font>. Tan znacznik służy do określenia jednego lub więcej parametrów czcionki np: rodzaju czcionki, koloru a w naszym przypadku wielkości. 

Tak wygląda kod służący do manipulowania wielkością czcionki:



<font size="1">Czcionka o rozmiarze 1</font>


W miejscu wyróżnionym kolorem niebieskim możesz wpisywać liczby, które nadadzą odpowiednią wielkość czcionce.


Przykład:
Czcionka o rozmiarze 1  
Czcionka o rozmiarze 2  
Czcionka o rozmiarze 3 (czcionka domyślna) 
Czcionka o rozmiarze 4  
Czcionka o rozmiarze 5  
Czcionka o rozmiarze 6


Pozdrawiam

Lifenika.


Wyszukiwarka

Podobne podstrony:
Tło i pisownia w html
estetyczne ztonowane tlo
Alfabet rosyjski i zasady pisowni rosyjskiej
HTML
Ramki w HTML
kurs html rozdział II
Pisownia ę ą en em om
MechTeor wyk 4 oddziływania na konstrukcję biale tlo
pisownia ch 1 id 359180 Nieznany
Z ó pisownię każdy zna, dla dzieci, dysleksja
Bogucki D, html i rozne prace, Prezentacja maturalna
PISOWNIA WYRAZÓW Z ą ę(1), Notatki, Filologia polska i specjalizacja nauczycielska
HTML, PJWSTK, 0sem, MUL
ABSTRAKCYJNE TŁO
Basic Codes HTML
zajęcia HTML
Pisownia U,Ó