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

HTML nyelv Hiper-Text Markup Language 1. óra.

Hasonló előadás


Az előadások a következő témára: "HTML nyelv Hiper-Text Markup Language 1. óra."— Előadás másolata:

1 HTML nyelv Hiper-Text Markup Language 1. óra

2 Általános jellemzés Hiper-Text Markup Language leíró nyelvtan
normál szövegfájl HTML szerkesztő program (HTMLPad) .html , .htm kiterjesztés index.html 1.óra

3 Általános jellemzés utasítások – „tag”-ek: < tag >
Nyitó és záró tag (pl.: <td> , </td>) elérési út (pl.: ../mappa/nev.jpg) színkód RGB – hexadecimális formátum: #rrggbb (pl.:fekete=#000000 fehér=#FFFFFF) 1.óra

4 Szerkezet <HTML> …első tag <HEAD> …fejléc
<TITLE>cím</TITLE> …dokumentumcím </HEAD> <BODY> …törzs . </BODY> </HTML> …lezáró tag-ek 1.óra

5 A HTML dokumentum fejléce
A böngésző nem jeleníti meg, meta-információ <TITLE>dokumentum címe</TITLE> <META name="mező„ content="érték"> pl.: alkotó, létrehozó, tartalom, keresőszavak, stb. 1.Óra

6 A HTML dokumentum fejléce
karakterkészlet <META http-equiv=content-type content=text/html;charset=iso > alkotó <META content=„Gipsz Jakab" name=author> kulcsszavak a keresőmotoroknak <META content=„címszó1, címszó2" name=keywords> szkriptek (java, php, vb, …) <SCRIPT> </SCRIPT> 1.óra

7 A HTML dokumentum szövegteste
<BODY> megjelenítendő rész</BODY> <BODY background="fájlnév.kit" bgcolor="színkód" text="színkód" link="színkód" vlink="színkód" alink="színkód"> 1.óra

8 A HTML dokumentum szövegteste
bekezdés <p> illetve <br> bekezdésformázás <p align=center> címsorok <h1>címsor1</h1> hivatkozás <a href=„lapnév.html”>szöveg</a> kép <img src=„kép.jpg” alt=„szöveg”> 2.óra

9 Karakter formázás <b>félkövér</b> <i>dőlt</i>
<u>aláhúzott</u> <s>áthúzott</s> <blink>villogó</blink> 2.óra

10 Karakter formázás <font color="#FF3333" size=1>kicsi piros</font> <font size=2>N</font> <font size=3>ö</font> <font size=4>v</font> <font size=5>e</font> <font size=6>k</font> <font size=7>v</font> <font size=8>ő</font> 2.óra

11 Címszintek felépítése
<H1 align="left">Legfelső szintű címsor</H1> <H2 align="center">2. szintű alcímsor</H2> <H3 align="right">3. szintű alcímsor</H3> <H4>Negyedik szintű alcímsor</H4> <DIV align="center">szakasz</DIV> 2.óra

12 Bekezdések felépítése
<p>alapértelmezett bekezdés</p> <p align=hely>igazított bekezdés</p> hely: left, center, right, justify <br> sortörés elem, nem új bekezdés <br>-nek nincs záró tag-je ! 2.óra

13 <li> -nek nincs záró tag-je!
Felsorolás <ul> felsorolás kezdete <li>szöveg első sor <li>szöveg második sor <ul><li>szöveg második szint … </ul> második szint vége </ul> felsorolás vége <li> -nek nincs záró tag-je! 3.óra

14 <li> -nek nincs záró tag-je!
Sorszámozás <ol> sorszámozás kezdete <li>szöveg első sorszám <li>szöveg második sorszám <ol><li>szöveg második szint … </ol> második szint vége </ol> sorszámozás vége <li> -nek nincs záró tag-je! 3.óra

15 Képek aktuális szövegpozícióban: <img src="elérési_út/fájlnév.kit"
alt="magyarázó szöveg " width="szélesség" height="magasság"> 4.óra

16 Hivatkozások A HTML lényege
lapon belül <a href="#vege">végére</a> <a name=„vege”>vége</a> lapok között <a href=„fájlnév”><img src="fájlnév"></a> <a href=„fájlnév”>link_szöveg</a> külső <a href=„ 4.óra

17 Táblázatok <table> <tr> <td>I. sor 1. elem</td> <td>I. sor 2. elem</td> </tr> <tr> <td>II. sor 1. elem</td> <td>II. sor 2. elem</td> </tr> </table> 4.óra


Letölteni ppt "HTML nyelv Hiper-Text Markup Language 1. óra."

Hasonló előadás


Google Hirdetések