Hogyan hozzunk létre egy HTML fájlt jegyzettömb

Tartalom:

HTML fájltípust

HTML Basic Fájl Egyesület

.HTML

Fájlformátum:	.HTML
Fájltípus:	Hypertext Markup Language fájl

HTML weblapot, amely lehetővé teszi, hogy megjelenítse és méret szöveget és a képeket egy webböngészővel. Ez tartalmazza a jelölő kódot szöveges formátumban.

Teremtő:	különböző fejlesztők
Fájl típusa:	Web fájl
Registry kulcs:	HKEY_CLASSES_ROOT \.HTML

Szoftver, nyitó Hypertext Markup Language Fájl:

Microsoft Jegyzettömb, Fejlesztő – Microsoft Corporation

Kompatibilis valamivel:

Internet Explorer Developer – Microsoft Corporation

Kompatibilis valamivel:

Mozilla Firefox fejlesztői – a Mozilla

Kompatibilis valamivel:

Google Chrome, Fejlesztő –

Kompatibilis valamivel:

Opera, Fejlesztő – Opera szoftver

Kompatibilis valamivel:

Microsoft Edge, Fejlesztő – Microsoft Corporation

Kompatibilis valamivel:

Adobe Dreamweaver, fejlesztő – Adobe Systems Incorporated

Kompatibilis valamivel:

Apple Safari, Fejlesztő – Apple

Kompatibilis valamivel:

Abiword, Fejlesztő – Nyílt forrás

Kompatibilis valamivel:

Notepad2, Fejlesztő – Nyílt forrás

Kompatibilis valamivel:

Webuilder, Fejlesztő – Blumentals szoftver

Kompatibilis valamivel:

Visual Studio Code, Fejlesztő – Microsoft Corporation

Kompatibilis valamivel:

Textaszt-kódszerkesztő, fejlesztő – Alexander Blach

Kompatibilis valamivel:

Amaya, fejlesztő – nyitott forrás

Kompatibilis valamivel:

Kompozer, fejlesztő – nyitott forrás

Kompatibilis valamivel:

Screem, Fejlesztő – David A lovag

Kompatibilis valamivel:

Espresso HTML, Fejlesztő – Fornace SRL

Kompatibilis valamivel:

Folytatjuk a HTML oldal létrehozását

Fájl létrehozása PDF formátumban

1) Hozzon létre egy HTML mappát az asztalon . Ezt megteszünk, hogy a leckéket egy helyen strukturálták és tartják.

2) Hozzon létre fájlunkat egy szövegszerkesztőben, például a Notepad (Notepad). Következő mentés.

A kódolás jobb az UTF-8 kiválasztásához, majd válassza ki az összes fájltípust, és válassza ki a fájl nevét .HTML a végén, például a Hab

Válasszon könyvtárként (mappák) Hol menthető el, a HTML-t a mentéshez nyomja meg. Kész!

Gyakran kérdezik meg azt a kérdést, hogy ez nem látható a fájl bővítéséhez. Csodálkozzunk rendben

A fájlnév bővítése – Ez a fájlnévhez és a fájlazonosításhoz hozzáadott karakterek sorrendje (fájlformátum). Egyszerűen tedd, ez .Txt .doc .alkalmazás .Jpg és td a fájl neve végén

A fájlbővítmények megtekintésének képessége segíthet pontosan meghatározni a fájl típusát, és lehetővé teszi manuálisan (amikor parancsot) átnevez) Változtasson csak a kiterjesztést, hanem a fájl típusát is (például a txt segítségével a HTML-en)

Tehát nem kell úgy néz ki: Fotó, szöveges dokumentum, játék Így úgy néz ki: Hab; Szöveges hab; Hab

De ha még mindig van fájlnevek, úgy néz ki, mint az első verzió (például anélkül, hogy például, .Txt; JPG; .Exe a fájlnév végén), tegye a következőket:

Megnézzük a fájlok és mappák konfigurációját:

A Win XP esetén bármilyen mappát nyit meg – a szolgáltatás (felső a panelen) – A mappa tulajdonságai – nézet – A regisztrált fájlok bővítményeinek elrejtése (Távolítsa el a jelölőnégyzetet) – Alkalmazás

Win 7, Nyissa meg a mappát – Rendezés – Fájl és keresési paraméterek –vid – Bővítmények elrejtése a regisztrált fájltípusokhoz (Eltávolítás pipa) – Alkalmaz

Mac OS bezár a Desktop – kereső – Beállítások – Haladó – Állítsa be a négyzetet a show minden File Extensions (Show kiterjesztését az összes fájl) – Alkalmazás

3) Helyezze be az összes kódot (a megjegyzésekkel együtt), amely az alábbiakban:

4) Nyissa meg a fájlt. Kiválaszthatja a másik böngészőt a fájl megnyitásához, erre nyomja meg a jobb egérgombot a Hab fájlunkon – Megnyitni és válasszon néhány böngészőt a listából, például az Internet Explorer, a Google Chrome, a Mozilla, a Yandex böngésző és a TD.

Ennek eredményeként megnyitja az internetes böngészőt Hab , Meg kell néznie az ilyen típusú oldalt:

1. kép.

Tovább 1.ábra Látjuk, hogy ennek eredményeképpen a böngésző elhagyta az oldalt. A következő elemek szövege piros:

Az alábbi kódban láthatja a HTML dokumentum alapvető minimumát. Meg kell tanulni, és nem zavarja a címkék megnyitásával és zárásával.

A fejcímke kiosztja a dokumentum fejrészét. Az előírt elemek elsősorban a böngésző segítségével kapcsolódnak az oldal elemeinek feldolgozásában (név, kulcsszavak, szerzők stb.) Különösen a tartalmáról, amelyet később beszélünk.

Címke cím jelöli az oldal nevét. Ez az egyetlen címke, amely tartalmazza Fej, amely az oldalon jelenik meg. Mit kell belépni a nyitás után, és a záró címke előtt az oldal neve az interneten

A példákban lévő címkék bal oldalán lévő összes francia bekezdés opcionális. Az egyértelműségért készülnek, hogy láthassa egy pár címkét

Címke Test Jelzi az oldal testét. Mit kell belépni a címkék megnyitása és zárása után Test és lesz az oldal tartalma

Szinte minden címke HTML nyílásban és zárásban (kivétel, például az IMG-címke, amely a kép beillesztését jelöli).

Ismét emlékeztettem Önre, hogy fontos, hogy ne felejtsük el elfelejteni, hogy záró címkéket írjanak minden más típusú címkékhez, különben a böngésző nem fogja megérteni, hogy hol pontosan meg akarta befejezni egy vagy egy másik elemet. Az alábbi:. Miután a szó a zsír elfelejtette a bezárási címkét b

Ennek eredményeként a böngésző a következőket hozta

Miután a szó a zsír elfelejtette a bezárási címkét b. Ennek eredményeként a böngésző a következőket hozta

Szeretném kiemelni a zsíros szöveget, és ezt Konizhen

Amint láthatod, a szöveget a végéhez kell hozzárendelni, és a dőlt betűvel járó, zsír és dőlt betű lesz. Szóval légy óvatos!

5) Ha a módosítani kívánt valamit a HAB fájlt (és most nyílik meg alapértelmezésben csak a böngésző), majd nyomja meg az egér jobb gombjával a HAB fájl – válasszon Megnyitni és a listából már kiválasztja a szövegszerkesztőt, vagy Notepad (angolul. Jegyzettömb), Vagy beállított egy másik szövegszerkesztőt.

Elvileg magyarázta az ASE-t. Míg a HTML oldal elég egyszerűnek tűnik, de a következő órákban részletesen megmondom neked ezeket és más elemeket és azok feladatait – a képeket, linkeket és sok más érdekes dolgot helyezünk el)

