HTML -mini poradnik.doc

(1349 KB) Pobierz
<b>Pogrubiony tekst</b>)

<b>Pogrubiony tekst</b>)

 

<font color="blue">Niebieski tekst</font>

 

Aby ułożyć długi tekst w akapity po prostu wstaw kilka lub kilkanaście zdań, które mają tworzyć jeden akapit pomiędzy znaczniki <p> a </p>. Jeśli chcesz wyjustować tekst w ramach akapitu użyj <p align="justify"> </p>.

 

Aby uzyskać odstęp o konkretnej wysokości użyć należy następującego zestawu znaczników:
<table border="0" cellpadding="0" cellspacing="0"><tr><td height="liczba_px"></td></tr></table>
w miejsce liczba_px wstawiając taką liczbę pixeli, jaką wysokość ma mieć odstęp

 

Aby w opisie pogrubić fragment tekstu należy użyć znacznika <b>tu_tekst</b>.
Analogicznie, aby tekst pochylić należy użyć <i>tu_tekst</

 

Przykład:

Wpisz w pole "Opis": <b>Super okazja!</b> <i>Polecam!</i>

a otrzymasz:

Super okazja! Polecam!

 


Zaawansowane porady:

Jeśli w opisie aukcji użyto tzw. stylu (ang. style), to by zachować rozmiar i rodzaj czcionki, do znacznika <b> lub <i> dodać należy atrybut style="" w takiej samej postaci jak w całej reszcie dokumentu. Np. <b style="font-family: Arial; font-size: 12px">Tekst pogrubiony, czcionka Arial, wielkość 12 pixeli</b>.

 

 

 

Jak zmienić kolor tekstu?

 

Tekst opisu jest tworzony w języku HTML (więcej informacji).

Aby w opisie zmienić kolor czcionki należy użyć znacznika <font color="tu_angielska_nazwa_koloru">tu_tekst</font>
Najpopularniejsze z dopuszczalnych nazwy kolorów (obok standardowego "black"):

gray (szary), silver (srebrny), blue (niebieski), navy (granatowy), red (czerwony), maroon (bordowy), green (zielony), olive (oliwny), purple (purpurowy)


Przykład:

Wpisz w pole "Opis": <font color="red">Gwarancja - 12 miesięcy!</font>

a otrzymasz:

Gwarancja - 12 miesięcy!


Zaawansowane porady:

