HTML (Hypertext jelölés nyelv) a fő programozási nyelv a weboldalak fejlesztéséhez.Egyszerű és kényelmes programozási nyelvként készült. A legtöbb internetes oldalt az alábbi nyelvek egyik formájával fejlesztették ki (Coldfusion, XML, XSLT). Miután elolvasta ezt a cikket, folytathatja a képzést más erőforrásokkal az interneten. Próbáljon meg más témával kapcsolatos cikkeket keresni az interneten.

Lépések

1. módszer 1:

HTML oldalak írása

egy. Mielőtt elkezdi megismerni az itt bemutatott lépések egyikét, olvassa el a "Mit kell" fejezetet.

2. Mit kell tudni, mielőtt elkezdené megérteni ezt a kérdést:

3. Alapok. Hallottál már a címkéről? A címkét szögletes konzolok veszik körül, a belső szóval. A végső címkét ugyanabban az űrlapon rögzítjük, de az első saroktartó után egy slash hozzáadásával. Az attribútum egy további szó a címkében, amelyet a címkékhez alkatrészek hozzáadására használnak.

4. A dokumentum megkezdése. Az Ön által használt szövegszerkesztőben helyezze be az alábbiakat:
Helló Világ
A címkét ugyanabban a címkeben kell lezárni, de egy réteggel az első sarokkocka után. Vannak olyan kivételek, mint a címkék Meta vagy Doctype.

A kép címe Írja be a HTML oldalt 3. lépés

öt. Doctype

Általában a legtöbb weboldal be van állítva Doctype ". Segít meghatározni a kódolást, valamint hogy hogyan fogják érzékelni a webböngészők. A legtöbb oldal nélkül fog működni, "de szükség van, ha meg szeretné illeszteni (szabályozza az internetes kódolások típusát és használatának módjait). Doctype html 4.01 az alábbi:http: // W3.Org / tr / html4 / szigorú.DTD"> Ez az egyik leggyakoribb Az oldalon használt Doctype az interneten keresztül. Először is, jelzi a "HTML" oldalt leíró oldal típusát, majd kiemeli a kódolás típusát, és végül a DOCTYPE helyét, amely ennek eredményeként a webböngésző oldalát írja le.

Különböző típusú HTML (különböző változatokat terveztek sok éven át), például új címkék vagy speciális címkék használatát. Egyes címkék elavultak (más, hasznosabb címkéket használnak).

és - Ez az, amit jelenleg a címkékre vetítenek, mivel ezeket a szöveg átalakítására használják, de nem specifikáció, ennek eredményeként más címkék cseréje őket. Címkehelyettesítő , és cserélje ki .

Fontos, hogy a korábbi címkéket helyettesítsük a címkékkel, amelyek több mint formázással rendelkeznek. Ha a szöveg lefordítása, akkor nem csak a formázás, hanem annak jelentése ugyanaz marad. Ez szemantikailag helyes.

A XHTML 2. verzióban.0, címkék és nem használt, valamint a HTML 3. verzióban+.

6. HTML "Szabály-kapszulázás".

Nézzük meg a jelenleg használt fontosabb címkéket. Az oldal létrehozása közben egyszerű szerkezetet használnak. Ha egy címkét kinyitották, akkor ennek eredményeként, Le kell zárni. Ez az egész struktúrára vonatkozik. Itt bemutatjuk az XHTML elrendezési struktúra megfelelő példáját:

http: // W3.Org / tr / xhtml1 / dtd / xhtml1 szigorú.DTD">

http: // W3.Org / 1999 / XHTML">

Helló Világ!

Minta kód, amely üzenetet ad Helló Világ. Ezt tésztának hívják Helló Világ.

7. Cím

Weblap címe - Ez a tartalom a címke között . Ezt a tartalmat a felhasználó nem tekinthető meg (csak a címoldalon látható név). A címkék közötti információ , Lehet, hogy más címkék, például:

Meta Tag, használt információkhoz, amelyek hasznosak a keresőmotorok és egyéb segédprogramok számára.

Link címke, amely létrehoz egy kapcsolatot a dokumentumok között, például stílusok (CSS).

Script tag, magában foglalja szinte bármely webkódot, a távoli hozzáférés lehetőségével (egy másik dokumentumból).

Stíluscímke, amely lényegében olyan stílus, amely az oldalon található.

Cím címke, ez az a név, amely az oldal böngészőjének oldalának nevét jelzi.

Lássuk néhányat a cím példájában, a címet, amelyet ebből a weboldalon vettek (csökkentették):

...