Hab

3. lépés – CSS stílusokkal dolgozunk

FB2: Hogyan kell megnyitni és hogyan hozhat létre egy FB2 fájlt?

Tegyük fel, hogy hozzáadott néhány szöveget a bekezdésekre, most meg kell adnod a stílust – válasszon betűtípusokat, háttér, francia bekezdéseket, az oldal szélességét és a t. D. Ez így néz ki:

Test {
Háttér: # F2F2F2;
Max-szélesség: px;
Margó: 10px Auto;
Padding: 30px;
}
H1 {
Szín: # 4C4C4C;
Padding-fene: 20px;
Margó alsó: 20px;
Határ alsó: 2px szilárd #bebebe;
}
P {
Font: dőlt;
}

A példában látod a háttérszín és a attribútum értékét (# F2F2F2), a szélessége az oldal (pixel), francia, a színe a címet, francia a fő szöveg és a határokat az oldal (kitöltés és Margó), valamint a szín határa az alsó a helyszínen 2 pixel (Border alsó). Az egész oldali összeszerelés jelöléssel, tartalommal és stílusokkal fog kinézni:

!DOCTYTE HTML Public & #; – // W3C // DTD HTML Transitional // en & #;
Html
Fej
META HTTP-EQUIV = & #; Content-type & #; Tartalom = & #; szöveg / html; Charset = UTF-8 & #;
Titleop kezdő webhely / cím
Stílus
Test {
Háttér: # F2F2F2;
Max-szélesség: px;
Margó: 10px Auto;
Padding: 30px;
}
H1 {
Szín: # 4C4C4C;
Padding-fene: 20px;
Margó alsó: 20px;
Határ alsó: 2px szilárd #bebebe;
}
P {
Font: dőlt;
}
/ Stílus
/ Fej
Test
H1This fejléccímke Első szint az oldal tartalmához / H1
Popper bekezdés / p
Nyomja meg a bekezdés / p gombot
Pretti sajtó. D./ P
/ Test
/ Html

Amint láthatja, a CSS tulajdonságokat hozzáadjuk a stílus / stíluscímkék között. Az összes művelet befejezése után mentse el az eredményt. Most, ha megpróbálja megnyitni az oldalt kapott oldal, akkor automatikusan elindul a böngészőben. Gratulálunk, létrehozta az első egyszerű webhelyét egy notebookban.

1. lépés: HTML kód írása

Hogyan hozzunk létre egy WordPress Hab fájlt. 4 módja

E cikkhez javaslom a legegyszerűbb segédprogramok használatát,
Például egy notebook Windows, Mac és TextEdit kedit KDE alatt
Meglehetősen alkalmas a feladatra. Amint megérted a főt
Alapelvek Ha többet használhat
fejlett fejlesztési eszközök, például ilyen kereskedelmi
Olyan programok, mint a stílus mester vagy Dreamweaver. De hozzon létre az elsőt
A CSS-fájlt nem szabad elvonítani sok kiterjesztéssel
lehetőségek.

Ne használja a szövegszerkesztőt, mint a Microsoft Word vagy
OpenOffice. Ezek a programok általában olyan fájlokat hoznak létre, amelyek nem
Olvassa el a böngészőket. A HTML és a CSS fájlok esetében szokásos
Szöveges fájlok formátum nélkül.

Az első lépés az, hogy megnyitja a szöveges üres ablakot
Szerkesztő (jegyzettömb, textedit, kedit vagy bármelyik szeretett) és
A következő szöveg beállítása:

!DOCTYTE HTML Nyilvános “- // W3C // DTD HTML // HU” HTML HEAD TITLÉME ELSŐ SZÁMÍTOTT PAGE / CITY / HEAD BOLUTE !– Site Navigation Menu – UL CLASS = “NAVBAR” LIE HREF = “Hab” kezdőlap / A Lia href = “Hab” Musings / A Lia href = “Hab” a városom / a lia href = “Hab” linkek / a / ul !– Fő tartalom – H1MY első stílusú oldal / h1 pwelcome a stílusomra! A pit hiányzik a képek, de legalább stílusban van. És linkek vannak, még akkor is, ha nem mennek bárhová; Pthere-nak itt kell lennie, de nem tudom, mi még. !– Jelzés és dátum Az oldal, ez csak udvarias! — Címzett 5 április 5-én./ Cím / test / html

Nem kell eltávolítania ezt a & #; Egyszerűen csak
Másolja és illessze be a szöveget az oldalról a szerkesztőre.

(Ha a textedit-t használja a Makinton, ne felejtse el megadni
Textedit & #; y Ez egy nagyon egyszerű szövegfájl megnyitásával
Formátum menü és a “Sima Text” opció kiválasztása.)

A HTML fájlunk első sora a böngészőt jelzi
A dokumentum típusáról (Doctype a dokumentumtípust jelzi). Miénkben
Case & #; Ez html verzió

A szavak és a címkék, és hogyan
Láthatja, hogy a dokumentum a HTML és a
/ Html címkék. A fej és / fej között
Vannak különböző információk, amelyek nem jelennek meg a nagyon
Dokumentum. Például van egy dokumentumfejléc. Később
Add hozzá és link a CSS fájlhoz.

A címke teste a dokumentum tartalmának helye. Alapvetően,
Mindaz, ami a címkén belül van, kivéve a szöveget
!& #; és & #; ki észrevételek, a budlet
képernyő. A megjegyzésböngésző figyelmen kívül marad.

Teg ul példánkban beállítja a kijelzőt
“Nem rendezetlen lista” (rendezetlen lista), t.E. Lista, elemek
Amelyek uncrimmer. Címkék Li Begin “Elements
Lista “(listaelem). A P tag egy “bekezdés”. És címke
A & #; “Anchor” (horgony), melyet létrehoznak
hiperhivatkozások.

HTML kód a Kedit szerkesztőhöz.

Tegyük fel, hogy ez az oldal lesz az egyik oldal
Több hasonló oldalból álló webhely. Mint mi, I
Megállapodtak, ez az oldal tartalmazhat linkeket más
Oldalak hipotetikus oldalon, egyedi tartalmat és
aláírás.

Válassza ki a „Mentés másként …” vagy „Save As …” a legördülő menüből
Fájl vagy adjon meg egy könyvtárat, hogy mentse a fájlt (például
Desktop), és mentse ezt a fájlt „HAB”. Nem
A szerkesztő bezárásához, akkor is szüksége van rá.

(Ha SzövegSzerk Mac OS X-nél kisebb
, Látni fogja a & #; Don & #; T hozzáfuzi .TXT Extension & #; v
párbeszédablak & #; Save As & #;. Válassza ezt a lehetőséget, mert a fájl neve
„HAB” már tartalmazza a tágulási. Több új verziók
TextEdit nyilatkozat .HTML kiterjesztés automatikusan.)

Ezután nyissa meg a fájlt a böngésző. Meg tudod csinálni a következő
Kép: Keresse meg a fájlt a fájlkezelő (Explorer, a Windows
Explorer, Finder vagy Konqueror) és click (egyszer vagy kétszer) szóló
Nem. Ha te mindent leírtak, a fájl neve lesz
“HAB”. Meg kell nyitni a fájlt a böngésző,
Alapértelmezés szerint telepítve. (Ha nem, akkor nyissa meg a böngészőt, és
Húzza a fájlt az ablakban.)

Hogyan nézhet HTML oldalkód megtekintése

Bármely böngészőben (például Firefox, Google Chrome, Opera), kattintson jobb gombbal a webhely oldalán, és válassza ki a & # forráskódot a legördülő menüből; Vagy vegye ki a Ctrl + U kombinációt. Megnyílik az oldal HTML oldala. Az interneten található webhelyoldal rendelkezik saját kóddal.

Valószínűleg megnyitja a webhely HTML-kódját, attól tarthat, hogy az írás nagy része érthetetlennek és összetettnek tűnik. De ez csak a komplexitás illúziója. Tény, hogy a HTML jelölés meglehetősen egyszerű (még az informatikai órákban is az iskolások is problémamentesek).

A HTML-címkék teljes száma nem olyan nagy (csak címkéket használnak). Plusz, sőt, az összes oldalt egy oldalon nagyon hasonlóak egymáshoz (eltérés csak a tartalom rész). Vegyünk azonnal egy egyszerű példát a HTML oldal létrehozására a tanulmány elindításához.

A HTML fájl összefoglalása

A HTML fájl kiterjesztése tartalmaz egy alapfájltípusokat, és megnyitható a Microsoft Notepad (Fejlesztő – Microsoft Corporation) segítségével. Összesen ez a formátum csak tizenhét szoftver (ek) rendelkezésére áll. Leggyakrabban van egyfajta hipertext jelnyelvi fájl.
A leggyakrabban HTML fájlok webes fájloknak minősülnek.

A HTML kiterjesztési fájlokat az asztali számítógépeken (és néhány mobileszközön) azonosították. Teljesen vagy részben támogatják a Windows, Mac és Linux.

A HTML fájlok népszerűségének minősítése “alacsony”. Ez azt jelenti, hogy gyakran nem találhatók a legtöbb eszközön.

HTML dokumentumszerkezet

1. Bármilyen HTML-dokumentumnak címkével kell rendelkeznie

HTML – A dokumentumcímke megnyitása (első), / html & #; A dokumentumcímke zárása (a legutóbbi)

Általában a HTML szinte minden címke két elemből áll: a nyitó címke és záró / címke.

A címkék nagybetűvel írhatók, és egy kicsi is lehet, mivel a böngészők nem érzékelik a regisztereket. Vagyis, ha így írsz:

Ez egyenértékű lesz azzal, amit egy kicsit magasabb, de nem ajánlott regiszterekkel játszani. Minimálisra, mert gyenge helyszíni érvényesítés. Ragaszkodjon az egyik két stílust: mindegyik címkét, egy kis betűvel, vagy nagy (jobb a kis).

2. Bármely HTML-dokumentum két részre osztható
Lap cím. Ez láthatatlan a felhasználó része az oldal, nem kötelező (de, hogy támogassák a webhely és optimalizálása az oldal kódja, ez nagyon fontos). Cím szintaxis:

A következő elemek a fej és / fej címkék között találhatók:

Meta címkék html (meta)
Cím oldal címe (lásd. Hogyan kell írni a címcímkét)
Csatlakoztatott JavaScript (JavaScript)
Kapcsolódó stílusok (link) és t.D.

Mindezen elemeket részletesen szétszedve a fejléccímkék speciális leckében. “

Oldal test (vagy fő rész). A felhasználó részében látható (a címkékben található). A szintaxis:

Test – nyitó testcímke. Azután, hogy a felhasználó látja: tervezési és tartalmi oldalak. A testet, és valójában a teljes HTML-dokumentumot a sorrend szerint kell kitölteni:

jegyzet: A fejléccímkéket az oldal testének elé kell helyezni! Közvetlenül a zárócímke / fej után kell mennie az oldal fő részének.

Az ebben a részben megírt összes címkét a 3. leckében vizsgálja – a legalapvetőbb HTML-címkék.

Kedves olvasó, azt hiszem, most van egy kis ötlete a HTML-dokumentumról. Ezután meg kell tanulnod sok más címkét, amelyek szükségesek a munkához. Ez egy bevezető lecke volt, akinek célja volt megismerkedve a HTML-vel. Most azt tanácsolom, hogy menjen a következő órákba.

Következő lecke: 2. lecke. Példa Egy egyszerű HTML oldal létrehozása

Speciális eszközök

De a böngészők a legegyszerűbb és primitívek a HTML oldalak megtekintésének. Ha nem csak a megtekintést kell tennie, hanem a szerkesztési eszközök használatához is, jobb, ha a webes programozáshoz tervezett professzionális segédprogramokhoz fordulhat.

A leghíresebb HTML-szerkesztők közül megtalálható a nagyszerű szöveg, Aptana Studio, Notepad ++, Macromedia Dreamweaver, RJ Texted, Kompozer, Comodo Edit, Vim, Freise, Pspad és sok más. HTML nyelvükön olyan egyszerűnek tűnik, hogy még a felkészületlen felhasználók is megbirkóznak a saját oldalának létrehozásával, amelyet a hipertext jelölés eszköze, teljesen elemi. Általánosságban elmondható, hogy nagymértékben megnyithatja a formátumú fájlokat bármely olyan programban, amely HTML támogatásával rendelkezik.

HTM formátum, amelyet több mint húsz évvel ezelőtt feltaláltak, a webcast fejlesztésének nyelve. Ebben a formátumban nem csak a webhelyek hozhatók létre, hanem zenei gyűjtemények, könyvek és így.

Nagyon sok érdekes, mint a htm és a különbség . Korábban tényleg vannak különbségek – HTML-t használtunk UNIX rendszerekben, és a HTM-t az ablakokban támogatták. Ma nem különböznek bárhol és ugyanabban a rendszerben dolgoznak.

Mit jelent a HTML és HTML fájl létrehozása?

A HTML-t az oldalak interneten történő készítésére használják pontosan, amit mindannyian ismeri:

Gyönyörűen berendezett szövegek,
kiosztott zsír és dőlt,
csak fekete vagy többszínű,
Aktív linkekkel a webhely más oldalára vagy a blogra,
Képekkel, videókkal, hangokkal és sok más kíváncsi halakkal.

Lényegében a HTML számos webhely oldalainak közepe. Gyakran a gyönyörű design a HTML jelölőnyelv segítségével jön létre. Ellenkező esetben a HTML elrendezést használó oldalak létrehozását is nevezik.

A webhelyek más programozási nyelveken hozhatók létre, például PHP-ben.

A Britannia Tim Berners Lee tudósja évek óta HTML nyelvet fejlesztett ki Svájcban. Lényegében HTML lehetővé teszi, hogy egyszerű, de ugyanakkor gyönyörű dokumentumok. Már később HTML multimédiás képességek (video és t.Ns.) És támogatja a hipertext (hiperlinkek létrehozása).

Ahhoz, hogy a munka a HTML, az összes ismert böngésző programok jöttek létre, ők is Internet megfigyelők, mint például:

Mozilla Firefox (Mozilla Firefox),
Internet Explorer (Internet Explorer),
Google Chrome (a Google Chrome),
Opera (Opera),
Yandex (Yandex) böngésző,
Safari (Safari) és
Egyéb.

Kezdetben a fő jellemzője a böngésző állt csak az értelmezése a HTML kódot, és kimenet a vizuális eredmény a felhasználó képernyőn.

Mi html oldal?

Fájlokat, dokumentumokat oldalakon létrehozott HTML nyelven van egy kiterjesztése a típus .HTML vagy .Htm. Például egy HTML oldalt (vagy HTML-fájl vagy egy HTML dokumentum) lehet egy név:

Szigorúan véve, HAB a fájl nevét (vagy oldal neve), ahol

Test – fájl nevét,
.HTML – A fájlnév (vagy az oldalnév bővítése) kiterjesztése, amelyet általában egyszerűen “kiterjesztésnek” neveznek.

Most a “formátum” szó gyakoribb volt a “Bővítés” szó helyett. Ezért a “HTML formátum” kifejezés azt jelenti, hogy a fájl (vagy oldal) HTML-ben van írva, és az ilyen fájl neve HTML kiterjesztéssel rendelkezik. Eszközök,

Windows operációs rendszer alapértelmezetten elrejti a fájlbővítményeket (azaz fájlformátumokat). A programozók tette „nem gonosz”, és annak érdekében, hogy megvédjék a felhasználót a meggondolatlan változás fájlkiterjesztések. Ezt úgy lehet elvégezni, hogy az alapértelmezett fájlkiterjesztések nyitva voltak. A Windows 7-ben:

Kattintson a Start gombra,
Nyissa meg a kezelőpanelt,
Megtaláljuk a mappák paramétereit,
Nyissa meg a Nézet fület, lapozzunk a legalacsonyabb és a
Távolítsa el a kullancsot az opció előtt “Bővítmények elrejtése regisztrált fájltípusokhoz”,
Kattintson az “OK” gombra.

Ha most felemeli a szemét, és nézze meg a böngésző címsorát, akkor látni fogja az olvasott oldal nevét, és a név végén érdemes .Html. Ez egy példa az interneten közzétett HTML blogoldalakra. Általában a blog (webhely) sok HTML oldalt tartalmaz. Például a blog minden egyes cikke külön HTML oldal.

Az interneten csak egyoldalas oldalak vannak, amelyek csak egy HTML oldalt tartalmaznak. Például lehet

Internet névjegykártya vagy cég vagy
Az interneten keresztül értékesített oldal bármely terméken vagy szolgáltatáson keresztül.

A HTML nyelv folyamatosan fejlődik, és ma számos verziója van, szeptember 22-én a HTML-től kezdve, és október 28-i legújabb HTML verziójával végződik. Szeptemberben a HTML kiadása

Mi a html címkék?

A HTML a címkék nyelvi jelzési nyelv. A címkék háromszög alakú zárójelben vannak. A címkék párosak és párosíthatók.

Például a “B” címke, amely háromszög alakú zárójelben van, a szövegzsírt teszi

Zsíros szöveg

Ennek eredményeként kiderül: a szöveg kiosztott zsírt

És a címke „I” a szövegbevitel szempontjából.

belsőleg szöveg

Ennek eredményeképpen megkapjuk: text kiosztott dőlt

Van is egy címkét fordítására vonal „BR”.
Az „Egy href” címke, egy hivatkozásra különbözteti.
Tag a fejlécben a dokumentum – . Ez egy címke, amely megnyitja a dokumentumot. Ő egy pár abban az értelemben, hogy szükség van rá a záró tag egy perjel .
A cím után van egy nagy része, amely között található a nyitó címke és a záró címke

Hab

HTML dokumentum felépítése beállítása

HTML dokumentumok egyszerű szöveges dokumentumok mentett bővítése .HTML, nem .TXT. Írásához HTML először, szüksége van egy szövegszerkesztő, hogy használatban vannak. Sajnos, ez nem tartalmazza a Microsoft Word vagy oldalak, mivel ezek olyan összetett szerkesztők. Két legnépszerűbb szövegszerkesztők írásához HTML és a CSS Dreamweaver és Sublime szöveg. Ingyenes alternatívák szintén notepad ++ Windows és Textwrangler for Mac.

Minden HTML dokumentum tartalmaz egy kötelező szerkezetet, amely a következő nyilatkozatokat és elemeket tartalmazza: !DOCTYTE HTML, HTML, fej és test.

A dokumentum típusának bejelentése vagy !A HTML Doctype a HTML-dokumentum és a jelentések böngészők kezdetén kezdődik, melyik HTML verzióját alkalmazzák. Mivel a HTML legújabb verzióját fogjuk használni, a dokumentum típusunk egyszerűen !HTML DOCTYTE. Ezután van egy elem HTML jelentése a dokumentum kezdete.

A HTML belsejében a fejelem meghatározza a dokumentum tetejét, beleértve a különböző metaadatokat (oldal kísérő információ). A fejelem belsejében lévő tartalom nem jelenik meg maga a weboldalon. Ehelyett, nevét is tartalmazza a dokumentum (ami megjelenik a böngésző ablak címsorában), linkek külső fájlokat, vagy bármilyen más hasznos metaadatokat.

Minden látható weboldal tartalom lesz a testelemben. A szerkezet egy tipikus HTML dokumentum a következő:

A HTML-dokumentum szerkezetének bemutatása

Ez a kód megjeleníti a dokumentumot, a hirdetési típusú hirdetés típusától kezdve, !DOCTYTE HTML, majd azonnal HTML elem. Belül html go elemek fejét és testét. A fejelem tartalmaz egy oldalt kódoló Meta Charset = & #; UTF-8 & #; és a dokumentum neve címelemen keresztül. A testelem egy fejlécet tartalmaz H1 elemen és szövegrészen keresztül. Mivel a cím és a bekezdés a testelembe fektetnek be, a weboldalon láthatóak.

Ha egy elem egy másik elem belsejében található, más néven fektetett, jó ötlet, hogy hozzáadjon egy fűtést annak érdekében, hogy a dokumentum szerkezetét jól szervezett és olvasható legyen. Az előző kódban mindkét fej- és testelem beágyazódik és a HTML elem belsejébe kerül. Az elemek behúzásának szerkezete az új hozzáadott elemekkel folytatódik a fej és a test belsejében.

Önzáró elemek

Az előző példában a META elem volt az egyetlen tag, amely nem tartalmazza a záró tag. Ne aggódj, szándékosan történt. Nem minden elem nyitó és záró címkékből áll. Egyes elemek egyszerűen kapnak tartalmat vagy viselkedést az attribútumok egy címkén belül. A meta ezen elemek egyike. A metaelem tartalmát a példa tartalmazza a karakterláncok és értékek segítségével. Más tipikus önhullámú elemekhez:

Br
beágyaz
HR
img
bemenet
Link
Meta
Paraméter
Forrás
Wbr

A dokumentum típusának kijelölésével csökkentett csökkentett struktúra !A HTML és a HTML, a fej és a testelemek doctype meglehetősen gyakori. Ezt a dokumentumszerkezetet kényelmesen szeretnénk tartani, mivel gyakran alkalmazzuk az új HTML dokumentumok létrehozásakor.

Kódellenőrzés

Nem számít, milyen szépen írjuk a kódot, a hibák elkerülhetetlenek. Szerencsére a HTML és a CSS írásakor érvényesítjük a munkánk ellenőrzését. W3C ajánlatok HTML és CSS érvényesítő, hogy a vizsgálat hibakód. A kód ellenőrzése nemcsak segíti a helyes megjelenítését minden böngészőben, hanem segít a legjobb gyakorlatok tanításában a kód írásakor.

Mi a HTML és CSS?

HTML (Hypertext Markup Language, Hypertext jelölési nyelv Megadja a tartalom szerkezetét és annak jelentését, meghatározza az ilyen tartalmat, például címsorokat, bekezdéseket vagy képeket. CSS (Cascading Style Sheets), vagy a Cascading Style táblázatok – Ez egy előadás nyelve létrehozott regisztrációs megjelenése tartalmat, például betűtípusok és színek.

Ez a két nyelv – a HTML és a CSS függetlenek egymástól, és meg kell őrizni és maradni. A CSS-t nem szabad írni a HTML-dokumentumban, és fordítva. Általános szabályként a HTML mindig a tartalmat képviseli, és a CSS mindig meghatározza a tervezését.

A HTML és a CSS közötti különbség ilyen megértésével a HTML részletesebben való belsejét.

Hogyan hozzunk létre egy HTML fájlt jegyzettömb