Hogyan készítsünk webhelyet néhány óra alatt

A weboldal létrehozásának nem kell nehéznek lennie. Ebben a cikkben, we’ll walk through the basics of html page creation and how to create a mini-includes list. Következő, megbeszéljük, hogyan kell használni a html-t>-címkét a szöveg kiemeléséhez. Végül, megmutatjuk, hogyan hozhat létre weboldalt néhány óra alatt. Kitérünk néhány további hasznos technikára is.

Creating a html page

HTML is the language used to build web pages. Ez határozza meg a weboldal szerkezetét, és a CSS szabályozza a tartalom megjelenítését. Nem nehéz létrehozni egy alap HTML oldalt. Íme egy lépésről lépésre szóló útmutató az induláshoz. Ha már van egy alap HTML oldal, készen áll összetettebb és dinamikusabbak létrehozására. Kezdeni, szüksége lesz egy szövegszerkesztőre és egy webböngészőre.

Használhat szövegszerkesztőt, például az MS Word-t is, hogy létrehozza weboldala tartalmát. Hiperhivatkozások segítségével összekapcsolhatja a szöveget egymással. A fájlt html fájlként is elmentheti, egy weboldalt. Ez a módszer jól működik, de az így létrehozott oldalak hatalmasak, és nem néznek ki jól böngészőablakban. Ennek a módszernek az egyetlen hátránya, hogy meg kell tanulnia használni a rendelkezésre álló eszközöket.

A HTML egy jelölőnyelv, ami azt jelenti, hogy az oldal tartalmának formázásához címkéket kell felvennie. Minden címke az oldal egyik elemét képviseli. A címkét egy szögletes zárójel azonosítja. Egyes elemek csak egy címkét igényelnek, míg másoknak kettő kell. A záró címke perjelet tartalmaz. Például, a bekezdéscímke egy bekezdésnek nevezett elemet hoz létre. A nyitó és záró címke közötti szöveg alkotja a bekezdés szövegét. Hasonlóképpen, az ul címke rendezetlen listát hoz létre.

Creating a mini-includes list

Creating a mini-includes section is an effective way to link various elements on the same web page. Egy HTML oldal több alszakaszra osztható, minden szakasz tartalmaz egy elemlistát. Ezek az elemek különböző célokat szolgálnak. A type attribútum segítségével ábécé sorrendet jeleníthet meg. Kisbetűkkel is létrehozhat egy elemlistát az a betűkkel, b, vagy c.

Egy elem hozzáadása egyszerű. Egy egyszerű HTML-dokumentum címkéket tartalmaz, amelyek meghatározzák a tartalmát. Ezek a címkék általában párban vannak. A nyitócímke a benne lévő elemek felsorolására szolgál, míg a záró címke bezárja az elemet. A nyitó címke, vagy fejét, leíró információkat tartalmaz a dokumentumról. Ez az információ tartalmazhat egy címet is, stíluslap információk, forgatókönyvek, vagy metainformációkat. A záró címke, másrészről, bezárja az elemet.

A html használatával>-címke

A html>-címke egy HTML-dokumentum fő tartalmi területének meghatározására szolgál. A fő tartalomterület az oldal központi témájához vagy funkciójához kapcsolódó szövegekből áll. Ennek egyedinek kell lennie a webhelyen található egyéb tartalmaktól. Más tartalom is megjelenhet az oldalon oldalsávok formájában, navigációs linkek, szerzői jogi információk, webhely logók, és keresési űrlapokat. A HTML oldalnak követnie kell a html-t>-címkét HTML-oldalnak kell tekinteni.

A href= attribútum megnyitja a link elemet. Azután “=” jel, be kell illesztenie a link URL-jét. Egy fejlécben több bekezdéssort is használhat. A zárókonzol kötelező. Ezzel elkerülheti a linkek félreértelmezését. Hogy a html oldal könnyebben olvasható legyen, adjon hozzá egy linket a webhelyéhez. A html>-címke lehetővé teszi olyan hivatkozások hozzáadását, amelyek egy másik weboldalra mutatnak.

A HTML-fájl kiterjesztése.html lesz, amely jelzi a számítógépének, hogy HTML-fájlról van szó. A legjobb, ha szóközök helyett kötőjelet használunk, mivel a szóközök megakadályozzák, hogy a böngésző megtalálja a fájlt. Miután befejezte a HTML oldal létrehozását, meg kell mentened. Következő, keresse meg a HTML-fájlt tartalmazó mappát, és kattintson rá jobb gombbal. Az alábbi képernyőképhez hasonlóan kell kinéznie.

