2020. március 4., szerda

Body formázása 12B

Dokumentum törzs

Tag Eredmény
<body bgcolor="#eaeada"> háttérszín (színkóddal)
<body bgcolor="black"> háttérszín (névvel)
<body background="hatter.png"> háttérkép hivatkozás
<body link="#000000"> link színe
<body alink="#ffffff"> használatban lévő link színe
<body vlink="#cc0000"> már használt link színe
<body text="#000000"> szöveg szín
<body leftmargin="2"> oldal szélétől a szöveg kezdése
<body topmargin="5"> oldal tetejétől a szöveg kezdése

Karakter formázások

Tag Eredmény
<b>Vastag betű</b> Vastag betű
<i>Dőlt betű</i> Dőlt betű
<tt>Írógép stílus</tt> Írógép stílus
<u>Aláhúzás</u> Aláhúzás
<sup>Felső index</sup> egyéb szöveg Felső indexegyéb szöveg
<sub>Alsó index</sub> egyéb szöveg Alsó indexegyéb szöveg
<pre>Előformázott szöveg sok szóközzel</pre>
Előformázott szöveg sok     szóközzel
<font size="4">Szöveg méret beállítás érték 1 és 7 közt van</font> Szöveg méret beállítás érték 1 és 7 közt van
<font color="Chocolate">Színbeállítás színnel</font> Színbeállítás szín nevével
<font color="#FF0000">Színbeállítás RGB kóddal</font> Színbeállítás RGB kóddal
<font face="Times New Roman, Times, serif" >Szövegstílus</font> Szövegstílus

Bekezdés formázások, listák

Tag Eredmény
<p align="center/right/left">Szöveg</p> Bekezdés igazítással
<div align="center/right/left">Szöveg</div> Szakasz igazítással
<br> vagy <br/> Sortörés (Nem kötelező lezárni)
<h1>Címsor(1-től 6-ig)</h1>

Címsor(1-től 6-ig)

<h2>Címsor(1-től 6-ig)</h2>

Címsor(1-től 6-ig)

<h3>Címsor(1-től 6-ig)</h3>

Címsor(1-től 6-ig)

<h4>Címsor(1-től 6-ig)</h4>

Címsor(1-től 6-ig)

<h5>Címsor(1-től 6-ig)</h5>
Címsor(1-től 6-ig)
<h6>Címsor(1-től 6-ig)</h6>
Címsor(1-től 6-ig)
<blockquote>Szöveg</blockquote> Behúzás
<ul> <li>első</li> <li>második</li> </ul> felsorolás
  • első
  • második
<ol> <li>első</li> <li>második</li> </ol> számozott lista
  1. első
  2. második

Hivatkozások

Tag Eredmény
<a href="http://www.berzsenyi.hu/erben">Honlap</a> Abszolút hivatkozás("http://" kell) Honlap
<a href="galery.html">Link szövege</a> Relatív hivatkozás(Saját honlapra mutat)
<a href="mailto://erben@berzsenyi.hu">Levél küldése.</a> Levél küldése.
<a href="#lapteteje">Vissza a lap tetejére</a> Lapon belüli hivatkozás
<p id="lapteteje">Szöveg</p> Lapon belüli célpont(sokféle tag jó hozzá: div, table, tr, span)
<a name="lapteteje">Szöveg</a> Lapon belüli célpont máshogy.

Hivatkozások célpontja


TagEredmény
 <a href="http://..." target="_blank">Szöveg</a> A hivatkozás új lapon vagy ablakban nyílik meg.
 <a href="http://..." target="_top">Szöveg</a> A hivatkozás az adott ablakban nyílik meg.
 <a href="http://..." target="_self">Szöveg</a> A hivatkozás abban a keretben nyílik meg, ahol rákattintottunk.
 <a href="http://..." target="keretnév">Szöveg</a> A hivatkozás a megnevezett keretben nyílik meg.

Képek

Tag Eredmény
<img src="link"> kép beszúrás
width="50%" vagy width="250" kép szélessége
heigth="35% vagy height="200" kép magassága
border="1" keret mérete
align="left" igazítás balra, körbefolyatás jobbról
align="right" igazítás jobbra, körbefolyatás balról
<img src="tux.png" alt="Tux">

Táblázatok

Tag Eredmény
<table></table> Tábla
<tr></tr> Sor(Cellák nélkül ne írj bele szöveget!)
<td></td> Cella
cellspacing="x" Cellák közti távolság
cellpadding="x" Szöveg távolsága a cella keretétől
bgcolor="szin" Táblázat, sor vagy cella háttérszíne.
background="kép" Táblázat, sor vagy cella háttér képe. (Nem W3C szabvány!)
align="left/center/right" Táblázat igazítása.
valign="top/middle/bottom" Cellatartalom függőleges igazítása.
width="50%" vagy width="200" Hosszbeállítás (table és td után is írhatod)
height="60%" vagy height="300" Magasságbeállítás (table, tr és td után egyaránt használható)
<table border="1">
<tr>
<td>1.cella</td>
<td>2.cella</td>
<td rowspan="2">Oszlopban összevont cella</td></tr>
<tr>
<td colspan="2">Sorban összevont cella</td>
</tr></table>

1.cella 2.cella Oszlopban összevont cella
Sorban összevont cella

Űrlapok

Nincsenek megjegyzések:

Megjegyzés küldése