Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

Hyper Text Markup Language

Hasonló előadás


Az előadások a következő témára: "Hyper Text Markup Language"— Előadás másolata:

1 Hyper Text Markup Language
HTML Hyper Text Markup Language

2 HTML tag-ek <EzEgyTag> közbülső rész, amire vonatkozik
<EzEgyTag paraméter_1 paraméter_2>

3 HTML tag-re példa <b> közbülső rész, amire vonatkozik </b>
<font size=6 color=red> </font>

4 A HTML struktúra <HTML>   <HEAD>        <TITLE> az oldal címe </TITLE> </HEAD>   <BODY>      dokumentumtörzs </BODY> </HTML>

5 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>

6 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>

7 Hiperlinkek, hiperhivatkozások
<a href="URL">  szöveg </a> Példa: <a href=" Kattints ide! </a> Megnyitás új ablakban: <a target="_blank" href ="

8 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

9 Háttér és háttérszín <body background="cn.jpg">
<body bgcolor=red> <body bgcolor=#7af428>

10 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: #FFFFFF Fekete: #000000 Piros: #FF0000 <font color=”#32F8A7”>

11 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

12 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ó

13 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


Letölteni ppt "Hyper Text Markup Language"

Hasonló előadás


Google Hirdetések