Hogyan készítsünk HTML oldalt

Ha saját weboldalt szeretne létrehozni, ismernie kell a HTML-t. This article explains how to create an HTML page. Is, megtanulod, hogyan készíts xml-webhelytérképet, és hogyan adj hozzá képet és linket. Az is fontos, hogy készítsünk egy xml-oldaltérképet, amelyek segítségével rendszerezheti webhelyét és növelheti a forgalmat. A következő lépés a sablon kiválasztása.

Creating a html page

A HTML egy jelölőnyelv. A weboldal minden elemét egy címke képviseli. A címkét szögletes zárójelek azonosítják, és minden elemnek van egy vagy több címkéje. Egyes elemek csak egy címkét igényelnek; másoknak kettőre lehet szükségük. A nyitó és záró címkén egy perjel van (/). Például, a bekezdés elemet a p címke képviseli. A nyitó és záró címke közötti szöveg a bekezdés szövege.

HTML dokumentum létrehozásához, szövegszerkesztőt kell használnia. A legtöbb számítógép alapértelmezés szerint szövegszerkesztővel rendelkezik. A Windows-felhasználók az Internet Explorert használják, míg a Mac-felhasználók használhatják a TextEdit-et. Professzionális megjelenésű weboldal létrehozásához telepíthet egy díszes szövegszerkesztőt, hanem az első HTML-oldalához, nem szükséges. Használhat egyszerű szövegszerkesztőt és bármilyen webböngészőt. Ha nem biztos abban, hogy melyik programot használja, próbáljon meg letölteni egy ingyenes HTML-szerkesztőt.

A html oldalnak két fő része van: a test és a fej. A törzsrész tartalmazza a weboldal tényleges tartalmát, míg a fejrész a címhez és a metainformációkhoz használatos. A test minden más elemet tartalmaz, beleértve a képeket és egyéb grafikákat. A fejléc rész az a hely, ahol elhelyezheti a navigációs hivatkozásokat. Miután befejezte a törzs írását, készen áll a dokumentum tartalmának beillesztésére. Ügyeljen arra, hogy a test és a fej elemeket használja, hogy webhelye mindenki számára elérhető legyen.

Creating a xml sitemap

If you have an HTML page, érdemes létrehozni egy XML-webhelytérképet, amely segít a keresőmotoroknak webhelye feltérképezésében. Bár ez nem befolyásolja a keresési helyezéseit, segít a keresőmotoroknak megérteni a tartalmat, és beállítani a feltérképezési sebességüket. Ily módon, webhelye jobban látható lesz a keresőmotorok eredményei között. Íme néhány egyszerű lépés az induláshoz:

A HTML oldaltérkép létrehozása egyszerű. Mindössze annyit kell tennie, hogy készítsen egy egyszerű táblázatot webhelye oldalairól, minden oldalra mutató hivatkozásokkal. Ezután a fejlécben vagy a láblécben hivatkozzon az adott webhelytérkép-oldalra. Ily módon, függetlenül attól, hogy webhelyének hány oldala van, az emberek könnyen navigálhatnak rajtuk. Ráadásul, webhelytérkép létrehozásához nem kell SEO-t beküldenie.

Miután a HTML-oldal élesben van, küldje el a Google Search Console-ba. Bármilyen fájlkiterjesztést használhat, és elnevezheti XML-webhelytérképét. Az XML-webhelytérképet elküldheti a Google-nak, de nem szükséges. A Google feltérképező robotjai általában nagyon jók az új tartalom felfedezésében, és nem kell webhelytérképet küldenie nekik. Beküldheti más keresőmotoroknak is, de ez nem garantálja, hogy a Google felfedezi Önt.

Nem szükséges XML-webhelytérképet hozzáadni a weboldalához, de növeli a webhely SEO-ját. A webhelytérképeket a keresőmotorok arra használják, hogy segítsenek nekik olyan oldalakat indexelni, amelyekre nem hivatkoznak közvetlenül egy weboldal. A webhelytérképek hozzájárulnak a multimédiás tartalmak hozzáférhetőségének javításához is. Ha webhelytérképet ad hozzá webhelyéhez, akkor webhelye könnyebben elérhető a keresőrobotok számára.

Adding a picture

In HTML, az img címke használatával képet adhat az oldalhoz. Ez a címke csak a képet és annak attribútumait tartalmazza; nem igényel zárócímkét. Ezt a képcímkét a HTML-dokumentum törzsrészébe kell beilleszteni. A kép szélességén és magasságán kívül, a képet leíró alt attribútumot kell megadnia. Az alt címkét úgy kell írni, mintha egy olyan személynek írnád a leírást, aki nem látja.

Kép hozzáadásához egy HTML-dokumentumhoz némi CSS- és HTML-ismeretre van szükség. A képméret és a felbontás a két legfontosabb tényező, amelyet figyelembe kell venni. A kép mérete határozza meg, hogyan fog illeszkedni a dokumentum tartalmához. Ha más felbontást vagy képarányt szeretne használni, megpróbálhatja átméretezni a képet is. azonban, ne feledje, hogy a méretezés nem mindig úgy működik, ahogyan elvárná.

