A HTML Essentials csalólap: címkék, attribútumok és egyebek

A weboldalak építése HTML -szel kezdődik. Szépítése és interaktívvá tétele később jön. A funkcionális statikus webhelyek létrehozásának megkezdéséhez azonban meg kell értenie a HTML -t. (Szeretne gyors bevezetést a jelölőnyelvbe? Olvassa el a HTML GYIK -ot.)

A nyelvtanulás részeként hosszú elemek listáját kell hozzáadnia a HTML szókincséhez. És ez a feladat elsőre ijesztőnek tűnhet, éppen ezért a következő csalólapot találtuk ki. Egyszerű módja annak, hogy bármikor felfedezze/megértse/felidézze a HTML -elemeket, amikor szüksége van rájuk.

---

---

A csalólap címkéket és attribútumokat tartalmaz a weboldalak strukturálásához, a szöveg formázásához, űrlapok, képek, listák, linkek és táblázatok hozzáadásához. Tartalmaz továbbá HTML5 -ben bevezetett címkéket és a gyakran használt speciális karakterekhez tartozó HTML -kódokat.

ingyenes filmek online letöltés, regisztráció vagy fizetés nélkül

INGYENES LETÖLTÉS: Ez a csalólap a letölthető PDF forgalmazó partnerünktől, a TradePub -tól. Ahhoz, hogy csak az első alkalommal férhessen hozzá, ki kell töltenie egy rövid űrlapot. Letöltés A HTML Essentials csalólap .

játszhatsz gamecube játékokkal

A HTML Essentials csalólap

......

Parancsikon	Akció
Alapcímkék
...	A HTML dokumentum első és utolsó címkéje. Az összes többi címke a nyitó és a záró címke között helyezkedik el.
...	Megadja a dokumentum metaadatainak gyűjteményét.
...	Leírja az oldal címét, és megjelenik a böngésző címsorában.
...	Tartalmazza a weboldalon megjelenő összes tartalmat.
Dokumentum információ
	Megemlíti az alap URL -t és a dokumentumhoz kapcsolódó összes hivatkozást.
	További információkért az oldalról, például a szerzőről, a közzététel dátumáról stb.
	Hivatkozások külső elemekre, például stíluslapokra.
...	Dokumentumstílus -információkat, például CSS -t (Cascading Style Sheets) tartalmaz.
...	Külső szkriptekre mutató linkeket tartalmaz.
Szöveg formázása
... VAGY ...	Félkövérré teszi a szöveget.
...	A szöveget dőlt betűkkel szedjük és vastagítjuk.
...	A szöveg dőlt, de nem teszi félkövérré.
...	Áthúzott szöveg.
...	Idéz egy idézet szerzőjét.
...	Címkézi a szöveg törölt részét.
...	A tartalomba illesztett szakaszt mutatja.
...	Idézetek megjelenítésére. Gyakran használják a címkével.
...	Rövidebb idézetekhez.
...	Rövidítésekhez és teljes űrlapokhoz.
...	Megadja a kapcsolattartási adatokat.
...	A definíciókhoz.
...	A kódrészletekhez.
...	Előjegyzések írásához
...	A feliratok írásához.
...	A szöveg méretének csökkentéséhez és a redundáns információk megjelöléséhez HTML5 -ben.
Dokumentum szerkezete
...	Különféle címsorok. A H1 a legnagyobb, a H6 a legkisebb.
...	A tartalom blokkokra osztásához.
...	Tartalmazza a soron belüli elemeket, például egy képet, ikont, hangulatjelet, anélkül, hogy tönkretenné az oldal formázását.
...	Egyszerű szöveget tartalmaz.
	Új sort hoz létre.
	Vízszintes sávot rajzol a szakasz végének megjelenítéséhez.
Listák
...	A megrendelt terméklistához.
...	Az elemek rendezetlen listájához.
...	A lista egyes tételeihez.
...	Az elemek listája definíciókkal.
...	Egyetlen kifejezés meghatározása a testtartalommal összhangban.
...	A megadott kifejezés leírása.
Linkek
...	Horgonycímke hiperhivatkozásokhoz.
...	Címke az e -mail címekhez való linkeléshez.
...	Horgonycímke a kapcsolattartási számok listázásához.
...	Horgonycímke ugyanazon oldal másik részéhez való linkeléshez.
...	Navigál a weboldal div részéhez. (A fenti címke változata)
Képek
	Képfájlok megjelenítésére.
