Html parancsok
Dec 31, 2015
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
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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:
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.
Related Documents