Egy jó hüvelykujjszabály a kép méretének beállításához a szélességének növelése. A szélességnek legalább egy képponttal kisebbnek kell lennie, mint a magasság. Ha a kép túl kicsi a megjelenítéshez, szegélyt adhat hozzá, majd állítsa be a képmérethez. A kép szegélyét úgy is módosíthatja, hogy hozzáadja a border attribútumhoz. A szegély vastagsága az alapértelmezett érték, de tetszőleges értékre állíthatja. Győződjön meg arról, hogy a kép rendelkezik src attribútummal.

Adding a link

You can add a link in HTML to your document using an a> tag a href attribútummal. Ezzel létrehoz egy könyvjelzőt a dokumentumhoz, és megnyitja azt egy új lapon. A href attribútum használatával képet is beszúrhat a dokumentumba. Használhat egy hivatkozást JavaScript kóddal is, hogy egy HTML gombot linkgé alakítson. Miután ezt megtette, a linket CSS- vagy JavaScript-kóddal formázhatja.

A hivatkozás az egyik webes erőforrás és a másik közötti kapcsolat. Két végből áll, egy forráshorgony és egy célhorgony. A hivatkozás a képtől a szöveges fájlig bármi lehet. A legtöbb közösségi oldal és webhely hivatkozásokat használ, hogy a felhasználókat egy adott URL-re irányítsa. A HTML segítségével a hivatkozás helye is megadható. Ez egy’ attribútum lehetővé teszi, hogy kódelemeket kapcsoljon egy URL-hez.

Link kialakításánál, Ügyeljen arra, hogy fontolja meg, hogy látogatói hogyan fogják használni a tartalmat. A link szövegének leíró jellegűnek kell lennie, hogy pontosan tudják, mire számíthatnak. Ugyanannak az URL-nek az ismétlése csúnya a képernyőolvasók számára, és nem ad nekik semmi hasznos információt. A képernyőolvasók a hivatkozások létezéséről is tájékoztatják a felhasználókat azáltal, hogy eltérő stílusúak vagy aláhúzottak. Ily módon, könnyen megtalálják a szükséges információkat.

Adding a table

Adding a table to an HTML page is simple, de van néhány dolog, amit figyelembe kell venni, mielőtt megtenné. Az asztal háttérszíne kulcsfontosságú ahhoz, hogy elkapja a látogató figyelmét, és felhívja a figyelmet a fontos információkra. Más színt állíthat be a táblázat fejléceleméhez és adateleméhez hexadecimális színkódok vagy színnevek használatával. Másik út, az asztalod jól látható lesz.

A td elemmel táblafejlécet és táblázatadatokat adhatunk hozzá, amely meghatározza az egyént “dobozok” a tartalomért. A táblázat fejlécének hozzáadása az első lépés az adatok weboldalon való megjelenítéséhez, és ha akarod, add hozzá az elsőt. A táblázatnak három soros fejlécnek is kell lennie. Az egyik fejlécnek üresnek kell lennie. Ha a táblázatban vannak oszlopok, sorfejlécet is létre kell hoznia minden oszlophoz.

Feliratokat is hozzáadhat a táblázathoz. A felirat egy opcionális elem, amely leírja a táblázat célját. A feliratok az akadálymentesítésben is hasznosak. A táblázat adatcsoportokat leíró cellákat is tartalmazhat. Végül, felveheti a cím elemet sorok és oszlopok készletének meghatározásához. Mindkét elemet együtt vagy külön-külön is használhatja. Akár kombinálva is használhatod őket, de a felirat a legfontosabb.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. A div elem egy speciális tároló a szöveg számára, képeket, és egyéb elemek. Bármilyen nevet megadhat neki, és megváltoztathatja tulajdonságait igényei szerint. Osztályt vagy margót is hozzáadhat, hogy szóközt hozzon létre a div és az oldalon lévő egyéb elemek között.

Használhatja az innerHTML attribútumot is a kód beszúrására a div-be. Ez a módszer karakterláncba zárt kódot fogad el, és ha nem a div-en belül van, a tartalom eltávolításra kerül. Kerülje el a kód beszúrását a div-be így, mivel webhelyét a webhelyek közötti parancsfájl-kezelési sebezhetőségeknek teheti ki. Ha olyan szkriptnyelvet használ, mint a JavaScript, használhatja az innerHTML attribútumot.

A div egy alapvető HTML-címke, amelyet a dokumentumon belüli kód csoportosítására használnak. Ez tartalmazhat egy bekezdést, blokk idézet, kép, hang-, vagy akár egy fejlécet. Pozíciója lehetővé teszi, hogy egységes stílust és nyelvet alkalmazzon az oldal különböző részein. A Div-ek a legjobbak az egymást követő elemek csoportjaira jellemző szemantika megjelölésére. Div-t akkor kell használni, ha stílust szeretne hozzáadni egy szakaszhoz anélkül, hogy át kellene írnia a teljes oldalt.