HTML

HTMLHyper Text

Markup Language

HTML tag-ek

<EzEgyTag> közbülső rész, amire vonatkozik</EzEgyTag>

<EzEgyTag paraméter_1 paraméter_2> közbülső rész, amire vonatkozik</EzEgyTag>

HTML tag-re példa

<b> közbülső rész, amire vonatkozik</b>

<font size=6 color=red> közbülső rész, amire vonatkozik</font>

A HTML struktúra

<HTML> <HEAD> <TITLE> az oldal címe </TITLE> </HEAD>

<BODY> dokumentumtörzs </BODY></HTML>

Stílusok, címsorok, stb.

<b>Kövér betűk (bold) </b> <i>Dőlt betűk (italic)</i> <u>Aláhúzott betűk (underlined) </u> <h1>1-es címsor </h1> <h6>6-os címsor </h6> Sortörés: <br> Vízszintes vonal: <hr>

Betűméret, betűtípus, betűszín

<font size ="4"> 4-es betűméret </font> <font size ="+2"> Kettővel nagyobb </font>

<font face ="Arial">Arial betűtípus. </font> Ajánlott betűtípusok: Arial, Verdana, Tahoma, Courier

<font color=red> Piros szöveg</font>

Hiperlinkek, hiperhivatkozások

<a href="URL"> szöveg </a>

Példa:<a href="http://travis.hu/cn"> Kattints ide! </a>

Megnyitás új ablakban:<a target="_blank" href ="http://travis.hu/cn">

Képek elhelyezése az oldalon

<IMG SRC="chucknorris.jpg">

Fontos paraméterek:border: a kép köré rajzolandó szegély

vastagságának megadása

title: akkor jelenik meg ez a szöveg, ha a kép fölé visszük az egeret

Háttér és háttérszín

<body background="cn.jpg">

<body bgcolor=red> <body bgcolor=#7af428>

Kevert színek 3 alapszín (R=red; G=green; B=blue) A 3 szín erőssége 0-tól 255-ig állítható hexadecimális kóddal: 00-tól FF-ig

Példa:Fehér: #FFFFFFFekete: #000000Piros: #FF0000

<font color=”#32F8A7”>

Táblázatok (273)

<table> <tr> <td>1. sor 1. cella </td> <td>1. sor 2. cella </td> </tr></table>

1. sor 1. cella 1. sor 2. cella

A <table> tag paraméterei

width: szélesség megadása képpontokban align: balra - left, középre - center, jobbra - right border: a szegély vastagsága cellspacing: cellák közti távolság cellpadding: cellamargó

A <td> tag paraméterei:

width: szélesség megadása képpontokban height: magasság megadása képpontokban align: cellán belüli igazítás

colspan: az adott cella ennyi oszlop széles lesz

rowspan: az adott cella ennyi sor magas lesz

Documents

HTML