Hyper Text Markup Language

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.
Weblap szerkesztés HTML oldal felépítése Nyitó tag Záró tag Nyitó tag Záró tag oldalfej tözs.
PowerPoint 6. Évfolyam Formázások. Mentés A feladatot mentsük el a saját mappánkba „ppt_6_1_SajátNév” néven (ahol a SajátNév a saját nevünk helyesen leírva,
2. óra. Emlékeztető Hello Világ! Ez Makk Marci honlapja!
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
University of Kent arculati kézikönyv
Hernyák Zoltán XML és HTML.
Készítette: Nagy-Szakál Zoltán 2007.
A HTML alapjai Havlik Barnabás Készítette:
Cím (akár kétsoros, vagy magyar-angol) Arial Bold 60pt RGB 0,85,150 kék (háttér: RGB 242,242,242, általános esetben) TANTÁRGY TÉMA TERVEZŐ KONZULENS SZEMESZTER.
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
,,Én így tanítanám az informatikát”
Webszerkesztés A HTML alapjai.
Dr. Pance Miklós – Kolcza Gábor Miskolci Egyetem
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
Táblázatok készítése. Az 1. sor 1. cellája Az 1. sor 1. cellája Az 1. sor 2. cellája Az 1. sor 2. cellája Az 1. sor 3. cellája Az 1. sor 3.
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.
Cím (akár kétsoros, vagy magyar-angol) Arial Bold 60pt RGB 0,85,150 kék (háttér: RGB 242,242,242, általános esetben) Ennek megfelelően a sorok elválasztás.
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 2. óra.
Érdekességek. Tudod-e? Mit jelent a „www”? A) Wild Windows Wave B) World Wide Web C) Wide World Web.
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.
3. óra. Emlékeztető Oldal címe Sortörés, vízszintes vonal, címsor Betűtípus, betűméret, betűszín.
Web-grafika II (SVG) 1. gyakorlat
SZÖVEGSZERKESZTÉSI ALAPISMERETEK Formázások összefoglalás
Készítette: Turócziné Kiscsatári Nóra
Az NVU webszerkesztő program
Html nyelv (HyperText Markup Language)
Táblázatok.
Weblapkészítés alapjai
Prezentációk készítése
SZÖVEGSZERKESZTÉS III. ~ KARAKTERFORMÁZÁS ~
Táblázatkezelés.
Weblapkészítés.
Karakterek, bekezdések formázása
Cím (akár kétsoros, vagy magyar-angol) Arial Bold 60pt RGB 0,85,150 kék (háttér: RGB 242,242,242, általános esetben) TANTÁRGY TÉMA TERVEZŐ KONZULENS SZEMESZTER.
Számítástechnika alapismeretek HTML-weblapszerkesztés.
A <DIV> tag és formázás CSS-sel
Informatikai rendszerek
Szövegszerkesztés összefoglalás.
Script nyelvek előadás
CSS Cascading Style Sheet HTML.
Formázási műveletek.
MS Office Word 2010 Szövegszerkesztés.
Html parancsok.
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.
téma közlemény SmartArt-ábra piros hátterű képekkel (Haladó)
MS Office Word 2010 Szövegszerkesztés.
POWERPOINT Bemutató készítése.
Előadás másolata:

Hyper Text Markup Language HTML Hyper Text Markup Language

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

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

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

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>

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>

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

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

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

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

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

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ó

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