Kolory tekstu można wpisywać także używając kodów szesnastkowych, np. <font color="#008000">tekst</font> daje ten sam efekt co <font color="green">tekst</font> (#008000 to kod zieleni). Tabelę kolorów znajdziesz na wielu stronach w polskim Internecie, np. - tutaj.

 

 

Jak zmienić tło?

 

Tekst opisu jest tworzony w języku HTML (więcej informacji).

Aby zmienić tło strony z opisem aukcji należy użyć znacznika <body background="tu_link_do_pliku"> na początku tekstu opisu.
Nie jest możliwe określenie koloru za pomocą angielskiej nazwy tak jak w przypadku zmiany koloru tekstu. Konieczne jest podanie pełnego linku do pliku z nowym tłem. Dla ułatwienia umieszczamy poniżej odnośniki do kilku przykładowych teł. Tekst obok tła należy po prostu wstawić w miejsce tu_link_do_pliku, np. <body background="/site_images/1/0/help/backgrounds/szare.gif">

 


Przykładowe tła i linki do nich:

 

 

 


Zaawansowane porady:

Jeśli chcesz, możesz też zmienić jedynie kolor tła części z opisem (między pomarańczowym paskiem z napisem "Opis i zdjęcie:" a zdjęciem i listą licytujących). W tym celu należy wstawić link do pliku z tłem w miejsce tu_link_do_pliku, a treść opisu w miejsce tu_treść_opisu do poniższej sekwencji znaczników:

<table border="0" width="100%"><tr><td background="tu_link_do_pliku"> tu_treść_opisu </td></tr></table>

 

 

 

Jak dodać link (odnośnik)?

 

Tekst opisu jest tworzony w języku HTML (więcej informacji).

Aby dodać link (odnośnik) do opisu należy użyć znacznika <a href="tu_pelny_adres_strony">tu_tekst</a>
Pamiętaj, by w miejsce tu_pelny_adres_strony wstawić pełny adres strony, łącznie z "http://" na początku.

Nie zapomnij też, iż niedozwolone jest podawanie w opisie linków ani adresów witryny, na której oferowane są na sprzedaż te same produkty co na aukcji. Intencją umieszczenia linku powinno być tylko i wyłącznie poszerzenie informacji na temat oferowanego przedmiotu.


Przykład:

Wpisz w pole "Opis": <a href="http://www.google.com">Wyszukiwarka Google</a>

a otrzymasz:

Wyszukiwarka Google


Zaawansowane porady:

Możesz też łatwo sprawić, że po kliknięciu na link strona otworzy się w nowym oknie przeglądarki. W tym celu wystarczy do znacznika <a href="tu_pelny_adres_strony"> dodać target="_blank". I tak po wpisaniu Wyszukiwarka Google, kliknięcie na stworzony link będzie skutkowało otwarciem nowego okna ze stroną Google.

 

 

Jak załadować zdjęcia z własnego serwera?

 

Tekst opisu jest tworzony w języku HTML (więcej informacji).

Wystawiając przedmiot na aukcję możesz dołączyć do 8 zdjęć. Możesz jednak wykorzystać dodatkowo każde zdjęcie, jakie znajdziesz w Internecie (pod warunkiem, że nie naruszasz w ten sposób praw autorskich - w razie wątplwości zwróć się do właściciela witryny, z której chcesz pobrać obrazek).

Aby dodać zdjęcie do opisu należy użyć znacznika <img src="tu_link_do_zdjęcia">.
W miejsce tu_link_do_zdjecia wstawić należy pełny adres obrazka (z "http://" na początku).  Żecz

Rzecz



Aby go zdobyć wystarczy kliknąć prawym klawiszem na zdjęciu i wybrać "Właściwości" ("Properties"). Na wysokości napisu "Adres" ("URL") znajdziesz pełny adres zdjęcia - wstaw go w miejsce tu_link_do_zdjęcia.

Jeśli chcesz dodać więcej zdjęć, możesz oddzielić je znacznikami <br> - każde będzie wówczas w nowej linijce.

 


Przykład:

Wpisz w pole "Opis": <img src="http://moto.allegro.pl/site_images/1/12/moto-logo.gif">

a otrzymasz:

 

 


Zaawansowane porady:

Możesz także umieścić zdjęcie na własnym serwerze, co przydaje się np. w sytuacji, gdy oryginalny obrazek jest umieszczony na powolnym (zagranicznym) serwerze bądź chcesz go dodatkowo zmodyfikować za pomocą programu graficznego. W tym celu skontaktuj się ze swoim dostawcą usług internetowych bądź załóż konto w jednym z darmowych serwisów.

 

 

 

<body background="http://www.tapety.xns.pl/krajobrazy1/Aighting.jpg"><p align="justify"></td></tr></table><table border="3" width="100%"><tr><td background="http://www.tapety.xns.pl/krajobrazy1/Aighting.jpg"> <b> <table border="0" cellpadding="3" cellspacing="0"><tr><td height="liczba_px"><b style="font-family: Times New Roman; font-size: 25px"><font color="red"Karta Dennisa Rodmana z błędem<br><br>Karta Dennisa Rodmana z błędem<br><br> Cała rzecz polega na tym że przy lini produkcyjnej maszyna wstawiająca znaczki UPPER DECK- małe hologramy zrobiła błąd i go nie wstawiła<br><br>Jest to nielada gratka dla kolekcjonerów gdyz takie błędy sie zdarzają żadko,  tak więc nie znajdziesz drugiej karty Dennisa Rodmana z sezonu Upper Deck Collector's Choice 97-98 nr 17 z błędem nie wklejenia hologramu gdyż jest to przypadek losowy<br><br>Karta w stanie idealnym wyjęta prosto z paczki i trzymana w folii<br><br>Karta jest Rare i bardzo wartościowa<br><br>Wysyłka 3zł <br><br><a href="http://aukcja.onet.pl/show_user_auctions.php?uid=521722">Zapraszam na inne moje aukcje gdzie znajdziecie dużo zagranicznych kart i wiele rare</a></font></td></tr></table>

 

 

nba.pl/galeria/jordan/jordan0004.jpg">">

 

<table border="100" width="100%"><tr><td background="http://www.onet.pl/_m/1843f40ce9c3559e8840d4f685f9aee1.jpg">

 

<b style="font-family: Arial; font-size: 30px">

 

<font color="red">

 

WItajcie wszyscy

</font>

</b>.

</td></tr></table>

 

<br><br>

<center>

<table border="50" width="10%" color="red"><tr><td background="http://www.onet.pl/_m/631434ad7e48242a66ba18ae69c5dd16.jpg">

 

<b style="font-family: Arial; font-size: 20px">

 

<font color="red">

 

WItajcie wszyscy

</font>

</b>.

</td></tr></table>

 

 

<table cellspacing="0" cellpadding="0" width="90%" align="center">

  <tr>

    <td><img src="http://e-nba.pl/news/data/upimages/NBA.jpg" width="80" height="80"></td>

<td background="http://e-nba.pl/news/data/upimages/NBA.jpg">&nbsp;</td>

    <td><img src="http://e-nba.pl/news/data/upimages/NBA.jpg" width="80" height="80"></td>

  </tr>

  <tr>

    <td width="28" background="http://e-nba.pl/news/data/upimages/NBA.jpg">&nbsp;</td>

    <td bgcolor="#5da9dd"><table width="100%" border="0" cellpadding="0" cellspacing="80" background="">

      <tr>

        <td><table align="center" width="100%" border="0" cellspacing="0" cellpadding="25">

            <tr>

              <td background="" align="center">

<table><tr><td>

 

<table border="5" width="100%"><tr><td background="http://www.onet.pl/_m/1843f40ce9c3559e8840d4f685f9aee1.jpg">

 

<b style="font-family: Arial; font-size: 12px">

 

<font color="red">

 

 

<center><b>SET 9 kart SIZZLIN' SOPHS<br><br>HOOPS 1995<br><br><br> Karty rzadkie i wartosciowe<br>Złote napisy - słabo widać na skanie<br>Stan Idealny<br>m.in. Jason Kidd oraz eddie </td></tr></table>

<galeria>

</td></tr></table>

              </td>

            </tr>

        </table></td>

      </tr>

    </table></td>

    <td width="26" background="http://e-nba.pl/news/data/upimages/NBA.jpg">&nbsp;</td>

  </tr>

  <tr>

    <td width="26"><img src="http://e-nba.pl/news/data/upimages/NBA.jpg" width="80" height="80"></td>

    <td background="http://e-nba.pl/news/data/upimages/NBA.jpg">&nbsp;</td>

    <td width="26"><img src="http://e-nba.pl/news/data/upimages/NBA.jpg" width="80" height="80"></td>

  </tr>

</table>

 

 

 

 

 

 

<table cellspacing="0" cellpadding="0" width="90%" align="center">

  <tr>

    <td><img src="http://e-nba.pl/news/data/upimages/NBA.jpg" width="80" height="80"></td>

<td background="http://e-nba.pl/news/data/upimages/NBA.jpg">&nbsp;</td>

    <td><img src="http://e-nba.pl/news/data/upimages/NBA.jpg" width="80" height="80"></td>

  </tr>

  <tr>

    <td width="28" background="http://e-nba.pl/news/data/upimages/NBA.jpg">&nbsp;</td>

    <td bgcolor="#5da9dd"><table width="100%" border="0" cellpadding="0" cellspacing="80" background="">

      <tr>

        <td><table align="center" width="100%" border="0" cellspacing="0" cellpadding="10">

            <tr>

              <td background="" align="center">

 

 

 

 

 

<table><tr><td><p>

<table border="5" width="100%"><tr><td background="">

 

<b style="font-family:Times New Roman; font-size: 20px"><b><Center>Karty Upper Deckrrrrrrrrrrrrrrrrrrrrrrrrr

 

<font color="black">

<br><br>

 

<table border="5" width="100%"><tr><td background="">

tryrtytryrt

<b style="font-family: Arial; font-size: 12px">

rtytryrtyrt

<table border="5" width="100%"><tr><td background="">

yrtyrtyrty

<b style="font-family: Arial; font-size: 12px">

yrtrtyrtyrty

<table border="5" width="100%"><tr><td background="">

 

<b style="font-family: Arial; font-size: 12px">

 

<table border="5" width="100%"><tr><td background="">

 

<b style="font-family: Arial; font-size: 20px">

<font color="red">

<center><b><table border="0" width="100%"><tr><td background="http://pejzaze.onet.pl/_i/tapety/natura/bgonettur55.jpg"> SET 9 kart SIZZLIN' SOPHS </td></tr></table><table border="0" width="100%"><tr><td background="http://pejzaze.onet.pl/_i/tapety/natura/bgonettur49.jpg"> Karty rzadkie i </td></tr></table>SET 9 kart SIZZLIN' SOPHS<br>HOOPS 1995<br><br> Karty rzadkie i </td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

 

 

<table border="5" width="100%"><tr><td background="">

 

<b style="font-family:Times New Roman; font-size: 20px"><b><Center>Karty Upper Deckrrrrrrrrrrrrrrrrrrrrrrrrr

 

<font color="black">

<br><br>

 

<table border="5" width="100%"><tr><td background="">

 

<b style="font-family: Arial; font-size: 12px">

 

<table border="10" width="100%"><tr><td background="">

 

<b style="font-family: Arial; font-size: 12px">

 

<table border="5" width="100%"><tr><td background="">

 

<b style="font-family: Arial; font-size: 12px">

 

<table border="10" width="100%"><tr><td background="">

 

<b style="font-family: Arial; font-size: 12px">

 

<center><b>SET 9 kart SIZZLIN' SOPHS<br>HOOPS 1995<br><br> Karty rzadkie i </p></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

<galeria>

</td></tr></table>

              </td>

            </tr>

        </table></td>

      </tr>

    </table></td>

    <td width="26" background="http://e-nba.pl/news/data/upimages/NBA.jpg">&nbsp;</td>

  </tr>

  <tr>

    <td width="26"><img src="http://e-nba.pl/news/data/upimages/NBA.jpg" width="80" height="80"></td>

    <td background="http://e-nba.pl/news/data/upimages/NBA.jpg">&nbsp;</td>

    <td width="26"><img src="http://e-nba.pl/news/data/upimages/NBA.jpg" width="80" height="80"></td>

  </tr>

</table>

 

 

 

 

 

 

 

http://republika.pl/blog_it_161914/210738/tr/upcch94-951.jpg

 

http://republika.pl/blog_it_161914/210738/tr/upcch94-95shaq.jpg

 

http://republika.pl/blog_it_161914/210738/tr/upcch94-95hill.jpg

 

<img src="http://republika.pl/blog_it_161914/210738/tr/upcch94-951.jpg ">.
...

Zgłoś jeśli naruszono regulamin