Indeks górny w HTML można uzyskać za pomocą znacznika <sup>jakiś tekst</sup>, np. tak:
To <sup>jest</sup> coś
To jest coś
Podobnie można zrobić indeks dolny – w tym jednak przypadku należy użyć znacznika <sup>:
To <sub>jest</sub> coś
To jest coś
Archiwum kategorii ‘Webmaster’
Jak uzyskać indeks górny i indeks dolny w HTML
niedziela, 16 Marzec 2008Jak zmienić font za pomocą stylów CSS
niedziela, 16 Marzec 2008Do zmiany czcionki za pomocą CSS służy polecenie font-family:
div {
font-family: Verdana, Arial, Helvetica;
}
Po dwukropku można podać jedną lub więcej nazw czcionek które mają być użyte. Zaleca się podanie więcej niż jednego fontu, gdyż w przypadku gdy w przeglądarce nie jest dostępny pierwszy, spróbuje ona użyć drugiego z listy, potem trzeciego i tak aż wykorzysta wszystkie wymienione fonty. Jeżeli żaden z nich nie będzie dostępny w systemie, wtedy użyje tego który jest ustawiony w przeglądarce jako domyślny.
Wstawianie grafiki na stronę HTML
sobota, 15 Marzec 2008Aby wstawić grafikę na stronę HTML najprościej jest użyć znacznika <img>:
<img src="obrazek.jpg" width="400" height="200" alt="Mój obrazek" title="Mój obrazek">
Znacznik <img> posiada kilka atrybutów które należy podać:
- src – wskazuje on adres obrazka do wstawienia na stronę WWW;
- width – wysokość obrazka w pikselach; ten parametr jest opcjonalny;
- height – szerokość obrazka w pikselach; ten parametr jest opcjonalny;
- alt i title – tekst alternatywny, który pojawi się po najechaniu myszką na obrazek.
Atrybut alt jest zalecany przez standard, ale nie powoduje wyświetlenia tekstu po najechaniu myszką na obrazek w przeglądarce Firefox, i dlatego trzeba dodać jeszcze atrybut title aby to działało wszędzie.
Atrybuty width i height są co prawda opcjonalne, ale polecam je jednak podać. Dzięki temu przeglądarka będzie wiedzieć ile miejsca na stronie zajmie obrazek po wczytani, i dzięki temu zarezerwuje odpowiednio dużo miejsca na niego. Dzięki temu strona będzie się wczytywać bez charakterystycznego „skakania” treści, co się dzieje gdy nie poda się rozmiarów obrazka.
Jak działa pole checkbox w formularzach HTML
sobota, 15 Marzec 2008Pole checkbox (pole wyboru) wstawia się do formularza następująco:
<input type="checkbox" name="nazwa" value="wartosc">
Tak wstawione pole pojawi sie na formularzu. Jeżeli ktoś go zaznaczy i wyśle formularz, wśród przesłanych do serwera elementów formularza znajdzie się pole o nazwie nazwa z przypisaną wartością wartosc. W przypadku gdy to pole jednak nie było zaznaczone, do serwera nie zostanie ono wysłane. Dlatego też obsługując formularz z polem checkbox musisz być na to przygotowany.
Można też wykorzystać to że pole nie jest wysyłane jeżeli nie jest zaznaczone, i w ten sposób sprawdzać czy zostało ono zaznaczone:
<?php
if (isset($_POST['nazwa'])) print "Pole jest zaznaczone"; else print "Pole nie jest zaznaczone";
?>
Jak wstawić grafikę w CSS
sobota, 15 Marzec 2008Wstawianie grafiki w CSS polega na umieszczeniu jej jako tła wybranego elementu. Robi się to następująco za pomocą komendy background-image:
div
{
background-image: url(obrazek.jpg)
}
Adres obrazka który jest podawany wewnątrz nawiasów po słowie kluczowym url jest podawany tak jak zwykle, czyli jest zwykłym adresem URL. W szczególności może on też prowadzić do innego serwera. Pamiętaj jednak że linkowanie obrazków z innych serwisów bez zgody ich właścicieli jest źle widziane. Możesz np. dowiedzieć się od kogoś odwiedzającego Twoją stronę że zamiast obrazka który tam wstawiłeś wyświetla się coś innego, coś czego sam osobiście byś tam nigdy nie wstawił.