wtorek, 16 kwietnia 2013

Mój ulubiony język obcy... HTML.

Czasem działając w sieci musisz coś przerobić poprawić w kodzie HTML jak sobie z tym poradzić? 
Postanowiłam Ci pomóc. Faktycznie lepiej mi idzie rozumienie HTML- a niż angielskiego, pewnie bardziej mi zależy ;)
Więc dziś dla Ciebie mały słownik, dosłownie kilka znaczników, które wydają mi się dla Ciebie najbardziej przydatne.
Otworzyłam ten tekst w HTML-U  i mam takie znaczki  
<b><span style="font-size: large;"><span style="font-family: Arial,Helvetica,sans-serif;">Czasem działając w sieci musisz coś przerobić poprawić w kodzie HTML jak sobie z tym poradzić?&nbsp;</span></span></b><br />

<b> oznacza pogrubienie
</b>zakończenie pogrubienia to co będzie między tymi znacznikami będzie wytłuszczone.
Podobnymi znacznikami jest <i> </i>czyli kursywa, pochylenie tekstu  
oraz podkreślenie tekstu<u></u>

<span style="font-size: large;" wielkość czcionki ustawiona na large czyli wielką
<span style="font-family: Arial,Helvetica,sans-serif;" to nazwa czcionki okresla jak wyglądaja litery

<br> znacznik który jest przełamaniem wiersza będziemy pisać w następnej linijce po nim, kilka znaczników <br> robi odstęp między akapitami. 

Kolory są określane w  szesnastkowym kodzie (HEX), podstawowe kolory można wpisywać słownie w języku angielskim np:
black  to #000000 
silver to #C0C0C0 
gray to #808080 
white to #FFFFFF
maroon to #800000
red to #FF0000
purple to #800080
fuchsia to #FF00FF
green to #008000
lime to #00FF00
olive to #808000
yellow to #FFFF00
navy to #000080
blue to #0000FF
teal to #008080
aqua to #00FFFF

Znacznik <A> to kotwica. Anchor tekst może być przydatny jeśli chcemy wstawić link do jakiejś strony:

<a href="http://tu wpisujemy adres strony(najlepiej skopiować go z paska adresu przeglądarki) " target="_top">Tu wpisujemy napis widoczny na naszej stronie, po kliknięciu na niego, przeniesiemy się na stronę wpisaną na niebiesko</a>

target="_top" określa miejsce otwarcia przywoływanego dokumentu.

W kodzie html-a wygląda to tak:

<a href="http://przepisnaebiznes.blogspot.com/" target="_top">Moja strona</a>

Na stronie widzimy tak: 
Moja strona

<FRAME>  to znacznik ramki. Możesz  potrzebować tej informacji do zmiany koloru ramki lub usunięcia jej.
<IMG> to znacznik obrazka. 
Ma kilka atrybutów, myślę, że Ciebie najbardziej będzie interesować atrybut height wysokość i width szerokość, są podawane w pikselach. 
Jest to przydatne kiedy jakiś obrazek nam się nie mieści i chcemy go zmniejszyć.

Jeśli obrazek jest jednocześnie odnośnikiem do innej strony, jest połączony z anchor tekstem i wygląda to tak:
 
<a href="http:adres strony do której odsyła obrazek"><img src="http:/nazwa obrazka lub strona z obrazkiem" width="250" height="250" alt="" /></a> 

Znacznik alt określa napis jaki pojawi się po najechaniu kursorem na obrazek. 

<p> to znacznik akapitu. 

<iframe>  to pływająca ramka może w niej być umieszczony np widget

<iframe src="http://pływająca ramka&c=all&fc=0000FF&noborder=1&nobg=1&text=0&bgc=fff&nr=5" style="width:280px;height:270px;border:0px;"></iframe>
 Specyficzne atrybuty
  • align - wyrównanie ramki (top, bottom, left, right)
  • frameborder - włączenie lub wyłączenie obramowania (1|0)
  • height - wysokość ramki
  • longdesc - adres dokumentu opisującej szerzej ramkę
  • marginheight - pionowy margines ramki
  • marginwidth - poziomy margines ramki
  • name - unikatowa nazwa ramki
  • scrolling - określenie, czy ramka może być przewijana (yes, no, auto)
  • src - dokument ładowany do ramki na starcie
  • width - szerokość ramki
 Myślę, że to na początek wystarczy, jeśli potrzebujesz więcej tłumaczeń z Html-a na nasze: napisz do mnie
 
 
 

Brak komentarzy:

Prześlij komentarz

Zostaw swój komentarz