A html használatával>-címkét a szöveg kiemeléséhez

You can use the mark> címkével kiemelheti a szöveget a HTML dokumentumokban. Ez egy viszonylag új HTML 5 funkció, és egy bekezdés kiemelt részét határozza meg. A jel> címke az alapul szolgáló HTML-dokumentum háttérszín tulajdonságának megváltoztatásával működik. A jel> címke támogatja a globális és az eseményattribútumokat is. Sárgával vagy feketével kiemeli a szöveget. Az alapul szolgáló CSS-fájlban a szöveg színe is módosítható.

A legtöbb képernyőolvasó nem jelenti be a mark elemet, de használhatja a CSS tartalomtulajdonság or.before és.after pszeudoelemeket, hogy nyilvánvalóvá tegye, melyik szöveget szeretné kiemelni. A közlemények bőbeszédűek, és szükségtelen információkat adnak az oldalhoz, tehát takarékosan kell használni őket. Például, hirdetmények segítségével kiemelhet egy keresési kifejezést, vagy blokkolhatja az idézőjeleket. A bejelentéseket minden nagyobb böngésző támogatja.

A háttérszín stílus mellett, használhatja a „kiemelést’ osztályt, hogy kiemelje a szöveget a HTML-dokumentumban. A háttérszín stílust minden böngésző támogatja. Használhatja a „sárga” szót is’ színkód helyett. Ugyanezt a kódot használhatja egy bekezdés vagy szövegrész kiemelésére. A szöveg kiemelésére CSS-osztályokat is használhat.

A html használatával>-tag to create a mini-includes list

A html>-A címke a mini-tartalmak listájának létrehozására szolgál. Tartalmazza a megfelelő záró címkét, és az elem neve kisbetűs. A HTML dokumentumok UTF-8 karakterkódolással vannak kódolva, amely támogatja a Unicode karakterek beillesztését. A html használatakor>-címke, ügyeljen arra, hogy az UTF-8-at válassza “mentés másként” párbeszédablak.

A html használatával>-címkével egyszerűen hozzáadhat egy mini-tartalmakat egy HTML-oldalhoz. Ezt a címkét bármely olyan elemhez használhatja, amely támogatja a rendezetlen listát. Még egy rendezetlen listát is használhat navigációs menüként. A dl elem tartalmazza a kifejezés- és leíráspárok listáját. A rendezett lista elemei balra növekvő számlálóval jelennek meg. A dl elemet akkor is elhagyhatja, ha a listaelemet közvetlenül egy másik elem követi.

A mini-tartalmak listája beszúrásának másik módja az, hogy láblécelemet ad hozzá egy HTML-dokumentumhoz. Ez az elem a legközelebbi szakaszolási tartalom lábléce. Általában információkat tartalmaz a szerzőről, szerzői jogi adatok, vagy a kapcsolódó dokumentumokra mutató hivatkozásokat. A html használatával>-tag to create a mini-includes list on an HTML page

A html használatával>-tag to highlight individual text blocks

HTML5 highlights individual text blocks with the mark> elem. Ez a HTML5-címke a forrásban lévő tartalom színét a sárga vagy fekete bizonyos árnyalatára változtatja, lehetővé téve az olvasó számára a fontos szövegek megkülönböztetését. Használható a tartalom azon szakaszainak jelzésére is, amelyek több figyelmet igényelnek, mint a többi szöveg. A jel> elem támogatja a globális attribútumokat és az eseményattribútumokat a HTML-ben. Helyes használat esetén, ez a HTML5 címke javíthatja a weboldal olvashatóságát.

A HTML4 szabvány hatályon kívül helyezi a fizikai stílusú karakterszintű címkéket. Prezentációval foglalkoznak, és jobb a CSS használata ezekre a célokra. A HTML5 újra bevezette őket. Már nem elavultak, de még mindig nem ezek az egyetlen módja az egyes szövegblokkok kiemelésének. Használja a CSS-t az egyes szövegblokkok kiemeléséhez HTML5 segítségével! Ez az egyszerű módszer kiemeli az egyes szövegblokkokat a tartalomban.

Úszó: Ezzel a CSS tulajdonsággal lebegtethet egy elemet a tartalmazó elem bal vagy jobb szélére. Használható rács vagy oszlopok létrehozására. Használhatja a float nevű CSS-tulajdonságot is, hogy egy iframe-et vagy egy képet lebegtessen a böngésző bal vagy jobb margójára. Ezek az attribútumok megkönnyítik az egyes blokkok kiemelését a CSS segítségével.