Hasznos HTML kódok a bejegyzésekhez

A blog megjelenésének alakítgatása, szépítgetése során szükséged lehet az alapvető HTML kódok használatára. Ahhoz, hogy ezeket tudd, nem feltétlenül kell diplomás informatikusnak lenned, hiszen a Google ezúttal is a jó barátod. 🙂 A HTML angolul Hyper Text Markup Language, ami szó szerinti értelmezésben hiperszöveges jelölőnyelvet jelent. Érthetően megfogalmazva ez egy leíró nyelv, amit weboldalak készítéséhez fejlesztettek ki. A blog admin felületén belül a bejegyzések szerkesztésekor a HTML fülön lehet elérni azt a felületet, ami értelmezni tudja a kódokat. A grafikus nézet szerkesztője sajnos nem ér fel egy Word-höz, éppen ezért, ha a szövegedet egyedivé szeretnéd tenni, akkor bizony ismerned kell néhányat.

Megnevezés HTML kódok
Sorköz <br/>
Sorköz & új bekezdés <p>szöveg</p>
Szóköz &nbsp
Félkövér betű <b>szöveg</b>
Dőlt betű <i>szöveg</i>
Aláhúzott betű <u>szöveg</u>
Félkövér, dőlt & aláhúzott <b><i><u>szöveg</u></i></b>
Szöveg középre zárása <p align=”center”>szöveg</p>
Szöveg balra zárása <p align=”left”>szöveg</p>
Szöveg jobbra zárása <p align=”right”>szöveg</p>
Szöveg formázása (félkövér, 7-es méret, szürke, Verdana) <b><font size=7 color=grey face=”Verdana”>
Szöveg színezése <font color= #7af428 > Zöld szöveg</font>
Vízszintes vonal <hr/>
Szövegdoboz

<div style=”border: #000000 1px dotted; width: 100%; color: #000000; auto; background-color: #E4E0E0″>szöveg

</div>

Táblázat <table style=”width: 100%;”>
<tbody>
<tr>
<th style=”text-align: center;”>Megnevezés</th>
<th style=”text-align: center;”>HTML kódok</th>
</tr>
<tr>
<th style=”text-align: left;”>Sorköz</th>
<th style=”text-align: left;”>&lt;br/&gt;</th>
</tr>
</tbody>
</table>
Táblázat (keret & kitöltés nélkül) <table style=”width: 100%;”>
<tbody>
<tr>
<td style=”text-align: center;”>Megnevezés</td>
<td style=”text-align: center;”>HTML kódok</td>
</tr>
<tr>
<td style=”text-align: left;”>Sorköz</td>
<td style=”text-align: left;”>&lt;br/&gt;</td>
</tr>
</tbody>
</table>

Hasznos oldalak:

Színkódok: www.rapidtables.com/web/color/RGB_Color.html

HTML kódok: www.w3schools.com

Segítség táblázathoz: www.w3schools.com/html/html_tables.asp

Kapcsolódó bejegyzések:

Hozzászólás

Az e-mail cím nem lesz közzétéve. Kötelező mezők *