Witajcie!!
Z pewnością wielu z Was wie, że nowe forum pozwala na użycie składni HTML we własnych wpisach. Aby przybliżyć i nieco rozjaśnić Wam różne elementy i narzędzia, którym można użyć w trakcie pisania powstał podstawowy poradnik.
Uwaga: Niektóre z opisanych poniżej kodów mogą być niedostępne z uwagi na poziom zaufania. Dodatkowe informacje odnośnie poziomu zaufania możecie znaleźć tutaj.
Wybierz kategorię:
Formatowanie tekstu
Pogrubienie b
<b>I need healing!</b>🡺 I need healing!
Kursywa i
<i>I need healing!</i>🡺 I need healing!
Przekreślenie s
<s>I need healing!</s>🡺I need healing!
Skrócenie abbr
Najedź kursorem na skrót aby zobaczyć pełny tekst
<abbr title="Well played">WP</abbr>🡺 WP’
Zaznaczenie tekstu ins
<ins>I need healing!</ins>🡺 I need healing!
Usunięty tekst del
<del>I need healing!</del>🡺I need healing!
Keyboard tekst kbd
Naciśnij <kbd>H</kbd> aby zmienić bohatera🡺 Naciśnij H aby zmienić bohatera
Fragment kodu code
<code>I need healing!</code>🡺I need healing!
Cytat blokowy blockquote
<blockquote>I need healing!</blockquote>
I need healing!
Indeks górny sup
I need <sup>healing!</sup>🡺 I need healing!
Indeks dolny sub
I need <sub>healing!</sub>🡺 I need healing!
Rozmiar czcionki
Duża czcionka big
<big>I need healing!</big>🡺 I need healing!
Mała czcionka small
<small>I need healing!</small>🡺 I need healing!
Nagłówek 1 h1
<h1>I need healing!</h1>I need healing!
Nagłówek 2 h2
<h2>I need healing!</h2>I need healing!
Nagłówek 3 h3
<h3>I need healing!</h3>I need healing!
Nagłówek 4 h4
<h4>I need healing!</h4>I need healing!
Nagłówek 5 h5
<h5>I need healing!</h5>I need healing!
Nagłówek 6 h6
<h6>I need healing!</h6>I need healing!
Odnośniki i obrazki
Tekst z odnośnikiem ahref
<a href="https://eu.forums.blizzard.com/pl/heroes/c/dyskusja-ogolna">Dyskusja Ogólna</a>🡺 Dyskusja Ogólna
Obrazki
Rozpoczynamy od znacznika img. Można teraz zastosować dodatkowe atrybuty:
- src wskazuje źródło obrazka w internecie. Ważne aby link był zakończony formatem: .jpg, .jpeg, .png, .bmp lub .gif.
Jeśli obrazek z jakiegoś powodu będzie niedostępny pod wskazanym linkiem wówczas pojawi się napis po znaczniku alt
Aby określić wysokość i szerokość należy użyć znaczników:
width dla osi X
height dla osi Y
<img src="https://i.imgur.com/u5VGRMO.jpg" alt="HOTS!" width="400" height="230"/>
Obrazek z odnośnikiem
<a href="https://i.imgur.com/3vTkngo.png"><img src="https://i.imgur.com/3vTkngo.png"/></a>
Filmy
Filmy z Youtube nie wymagają kodu HTML. Wystarczy zamieścić link do filmu i powinien automatycznie zostać dodany.
https://www.youtube.com/watch?v=Z5GMG5tDn9s
Tabele i listy
Tabele
Tabela jest definiowana poprzez znacznik table. Następnie należy dodać:
-
Nagłówek tabeli dodajemy używając znacznika th
-
Każde inne dane dodajemy za pomocą znacznika td
-
Znacznik tr umożliwia przejście do następnego wiersza tabeli
><table> ><th>Win Rate (%)</th> ><th>Yrel</th> ><th>Deckard</th> ><th>Junkrat</th> ><th>Maltael</th> ><tr> ><td>PC</td> ><td>46.01</td> ><td>51.06</td> ><td>49.94</td> ><td>51.05</td> ><tr> ><td>PS4</td> ><td>42.63</td> ><td>49.17</td> ><td>50.21</td> ><td>50.77</td> ><tr> ><td>XB1</td> ><td>43.38</td> ><td>49.81</td> ><td>50.27</td> ><td>50.75</td> ></table>
Win Rate (%) Ana Medivh Junkrat Zarya PC 46.01 51.06 49.94 51.05 PS4 42.63 49.17 50.21 50.77 XB1 43.38 49.81 50.27 50.75
Lista nieuporządkowanaul
Każdą pozycję dodajemy za pomocą znacznika li
<ul>
<li>Wieże Zagłady</li>
<li>Piekielne Kapliczki</li>
<li>Zatoka Czarnosercego</li>
</ul>
- Wieże Zagłady
- Piekielne Kapliczki
- Zatoka Czarnosercego
Lista uporządkowana ol
Lista w określonej kolejności. Każda pozycja również dodawana jest za pomocą znacznika li.
Można dodatkowo zastosować znacznik start aby określić numer początkowy. Jeśli tego nie zrobimy, to lista będzie się zaczynać od 1.
<ol start="12">
<li>Przełęcz Alterak</li>
<li>Ogród Grozy</li>
<li>Nawiedzone Kopalnie</li>
</ol>
- Przełęcz Alterak
- Ogród Grozy
- Nawiedzone Kopalnie
Inne
WkrótceWszelkie uwagi i propozycje będą mile widziane. W miarę możliwości będę aktualizował ów poradnik
Raxr