A címke
src = url	Link a kép forrásútvonalához.
alt = szöveg	A szöveg, amely akkor jelenik meg, ha az egér a kép fölé kerül.
magasság =	A kép magassága pixelben vagy százalékban.
szélesség =	A kép szélessége pixelben vagy százalékban.
igazítani =	A kép relatív igazítása az oldalon.
határ =	A kép szegély vastagsága.
...	Link egy kattintható térképhez.
...	A térképkép neve.
	A képtérkép képterülete.
A címke attribútumai
alak = '	A képterület alakja.
coords =	A térkép képterületének koordinátái.
Űrlapok
...	A HTML -űrlap szülőcímkéje.
A címke attribútumai
action = url	Az az URL, ahová az űrlapadatokat beküldik.
módszer =	Megadja az űrlapküldési protokollt (POST vagy GET).
enctype =	A POST -beküldések adatkódolási sémája.
automatikus kiegészítés	Megadja, hogy az űrlap automatikus kiegészítése be vagy ki van -e kapcsolva.
novalidát	Megadja, hogy az űrlapot érvényesíteni kell -e a benyújtás előtt.
elfogad-karakterkészletek	Megadja a karakterkódolást az űrlapküldésekhez.
cél	Megmutatja, hogy hol jelennek meg az űrlapküldési válaszok.
...	A kapcsolódó elemeket a következő formában csoportosítja:
...	Megadja, hogy a felhasználónak mit kell beírnia az egyes űrlapmezőkbe.
...	Felirat a mezőkészlet elemhez.
	Megadja, hogy milyen típusú bemenetet vegyen fel a felhasználótól.
A címke attribútumai
típus =	Meghatározza a beviteli típust (szöveg, dátumok, jelszó).
név =	Megadja a beviteli mező nevét.
érték =	Megadja az értéket a beviteli mezőben.
méret =	Beállítja a beviteli mező karaktereinek számát.
maximális hossz =	Megadja a megengedett beviteli karakterek korlátját.
kívánt	Kötelezővé teszi a beviteli mezőt.
szélesség =	A beviteli mező szélességét adja meg pixelben.
magasság =	A beviteli mező magasságát adja meg pixelben.
helyőrző =	Leírja a várható mezőértéket.
minta =	Szabályos kifejezést ad meg, amellyel mintákat kereshet a felhasználó szövegében.
min =	A bemeneti elem megengedett minimális értéke.
max =	Egy bemeneti elem megengedett maximális értéke.
Tiltva	Letiltja a bemeneti elemet.
...	Hosszabb adatsorozatok rögzítésére a felhasználótól.
...	Megadja azon lehetőségek listáját, amelyek közül a felhasználó választhat.
A címke attribútumai
név =	Megadja a legördülő lista nevét.
méret =	A felhasználónak adott lehetőségek száma.
többszörös	Beállítja, hogy a felhasználó választhasson -e több opciót a listából.
kívánt	Megadja, hogy szükséges -e az opciók kiválasztása az űrlap elküldéséhez.
autofókusz	Megadja, hogy egy legördülő lista automatikusan fókuszba kerüljön az oldal betöltése után.
...	A legördülő lista elemeit határozza meg.
érték =	Megjeleníti az adott opció szövegét.
kiválasztott	A megjelenített alapértelmezett opciót állítja be.
...	Címke az űrlapküldéshez szükséges gomb létrehozásához.
Objektumok és iFrames
...	Leírja a beágyazott fájltípust.
A címke attribútumai
magasság =	A tárgy magassága.
szélesség =	Az objektum szélessége.
típus =	Az objektumban lévő média típusa.
	Belső keret külső információk beágyazásához.
név =	Az iFrame neve.
src =	A kereten belüli tartalom forrás URL -je.
srcdoc =	A keretben lévő HTML tartalom.
magasság =	Az iFrame magassága.
szélesség =	Az iFrame szélessége.
	További paramétereket ad hozzá az iFrame testreszabásához.
