Html parancsok

22
Html parancsok Készítette: Rummel Szabolcs Elérhetőség:[email protected] u

description

Html parancsok. Készítette: Rummel Szabolcs Elérhetőség:[email protected]. Web formátumok. .html .htm .php. Weblap elérése. Böngészőben index.html, index.htm: automatikus az elérése. Böngészőben nev.html, nev.htm: a fájl nevét is be kell írni. Elérést lásd itt!. Html. - PowerPoint PPT Presentation

Transcript of Html parancsok

Html parancsok

Készítette: Rummel SzabolcsElérhetőség:[email protected]

Web formátumok

.html .htm .php

Weblap elérése

Böngészőben index.html, index.htm: automatikus az elérése.

Böngészőben nev.html, nev.htm: a fájl nevét is be kell írni.

Elérést lásd itt!

Html

Nem nyelv hanem egy keret! Parancsokat tartalmaz. Dinamikus weblapok nem

tervezhetők vele.

Html oldal felépítése

A keret!

Html oldal hátterének beállítása

Háttérbeállításának esetei: Háttérszín Háttérkép

Alapvető html parancsok

Karakterformázás Bekezdésformázás Kép beszúrása Táblázat készítése Hivatkozáskészítés

Háttérszín

A Html keret <body> tag-be a bgcolor + színnév paranccsal!

<body bgcolor=orange>eredménye egy narancssárga hátterű felület!

<body bgcolor=#12aaff>eredménye egy egyéni színkódú felület!

Háttérkép

A Html keret <body> tag-be a következő paracsot írom!

<body background=szabi.jpg> Eredménye:

Html keret Weboldal felépítése!1. <html>2. <head>

Deklaráció!!!3. </head>4. <body>

Weboldal leírása!!!5. </body>6. </html>

Weblap elérése

Linux server

Apache

Php

Mysql

CliensKérés

Teljesítés

Karakterformázás

Páros utasítások:1. Félkövér: <b>Szabi</b>=Szabi2. Dőlt:<i>Szabi</i>=Szabi3. Aláhúzott:<u>Szabi</u>=Szabi

Karakterformázás

Betűformázás1. <font family=impact size=5

color=blue>Szabi</font>=Szabi Páratlan utasítás1. Szóköz: &nbsp;

Bekezdésformázás

<p>: paragraph (bekezdés) formáz+sort tör Pl: <p align=center>szabi</p>

parancs a szabi szót középre igazítja. Igazítások:

left, right, center, justify

<br>: sortörés, önálló parancs

Kép beszúrás

Parancs: önálló parancs <img src=kepek/szabi.jpg> ahol:

Img: image rövidítése Src: source szó rövidítése Kepek: mappa ahol a kép található! Szabi.jpg: kép neve

Eredmény

Beszúrt szabi.jpg képHelye a kepek mappa!

Hivatkozás készítése

a : anchor (horgony) Szintaktika:

<a href=http://www.google.hu> Weboldalra ugrik!

<a href=kepek/szabi.jpg> Képet jelenít meg egész oldalon!

Táblázat készítése 1

Parancsok: <table>: táblázat beszúrása </table> <tr>: sor beszúrása </tr> <td>: cella beszúrása </td>

Táblázat készítése 2

<table><tr>

<td bgcolor=red> </td></tr><tr>

<td bgcolor=yellow> </td><td bgcolor=green> </td>

</tr></table>

A kód eredménye

A beírt táblázatKét sor és háromCella.

Táblázatkezelő parancsok 1

Width: táblázat, cella szélességét állítja be, megadható pixelben, vagy százalékban.

Height: magasságot állít, pixelben, százalékban.

Táblázatkezelő parancsok 2

Cellpadding: cellakitöltés, pixel Cellspacing: cellák közötti tér, pixel Border: szegély, szín és méret

állítható. Colspan: cellaegyesítés, az

egyesítendő cellák számát kell megadni.