7880121246

Grafika - pusty znacznik <IMG>

Przykład:

Uwaga na lokalizację pliku graficznego - tu w folderze obrazki, podrzędnym do foldera z naszym plikiem html.

Hiperłącza (odsyłacze) - znacznik <A>

Odsyłaczem jest konstrukcja, która wskazuje pewne miejsce w Internecie i pozwala skoczyć do niego za pomocą kliknięcia na niej myszką. Jej konstrukcję można przedstawić w postaci:

<A href= "adres strony" > Tekst (lub obrazek), który należy kliknąć </A>

Np.

<A href= " http://www.wp.pl" > Wirtualna Polska </A>

<A href="http://www.microsoft.com/poland/"> Microsoft </A>

<A href="mailto:imię nazwisko@adres"> Napisz do autorów tej strony</A>

Ćwiczenie

Wykonać stronę z elementami z powyższej instrukcji, według własnego projektu.

Arkusze stylów CSS

Można zastosować poszczególne cechy w atrybucie Style dla znaczników, np.:

<P style="font-size:18px; co!or;red;font-weight:bold"> Tekst</P>

<TABLE style="background-color:blue;border:2px solid green">.....tu wiersze i kolumny......</TABLE>

Poszczególne cechy stylu oddzielamy średnikami.

Własne style można dowolnie nazywać, np. "nagłówek", "akapitczerwony" (tzw. klasa). Można je zadeklarować w osobnym pliku lub wprost na wybranej stronie WWW.

W nagłówku strony, w sekcji HEAD umieścić swoją definicję stylu pomiędzy znacznikami <STYLEx/STYLE>.

<STYLE type="text/css"> hl.td (color: green;}

.nagłówek {color: red; font-size:30px;}

,gruby_w_ramce {font-weight: bold;border:2px solid green) p.duza {font-size:30px;}

</STYLE>

</HEAD>

<BODY>

<Hl>Nagłówek strony</Hl>

<a href="http://www.signs.pl/html/" class="naglowek">Duży link do strony SIGNS</A>

<P> Standardowy akapit</P>

<P style="color:blue;font-size:50px"> Bezpośredni opis stylu</P>

<SPAN class-'gruby_w_ramce"> Opis klasy </SPAN>

<P class="duza"> Akapit opisanej klasy <I>duza</I> </P>

</BODYx/HTML>

W przykładzie zostały zdefiniowany styl dla elementów HI i TD i trzy style o nazwach klas: nagłówek i gruby_w_ramce i duża.

Najczęściej spotykane jest przypisanie stylu do istniejącego elementu HTML. Kropka przed nazwą stylu określa, że styl jest selektorem klasy, czyli klasa będzie miała nadaną przez nas nazwę, którą można potem użyć jako atrybut class dla dowolnego elementu HTML. Cechy stylu opisujemy w nawiasach klamrowych. Wszystkie tytuły HI i komórki tabeli TD będą miały kolor zielony (color: green;) Nagłówek ma mieć czerwony kolor (color: red;) i wielkość 30 pikseli (font-size:30px;). Styl gruby_w_ramce będzie posiadał opisane cechy. Duża to klasa, ale tylko dla akapitów <P>.

Wyszukiwarka

Podobne podstrony:
DSCN0952 Grafika - formatowanie Parametry znacznika IMG • src="URr - źródło
img46 Multimedia1. Obrazki * Zwykłe (domyślnie): <IMG SRC="ścieżka dostępu
img47 Multimedia - obrazki c.d. O określonym ustawieniu względem tekstu: <IMG SRC- ścieżka dostąp
img29 (2) Odsyłacz obrazkowy<A HREF—1adres" ><IMG SRC— ścieżka dostępu do obrazka"
<img src> jest to znacznik służący do wstawiania obrazka do dokumentu html. Przykład składni:
Nowe znaczniki semantyczne - figurę i figurecaption <figure> <img src="globus.jpg"
DSCN0953 Grafika -rozmiar Opcje: WIDTH i HIGHT: <IMG SRC=obrazek.gif WIDTH="piksele lub
Kod do obrazków To jest kod do wklejania obrazkw<img src=“7> A taki żeby byt obrazek na środku
img57 Ramki c.d.Znacznik FRAME <FRAMESET> <FRAME SRC ="ścieżka" NAME=" nazwa
DHTML0104 Marginesy i obramowania Listing 6.10. Obramowania będą miały zarówno znaczniki <IMG>
szablon 2 <P ALIGN=CENTER><img src="http://chomikuj.pl/lmage.aspx?id=187695750" /
Wstawianie obrazków: <img src=”nazwa_pliku_z_obrazkiem"> IMG jest skrótem od Image
Kolorowe pismo 2 Kolorowe pismo krok po kroku str.2 <img src=" " l><a

więcej podobnych podstron