...	Külső alkalmazás vagy beépülő modul beágyazása.
A címke attribútumai
magasság =	Beállítja a beágyazás magasságát.
szélesség =	Beállítja a beágyazás szélességét.
típus =	A beágyazás típusa vagy formátuma.
src =	A beágyazott fájl forrás elérési útja.
Táblázatok
...	Meghatározza a táblázat összes tartalmát.
...	A táblázat leírása.
...	Fejlécek a táblázat minden oszlopához.
Meghatározza a táblázat törzsadatait.
...	Leírja a táblázat láblécének tartalmát.
Tartalom egyetlen sorhoz.
	...	Az adatok egyetlen fejlécben.
	...	Tartalom egyetlen táblázatcellában.
...	Oszlopok csoportosítása a formázáshoz.
	Egyetlen információs oszlop.
HTML5 új címkék
...	Megadja a weboldal fejlécét.
...	Megadja a weboldal láblécét.
...	Jelzi a weboldal fő tartalmát.
...	Cikket határoz meg.
...	Megadja az oldal oldalsáv tartalmát.
...	A weboldal egy adott szakaszát határozza meg.
...	További információk leírásához.
...	A fenti címke fejléceként használják. Mindig látható a felhasználó számára.
...	Létrehoz egy párbeszédpanelt.
...	Diagramok és ábrák szerepeltetésére szolgál.
...	Egy elemet ír le.
...	Kiemeli a szöveg egy bizonyos részét.
...	Navigációs linkek halmaza egy weboldalon.
...	Egy adott elem a listából vagy a menüből.
...	Adattartományon belüli adatokat méri.
...	Elhelyezi a folyamatjelző sávot, és nyomon követi a haladást.
...	Olyan szöveget jelenít meg, amely nem támogatja a Ruby -feliratokat.
...	Megjeleníti a kelet -ázsiai tipográfiai karakter részleteit.
...	Rubin jegyzet a kelet -ázsiai tipográfiához.
...	Az időt és a dátumot azonosítja.
	Sortörés a tartalomban.
¹HTML5 Karakter objektumok
" VAGY & quot;	Idézőjel
< VAGY & lt;	Kisebb, mint a jel (<)
> VAGY & gt;	Nagyobb, mint a jel (>)
VAGY ;	Törésmentes tér
© VAGY & copy;	Szerzői jogi szimbólum
™ VAGY û ;	Védjegy szimbólum
@ VAGY & Uuml;	szimbólumnál (@)
& VAGY & amp;	Ampersand szimbólum (&)
• VAGY & ouml;	Kis golyó
¹Helyezze be a pontosvessző előtti teret HTML -karakter begépelése közben.

Készítsen weboldalt a gyakorlati tapasztalatokhoz

Ha egyszer megértetted a HTML kód alapjai és rendelkezik a CSS és a JavaScript gyakorlati ismereteivel, próbálja ki a kezét egy weboldal készítésében . Ezenkívül ügyeljen arra, hogy mentse a CSS3 tulajdonságok csalólapját és JavaScript csalólap későbbi használatra!

---

---

Részvény Részvény Csipog Email Hogyan érheti el a Google beépített buborékszintjét Androidon

Ha valaha is szüksége volt arra, hogy megbizonyosodjon arról, hogy valami vízszintesen van -e, akkor pillanatok alatt buborékszintet kaphat a telefonján.

zenét találni egy youtube videóban

Olvassa tovább Kapcsolódó témák

• Termelékenység
• Programozás
• HTML
• Puska

A szerzőről Akshata Shanbhag(404 megjelent cikk)

Akshata kézi tesztelésben, animációban és UX -tervezésben képzett, mielőtt a technológiára és az írásra összpontosított. Ez összehozta két kedvenc tevékenységét - a rendszerek értelmezését és a zsargon egyszerűsítését. A MakeUseOf oldalon Akshata arról ír, hogy a lehető legjobbat hozza ki Apple eszközeiből.

---

---

Továbbiak Akshata Shanbhagból

Iratkozzon fel hírlevelünkre

Csatlakozz hírlevelünkhöz, ahol technikai tippeket, értékeléseket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!

Feliratkozáshoz kattintson ide