«

»

Lis 03

Wydrukuj to Wpis

html-różne tagi

html-rozne-tagi

Ten temat obejmuje różne kształty kursorów, przycisk w postaci obrazka, wykresy graficzne, tabelę znaków HTML, listę kolorów, przycisk wstecz i do przodu, narzędzia wyboru kolorów, itd…

Zmienić kształt kursora

Zmiana kursora
1
<div style="cursor: move;">Zmiana kursora</div>

Zmiana kursora
1
<div style="cursor:help;">Zmiana kursora</div>

Zmiana kursora
1
<div style="cursor:copy;">Zmiana kursora</div>

Zmiana kursora
1
<div style="cursor:pointer;">Zmiana kursora</div>

Przycisk w postaci obrazka

1
<button type="submit"><img src="link do zdjęcia" align=absMiddle></button>


Wykresy graficzne

1
2
3
4
5
<div style="float: left; width:10%; height:16px; background-color:#930;">&nbsp;</div>
<div style="float: none;">&nbsp;&nbsp;5% — Yandex</div>
<div style="float: left; width:25%; height:16px; background-color:#990;">&nbsp;</div> <div style="float: none;">&nbsp;&nbsp;25% — Yahoo</div>
<div style="float: left; width:40%; height:16px; background-color:#690">&nbsp;</div>
<div style="float: none;">&nbsp;&nbsp;70% — Google</div>
 
  5% — Yandex
 
  25% — Yahoo
 
  70% — Google

Pełna tabela znaków specjalnych kodu HTML
/ &#8260; &#8364; &#8482; ® &#174; © &#169;
&#8242; &#8243; &#8249; &#8250; ? &#8254;
&#8224; &#8225; &#8226; &#8230; &#8240;
&#8216; &#8217; &#8218; &#8220; &#8221;
&#8211; ~ &#732; ^ &#710; š &#353; Š &#352;
Y &#376; o &#339; O &#338; y &#255; ? &#254;
ý &#253; ü &#252; ú &#251; o &#249; ÷ &#247;
ö &#246; o &#245; ô &#244; ó &#243; o &#242;
n &#241; ? &#240; i &#239; î &#238; í &#237;
i &#236; ë &#235; e &#234; é &#233; e &#232;
ç &#231; a &#230; a &#229; ä &#228; a &#227;
â &#226; á &#225; a &#224; ß &#223; ? &#222;
? &#191; × &#215; Ý &#221; Ü &#220; U &#219;
Ú &#218; U &#217; O &#216; O &#213; Ô &#212;
Ó &#211; O &#210; N &#209; ? &#208; I &#207;
Î &#206; Í &#205; I &#204; Ë &#203; E &#202;
A &#197; A &#198; Ç &#199; E &#200; É &#201;
Ä &#196; A &#192; Á &#193; Â &#194; A &#195;
° &#176; » &#187; 1 &#188; 1 &#189; 3 &#190;
&#34; & &#38; < &#60; > &#62; c &#162;
L &#163; ¤ &#164; Y &#165; ¦ &#166; § &#167;
! &#161; a &#170; « &#171; ¬ &#172;   &#160;
&#175 ± &#177; 1 &#185 2 &#178; 3 &#179;
´ &#180; µ &#181; &#182; · &#183; ¸ &#184;
&#9742; &#9743; &#9754; &#9755; &#9756;
&#9757; &#9758; &#9759; &#9728; &#9729;
&#9730; &#9731; &#9732; &#9733; &#9734;
&#9735; &#9760; &#9761; &#9762; &#9763;
&#9764; &#9765; &#9766; &#9767; &#9768;
&#9769; &#9770; ϑ &#9771; &#9772; &#9773;
&#9774; &#9775; &#9784; &#9786; &#9787;
&#9788; &#9789; &#9790; &#9791; &#9792;
&#9793; &#9794; &#9795; &#9796; &#9797;
&#9798; &#9799; &#9800; &#9801; &#9802;
&#9803; &#9804; &#9805; &#9806; &#9807;
&#9808; &#9809; &#9810; &#9811; &#9812;
&#9813; &#9814; &#9815; &#9816; &#9817;
&#9818; &#9819; &#9820; &#9821; &#9822;
&#9723; &#9824; &#9725; &#9726; &#9727;
&#9828; &#9829; &#9830; &#9831; &#9832;
&#9833; &#9834; &#9355; &#9836; &#9837;
&#9838; &#9839; &#9840; &#9841; &#9842;
&#10017; &#21325; &#8623; &#9988; &#9992;


Lista kolorów

Tekst 1

Tekst 2

Tekst 3

1
2
3
4
5
<font color=red>&bull;</font>Tekst 1
 
<font color=blue>&bull;</font>Tekst 2
 
<font color=green>&bull;</font>Tekst 3

Przycisk wstecz

1
<form><input type="button" value="Wstecz" onclick="history.go(-1)"></form>

Wstecz

1
<a href="javascript:history.go(-1)">Wstecz</a>

Przycisk do przodu

1
<form><input type="button" value="Do przodu" onclick="history.go(+1)"></form>

Do przodu

1
<a href="javascript:history.go(+1)">Do przodu</a>

Narzędzia wyboru colorów

1
<object type=application/x-shockwave-flash data="link do pliku .swf" width=500 height=400><param name=movie value="link do pliku .swf"></object>

Permalink do tego artykułu: http://tmall.com.pl/html-rozne-tagi/

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Możesz użyć tych znaczników i atrybutów HTMLa: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>