Hogyan lehet létrehozni egy HTML Site Notepadot

Gyorsan hozza létre a HTML & # oldalt; Lépésenkénti tisztítási útmutató

Tartalom:

Üdvözlet az oldalon Blog Start-Luck. Ma szeretném megmutatni, hogyan kell használni a kódot. Írjon webhelyeket – érdekes foglalkozás, amit sokan nem lehet fizetés nélkül. Valójában egy egyszerű oldal lehet létrehozni mindössze 5 perc alatt.

Ebben a cikkben elmondom a HTML oldalak létrehozásáról. Ezt a feladatot kevesebb mint 10 perc alatt fogjuk elvégezni, majd részletesebben kitaláljuk a fő címkékkel. Helytelen lenne egy hasonló kiadvány leckét hívni. Ez inkább olyan vetőmag, amely megmutatja, hogy megmutassuk a munkát, és szüljenek, hogy vágyakozzanak, hogy továbblépjenek, többet megtudva, jobbak.

Az oldal létrehozása

Első oldal Azt javaslom, hogy a notebook. A legegyszerűbb, amely a “Start” menüben van, mappa “Standard”. Még nem kell letölteni semmit. Próbálja meg használni, amit van.

Nyílt dokumentum.

Helyezze be ezt a kódot.

Htmleadtititemoy első oldal / cím / headbodycenterh1 Könnyebb hozza létre az oldalt, mint gondolnád / h1 / központ Sokan úgy tűnik, hogy a webhelyek létrehozása összetett, akár kivivé. Ehhez sokat kell tanulnod, tanulni, készíteni. Valójában olyan címkékről van szó, amelyek még nem tanulnak. Csak fontos megérteni, hogy mi és hol érvényes. Az információ különböző kiságyakban megszóródhat, és idővel elkezdi emlékezni a gépre vonatkozó címkéket. BR / BR / CENTER / CENTERBR / BR / FONTSTYLE = Szín: REDProde kód lehetővé teszi, hogy a szöveg piros / FontBr / Br / Bnap zsírsav nem sokkal bonyolultabb / BR / BR / Elértük a Niza BR / BR / Most már tudja, egy kicsit a címkékről, és használhatja őket. Próbáljuk meg hivatkozni, hogy több oldalt kössön össze. BR / BR / HR például itt van egy link a blogomhoz – Ahref = HABSTART-LUCK / A – csak egy nehéz. Br / br / nos, ez minden. Az első oldal készen BR / BR // Body / HTML

HTML HEAD TITLEMOY első oldal / Cím / Head Body CenterH1 Oldal létrehozása egyszerűbb, mint gondolnád / h1 / center Sok tűnhet, hogy a területek létrehozása az összetett, sőt megvalósíthatatlan. Ehhez sokat kell tanulnod, tanulni, készíteni. Valójában olyan címkékről van szó, amelyek még nem tanulnak. Csak fontos megérteni, hogy mi és hol érvényes. Az információ különböző kiságyakban megszóródhat, és idővel elkezdi emlékezni a gépre vonatkozó címkéket. BR / BR / CENTER / CENTRUM BR / BR / FONT style = SZÍN: REDFLY kód lehetővé teszi, hogy a szöveg piros / font br / br / Bnaken zsír nem sokkal bonyolultabb / b br / br / elértük a Niza BR / BR / Most már többet tudsz a címkékről, és használhatja őket. Próbáljuk meg hivatkozni, hogy több oldalt kössön össze. br / br / óra Például itt van egy link a blogomba – a href = habstart szerencse / a – mondja éppen a nehéz. Br / br / nos, ez minden. Az első oldal készen áll a br / br / / body / html számára

Most kattintson “Mentés másként…”. Ez egy nagyon fontos kérdés.

A fájlt meg kell hívni Hab. A vége “.HTML “jelzi a fájlkiterjesztést. Ha csak adja meg az index nevét, a dokumentum szöveges fájlként kerül mentésre, és nem fog megnyitni a böngészőt.

Megtartottam a dokumentumot az asztalon. Most meg kell találnod, kattintson a jobb egérgombra, és nyissa meg bármely böngészővel. A Google Chrome-t választom.