Ha nem vette észre, az egyéni címkéket elosztották, valós információk eltávolításával. A példa meglehetősen rövid, egy show-val, majdnem, minden olyan címke közül, amely lehet , A HTML megjegyzés kivételével (egyszerű címkékben fogunk beszélni).

nyolc. Egyszerű címkék mindenhol

Lépjünk tovább, és nézzünk más címkéket. Legyen óvatos a címkék használatával és emlékezzen a nagy ujjszabályozásra, "kapszulázás."

Fontos szöveget oszt ki.

Kisebb szövegméretet tesz. A betűméretet 1-től 7-ig terjedő szabványos egységekben mérjük, hanem az alapértelmezett szövegméret. .

 Megadja a formázott szöveg blokkját. Mennyire helyesen, egy ilyen szöveget az azonos méretű betűtípus és a szavak közötti összes szóközzel veszik fel.

Szöveget jelenít meg kifejezés formájában.

~~Keresztezi a szöveget.~~

Meghatározza a dokumentumba behelyezett szöveget.

Az egyik a sok headlock címke. Az ilyen típusú címkék a "H" -vel kezdődnek, az ábrán való különbséggel. Győződjön meg róla, hogy becsukja a címkét ugyanazzal a számmal.

Meghatározza a bekezdést.

Más címkékkel ellentétben a megjegyzésnek a címkén belül kell lennie. Ez az információ csak akkor látható, ha a kódot megtekintették.

Idézetet mutat, használhat egy címkével .

A fentiekben bemutatott számos példa nem teljes listája a meglévő címkékről. Ismerje meg másokat, látogasson el .

kilenc. Világos szerkezet létrehozása

Az oldalakat úgy tervezték, hogy az adatokat egyszerű címkékben tartsák, hogy szétszereljük az információkat a bekezdésekben. A számítógép felismeri az adatokat, nem tudja a kontextusról vagy az ideológiai kapcsolatról. HTML oldalbarát oldalt kell létrehoznunk. Ez a DIV-címke használatakor érhető el. Segít hatalmas számú oldal létrehozásában. CSS-vel stilizálható, és könnyebb, mint a nagy kódasztalok létrehozása az elrendezéshez.

Ez a címke speciális, mert stilizált lehet, és egyedi blokkokat használhat, amelyek megértik és a felhasználót és a számítógépet.

Nézzük meg az egyszerű HTML elrendezést, amelyet a DIV-címke használ.

http: // W3.Org / tr / xhtml1 / dtd / xhtml1 szigorú.DTD">

http: // W3.Org / 1999 / XHTML">

Helló Világ!

Ez néhány szöveg a DIV # contentone-ban.

Egy bekezdés a div # contenton alrészében

Használja a címkét

Segít a keresési és változó stílusokban, miközben a CSS és a jаvascript segítségével működik. A HTML különböző kódolást fog használni a CSS-stílusokkal és a jаvascript segítségével, hogy létrehozza a legjobb és érzékeny interakciót a felhasználóval.

Tippek

Miután elolvasta ezt a cikket, ne hagyja abba, és ne gondolja, hogy megtanultad mindent, amire szüksége van. Mindig van valami, amit tanulhatsz, különösen ebben a technológiában.
Ismerje meg, foglalkozzon és írja be a kódot.
Kérjük, vegye figyelembe, hogy néhány címke csak <>. És br - néhány példa. Más címkék <>, további bezárásra van szükség. Például, "".
Az emberek új felfedezéseket várnak, így feltalálják, létrehoznak egy designt vagy kódot.
Miután sokat tanulsz, próbálja meg tanulni a szerver programozását.
Ismerje meg a CSS-vel, valamint a jаvascript használatát.

Figyelmeztetések

Ne feledje, hogy a HTML szerkesztése tartalmat szerkeszt. Ez azt jelenti, hogy a HTML-t csak az elismert formátumú tartalom tárolására használják. Más változtatásokat más technológiákkal kell elvégezni, például a CSS-t. Azt is jelenti, hogy "szemantikailag helyes", Még ha mások sem ismerik fel. Egyéb programozási nyelvek segítenek létrehozni a weboldalakat (CSS, jаvascript és XML). A HTML egy tartalomtervező.

Amire szükséged van

Szövegszerkesztő, amely támogatja az ANSI kódolást
Web böngésző, például az Internet Explorer vagy a Mozilla Firefox
(Opcionális) WYSIWYG vagy WYKIWYG HTML szerkesztő, mint például az Adobe Dreamweaver, az Aptana Studio vagy a Microsoft Expression Web