Html parancsok.

Slides:



Advertisements
Hasonló előadás
BPS Web 2.0 Felhasználói kézikönyv. A szerkesztő főoldala A bejelentkezett felhasználóA szerkesztő főmenürendszere Stílusformázások Nyelv- és nézetváltás.
Advertisements

HTML nyelv Hiper-Text Markup Language 1. óra.
HTML nyelv.
HTML Bevezetés.
Weblap szerkesztés HTML oldal felépítése Nyitó tag Záró tag Nyitó tag Záró tag oldalfej tözs.
FRAME-k (keretek). FRAME-k A frame-ek (keretek) segítségével a képernyőt felosztva egyszerre jeleníthetünk meg több webes dokumentumot a képernyőn. Fejlec.html.
Körlevél készítése.
Amit a HTML-ről érdemes tudni
Honlap készítés Érdekességek.
HTML nyelv.
STÍLUSOK Tulajdonságok és értékek. Színek megadási módjai H1 {color: #CCF150} H1 {color: rgb(204,241,80)} H1 {color: rgb(80%,95%,30%)} H1 {color: red}
A HTML nyelv.
HTML parancsok használata
Címsor menüsor ikonsor munkaterület (ikonsor) állapotsor.
Leírónyelvek: HTML és XHTML
© BZ, 2006Stíluslapok használata1 Váltsunk stílust! Stíluslapok a webszerkesztésben.
Készítette: Rummel Szabolcs
Hernyák Zoltán XML és HTML.
HTML elemek Linkek, táblázatok és képek Forrás, amelyből össze lett állítva a prezentáció szövege és képei:
HTML elemek Linkek, táblázatok és képek Forrás, amelyből össze lett állítva a prezentáció szövege és képei:
Készítette: Nagy-Szakál Zoltán 2007.
A HTML alapjai Havlik Barnabás Készítette:
HTML (Hypertext Mark-Up Language). Jellemzői Szöveges alapú internetes oldalak nyelve A formázási műveleteket is szövegesen írja le Szöveget, képeket,
HTML dokumentum felépítése
HTML oldal felépítése Készítette: Pataki Arnold
Képek használata dokumentumban Open Office Writer Segítségével Nevem: Hartmann Levente Felkészítő tanárom: Rácz Márton Iskolám: Balatonfüredi Eötvös Loránd.
Táblázatok beillesztése, formázása dokumentumokba
Webszerkesztés A HTML alapjai.
Dr. Pance Miklós – Kolcza Gábor Miskolci Egyetem
Buris Katalin V. földrajz - informatika
1 Microsoft Excel 4. óra Előadó: Jánosik Tamás. 2 Formai beállítások Oszlopszélességek beállítása  Egyszerűen: az adott oszlop oszlopcímének jobb szélénél.
Az Excel táblázatkezelő
XHTML – a tanultak összefoglalása
Weblapok és készítésük
A <DIV> tag és formázás CSS-sel
Képek beillesztése. A beszúrandó képnek abban a mappában kell lennie, ahol a html oldalad forráskódja található! Először mindig a képet szúrjuk be, majd.
Készítette: Csámer Iván 1 Kommunikáció és Internet A program megvalósulását az Apertus Közalapítvány támogatta.
CSS A CSS bemutatása.
HTML nyelv.
Hyper Text Markup Language
Hyper Text Markup Language
6. óra. Összefoglalás (egy feladaton keresztül) Betűtípus, betűszín, betűméret Háttérszín, alapértelmezett betűszín Címsorok Igazítás Kép, link, táblázat.
Honlap készítés 4. óra.
4. óra. Emlékeztető Igazítások Háttérszín, szövegszín Háttérkép Meta adatok.
Honlap készítés 3. óra.
Web-grafika II (SVG) 5. gyakorlat Kereszty Gábor.
Weblap-szerkesztés.
Készítette: Turócziné Kiscsatári Nóra
Az NVU webszerkesztő program
Html nyelv (HyperText Markup Language)
Táblázatok.
Weblap-szerkesztés. Információs hálózati szolgáltatások Internet fontosabb szolgáltatásai (szóbeli) Elektronikus levelezési rendszer használata (szóbeli)
Weblapkészítés alapjai
Táblázatkezelés.
Weblapkészítés.
A Mozilla magyar nyelvű szerkesztőjének használata
Másolás és automatikus kitöltés
Számítástechnika alapismeretek HTML-weblapszerkesztés.
A <DIV> tag és formázás CSS-sel
Informatikai rendszerek
Alkalmazott Informatikai Tanszék
Webprogramozó tanfolyam
Weblapok és készítésük
3. Táblázatok és diagramok
Szövegszerkesztés összefoglalás.
Információ és kommunikáció
CSS Cascading Style Sheet HTML.
Házi feladat megoldása
MS Office Word 2010 Szövegszerkesztés.
Táblázatok A táblázat megadása a tag használatával lehetséges. A és tageken belül: a és tagek között adhatjuk meg a.
Előadás másolata:

Html parancsok

Weboldal felépítése <html> <head> Böngészőnek szóló információk <title> Cím </title> </head> <body> Weboldal leírása </body> </html>

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

Háttérkép <body background=hatterkep.jpg>

Karakterformázás Páros utasítások: Félkövér: <b>Szöveg</b>=Szöveg Dőlt:<i>Szöveg</i>=Szöveg Aláhúzott:<u>Szöveg</u>=Szöveg

Betűformázás <font family=impact size=5 color=blue>Szöveg</font>=Szöveg

Bekezdésformázás <p align=center>szöveg</p> 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/kep.jpg”> ahol: Img: image rövidítése Src: source szó rövidítése Kepek: mappa ahol a kép található! kep.jpg: kép neve

Link Azonos mappában lévő fájl esetén: <a href=„valami.html">Linkelt szöveg</a> A valami.html oldalra ugrik Vagy <a href=„http://www.google.com">Ugrás a Google-ra</a>

Kép beszúrása bővebb instrukciókkal <IMG SRC=”KÉPEK/CSILLAG.JPG” ALT=”SZÉP CSILLAG” WIDTH=”150″ HEIGHT=”150″> ALT: ha valami miatt nem jelenik meg a kép, ez a szöveg jelenik meg helyette WIDTH: szélesség HEIGHT: magasság

Link használata bővebben <A HREF=”HTTP://WWW.OM.HU/” TARGET=”_BLANK”>IDE KATTINTS!</A> TARGET: hol jelenjen meg az új lap _blank:új oldalra _self: eredeti oldalra _top:eredeti oldalra (keretek esetén) _parent:eredeti oldalra (keretek esetén)

Táblázat beillesztése: <table border=”1″ bgcolor=”green” width=”100″ height=”100″> </table> Border: keret mérete Bgcolor: háttérszín Width: szélesség Height: magasság Cellspaceing: cellák közötti hely Cellpadding: elválasztó vonalak vastagsága <tr>; </tr>: új sor <td>; </td> soron belül új oszlop

Példa: <table border=”1″ bgcolor=”green” width=”100″ height=”100″> <tr> <td>Első sor, Szöveg 1 </td> <td>Első sor, Szöveg 2 </td> </tr> <tr> <td>Második sor, Szöveg 3 </td> <td>Második sor, Szöveg 4 </td> </tr> </table>

Első sor, Szöveg 1 Első sor, Szöveg 2 Második sor, Szöveg 3 Második sor, Szöveg 4

Fejléc a táblázatban: <th colspan=2>Fejléc szövege</th>: fejléc létrehozása Colspan=2: két oszlop egyesítése

Felsorolás és számozás Lista: (Unordered List) <ul></ul> <li></li> :listaelemek Sorszámozott lista: (Ordered List) <ol></ol> <li></li> Típusai: <ol type=„A”> <ol type=„a”> <ol type=„I”> <ol type=„i”>