Ez úgy néz ki, mint egy oldal, amit nekem hoztam. Semmi sem lesz más. Pontosan ugyanolyan: képekkel és színes betűtípussal.

Most részletesebben megmondom neked a címkékről, de most csak távolítsa el a fejlécet “Központ“És helyezze be a vonalat, amelyben a szó tartalmaz”Szín“. By the way, hogyan lehet megváltoztatni a HTML színét, amit már írtam. Ez nagyon egyszerű, ajánlom az olvasást.

Mentse el a dokumentumot, ezúttal egyszerűen használja a Ctrl + S billentyűkombinációt, majd frissítse az oldalt a böngészőben az F5 gomb

Ne feledje, szinte minden címke meg kell nyitnia és zárnia kell. Vagyis valahol kell elhelyezni a kódot egy slash-el. Ebben az esetben így néz ki: / Font.

Lásd, a cím piros lett. Hasonlóképpen megadhatja a szöveg bármely részének kívánt árnyalatát.

Nos, ez minden, a példa készen áll, és büszke lehet magadra. Természetesen nem online, ezért ezt a weboldalt el kell halasztani a kiszolgálónak, amely a tárhelyhez tartozik. Azt is kell csatlakoztatnia a domainet más emberek számára, láthatod a létrehozását.

Míg az oldalt csak akkor látja. De egyetértek azzal, hogy csak a vaskorú személy meglepődhet ezen az oldalon. De ez az első tapasztalat, hogy még sikeresebbé tegyük, jöjjön létre az általunk használt címkékkel. Ez segít megtanulni, hogyan hozhatja létre projektjeit, segítség nélkül.

Címkék

Az Ön engedélyével megyek a Notepad programba++. Számos előnye van a szokásos notebookhoz képest. Most nagyon hasznos vagyok a címkék megvilágítására, hogy megmutassam ezeket az elemeket, amelyeket megmondok. Általánosságban elmondható, hogy ha HTML-t fog tanulni, akkor nagyon ajánlom az ingyenes program telepítését.

Ő nem az egyetlen, és többet tudok kínálni Önnek a felülvizsgálatomban, ha valaki érdekli az alternatívákat. Az elméleti részhez fordulunk.

Fő

Elindítja és befejezi az oldalt a címkékkel HTML / HTML. Megmutatják a böngészőt, hogy ez a HTML által létrehozott webes dokumentum.

Következő megy Fej / fej vagy cím. A legfontosabb információkat tartalmazza az oldalról, az esetünkben – cím. Ha még nem találta meg az “első oldalam” kifejezést, amely jelen van a kódban, figyeljen a fülre, a keresési öltés felett.

Ez címkék Cím / cím felelős az oldal alapinformációinak kezdetéért és végéért.

Ezután jön a fő tartalom. Címkék Test / test. Minden látható oldalon: címsorok, szövegek, képek és így tovább.

Címke H1 azt jelzi, hogy a kifejezés a fejléc. Alapértelmezés szerint ez egy kicsit több fő szöveg, és kiemeli a zsírt. Ha most nemcsak a HTML-ről írnánk, hanem létrehoztunk egy CSS fájlt is, amellyel a fájlunk visszhangzott, az oldal összes fejlécének színét, betűtípust és még az oldal összes címét is ellenőrizheti, nem írva betű stílus, Hogyan csináltuk a példát. Bár túl korai.

By the way, cím és H1 befolyásolja a webhelyet a keresési eredmények között. Kezelje őket nagy figyelmet, és ne írjon belsejében, ha csak. A vetőmag-optimalizáláshoz kapcsolódnak. A H1 mellett is vannak H2, H3, H4.

Ugyanabban a sorban nyitott és zárás van Központ. Ennek az elemnek köszönhetően beillesztheti a szöveget a közepén. Ha ezt a címkét eltávolítják, akkor a szöveg a jobb szélen áll.

Br / & #; az egyik néhány egyetlen címke. Ez önmagában működik. Ennek köszönhetően az elemek egy sorból egy másikra ugrik. Egyszerűen tegyen, tegyen egy fűtést. Írta egyszer, ami azt jelenti, hogy egyszer leállt, kettő, mint én, és a francia bekezdés egy kicsit több.

Kép

Ezután jön a címke img, Ez a kép, kép. Megnyílik a négyzet alakú konzol, az összes alapvető információ a képről illeszkedik, csak akkor zárja le. meg kell említeni, hogy img – ez egy címke, és a beléptető kód minden más eleme attribútuma.

Először is megy Alt, Ez leírás. Szükség van az optimalizálásra is. Néha hozzáadva is cím. Ha az egeret a kurzor melletti mellé helyezi, akkor az oldal már nyitva van a böngészőben.

Letöltheti a rajzot a webhely mappába, és írhatja az utat, de egyszerűen mentem. A Pixabay ingyenes fotók között találtam egy képet, megnyitotta egy új ablakban, és beillesztett egy linket.

Tegben SRC előírja a kép elérési útját. Ez az, aki rámutat a böngészőre, amelyre a következő, hogy a következő, hogy megtalálja a kívánt képet, és milyen irányba keresi – Írja meg magad.

Szövegformázás

Font / betűtípus Felelős egyfajta különleges stílus szövegének egy részének, például egy másik szín esetén. Stílus = & #; Szín: Red & #; azt mutatja, hogy a szín piros lesz. Ha sárga, írsz sárga, zöld – zöld. A Photoshot színek fényképeit használhatja.

B / B Segíti a szöveges zsír kiemelését.

Hr / Vízszintes vonalat rajzol. Ez egyetlen, és csak zárt formában használható. Ha írsz Hr / Többször is, majd pontosan ugyanazokat a vízszintes sávokat kapja meg, amikor megnyit egy oldalt a böngészőben.

Linkek

A Megadja a böngészőt, hogy link lesz. Szeretné átirányítani az olvasót egy másik címre. Ez a címke kötelező attribútummal rendelkezik href = “Cím”. Az útvonal beillesztésre kerül az idézetbe, ahol a böngészőnek át kell adnia a látogatókat az oldalra. Miután a címke regisztrált, a leírás be van helyezve, szó vagy több, ha rákattint, hogy az olvasó tovább kerül tovább. Ezen feltételek befejezése után beillesztheti a második, záró címkét a.

Miután az oldal fő részét írják, bezárja a címkét Test, Mivel a test befejeződött. És jelezze, hogy a mai napig leáll Html.

Ha többet szeretne megtudni a HTML-címkékről, és megtanulja, hogy ne csak képeket, hanem videót is beilleszteni, gombbal létrehozhat gombokat, különböző formanyomtatványokat, listákat, bekezdéseket, akkor az Evgeny Popova szabadon felajánlhatokA HTML alapjai“. Összesen 33 lecke segít új szint elérésében.

Azt is szeretném ajánlani egy videó tanfolyamot, amely megmondja, hogyan kezeli a webhelyeket. Az egész folyamat valódi példákban jelenik meg, ami különösen jó. A kurzust mind az újonnan érkezők számára tervezték, amelyek még a HTML sem tudják, és azok számára, akik már jól ismerik a HTML-et, és a CSS-t azonban a webhelyek nem tudják, mennyire jól. A linkre kattintva több teljes információt kaphat: Hab

Ráadásul vegye el Ingyenes könyv a helyszín létrehozásáról! Ezt a könyvet kezdőknek tervezték, és itt a webhely létrehozása és. Ez az, hogy a tervezés előkészíti, akkor az oldalak elsajátításra kerülnek, a szoftverrész meg van írva, és a webhely után az interneten kerül elküldésre. A szerző gondosan megjegyzi mindent, és a könyvben sok képernyőképek és illusztrációk. Sőt, a funkciót a könyv, hogy nem jön létre semmilyen elméleti helyén, hanem nagyon is valóságos és meglévő internetes.

Ma sokat tettél, mert az első lépés a legnehezebb.

Feliratkozás a hírlevélre és Csoport Vkontakte, És megtudja: hogyan és miért van szükség egy site motorja, ami egy blokk elrendezés és a moduláris rács, hogyan kell írni oldalakat és még sok más.

Új találkozókhoz és sok szerencsét!