sushiandbox.ru A számítógép elsajátítása - Internet. Skype. Közösségi hálózatok. Leckék a Windowsról.
A lista különálló kifejezések vagy mondatok egymáshoz kapcsolódó halmaza, amelyek ponttal vagy számmal kezdődnek. A listák lehetőséget adnak a különféle adatok rendszerezésére, rendszerezésére, vizuális és felhasználóbarát bemutatására.
Címke
- rendezett listát állít fel, pl. a lista minden eleme számmal vagy betűvel kezdődik, és fokozatosan növekszik.
-
Címke
- a lista egyetlen elemét határozza meg. Külső címke
- vagy
- ,
- ,
- kifejezés és címke létrehozása
- a kifejezés meghatározása. Záró címke opcionális, mivel a következő címke az előző elem befejezését jelzi. Jó gyakorlat azonban az összes címke bezárása.
- Takaríts le az asztalon
- ételt főz
- menj focizni
- táblázat - magának az asztalnak a tartálya;
- tr - táblázatsor, konténerként is működik;
- td - egy cella, ide kerül a tartalom;
- beállítja a lista típusát - felsorolásjeles vagy számozott.
Az elemek hármasának célja a definíciók listájának létrehozása. Minden ilyen lista egy tárolóval kezdődik
- hova kerül a címke
Sziasztok, a blogoldal kedves olvasói. Valójában ennek a kifejezésnek több jelentése van, amelyek nem különösebben illeszkednek egymáshoz. Ebben a bejegyzésben igyekszem mindegyikre kitérni.
Tanulni fogsz, mik azok a html címkékés miben különböznek a metacímkéktől, valamint megtudhatja, hogyan használják a címkéket címkékként a webhelyeken (változatuk a ), és végül általánosságban tekintse zenei címkék hangfájlokban. Ennyire sokoldalú ez a kifejezés.
De minden esetben a "címkék" szó jelölést jelent vagy weboldal használatával html kódot, vagy a teljes webhelyet címkék használatával, vagy zenegyűjteményét egy album és egy dal megadásával.
Mik azok a webhelycímkék (navigáció létrehozására szolgáló címkék)
Kezdjük egyszerűen. Valószínűleg mindenki látta, hogy az oldalakon egyes cikkek alatt található egy mező a névcímkékkel vagy címkékkel, ahol néhány szó szerepel. Mire való? Általában a navigáció megkönnyítése érdekében ezen az oldalon ().
A használt címkék az ún kulcsszavakat , amelynek halmaza röviden jellemzi a kiadványt (pl kezdőlap a blogomhoz a következő címkekészlet illene: weboldalkészítés; promóció; Weboldal promóciója; kereset).
Ezeknek a szavaknak a segítségével egyértelműen meghatározható, hogy miről szól ez a cikk. De a fő értékük nem ebben van, hanem abban, hogy a látogató bármelyik címkére kattinthat, és láthatja az összes cikk listáját azon az oldalon, amelyben találkozott. Valójában ez egy hatékony eszköz az információk osztályozására.
nem keresni kívánt címkéket a cikkek alatt nagyon gyakori, hogy a weboldal tulajdonosok ún Címkefelhő, amely az oldal bal vagy jobb oldali oszlopába, illetve annak láblécébe (alul) helyezhető el. A gyakorlatban ez a szégyen a következőképpen nézhet ki:
Általában a legnépszerűbb címkéket sorolja fel, és az összes címkét megtekintheti a megfelelő hivatkozásra kattintva. Néha gyakrabban használt címkék (megjelennek a több cikkek ezen az oldalon) nagyobb, a ritkábbak pedig kisebb betűtípussal jelennek meg.
Néha külön oldal jön létre a megjelenítésükhöz, ahogy az az előző képernyőképen is látható.
Miért ez jelölés címkékkel nem minden webhelyen használják, ha ez kényelmes a felhasználók számára? A blogomon sem szerepelnek, amire számos magyarázat létezik. Bár alapértelmezés szerint használatuk biztosított, sok plugin is létezik a címkékkel való munkához.
Igen, a címkék nagyszerűen működnek, ha kevés cikke van, és jól emlékszik az összes már létrehozott és más cikkekben használt címkére. De az anyagok számának növekedésével a címkék száma meredeken növekszik, és a jelentésükben közel álló kulcsszavak használatakor részben megkettőződnek.
Hatalmas káoszba kerül, aminek az értéke a navigáció javítása szempontjából véleményem szerint meglehetősen kétséges. Erre a célra egy nagy webprojektnél jobb a webhelykeresést használni. Bár a címkék jól működnek a közösségi hálózatokon, ahol címkék segítségével kombinálhatja a különböző felhasználóktól származó információkat, és egy helyen tekintheti meg azokat. .
Mik azok a HTML címkék?
Tizenöt éve határoztam el először, hogy tanulmányozni fogom őket, de akkor nem haladtam tovább a Title címkénél. Aztán ráakadtam Jevgenyij Popov ingyenes videós tanfolyamára HTML-en, és a dolgok elkezdtek jól menni. Természetesen ez a tanfolyam még csak a kezdeti szakasz volt, de pont ez az ilyen egyszerű bemutató, ami gyakran hiányzik a kezdőknek.
Ezek a leckék az alapvető címkékről szólnak, amelyek segítségével könnyedén hozhat létre táblázatokat, képeket és hiperhivatkozásokat illeszthet be a szövegbe, különféle űrlapokat adhat hozzá a webhelyhez, és még sok mást. Teljes 33 ingyenes HTML-videó.
De a videó tanfolyam az egy videó tanfolyam, de érdekelne, hogy töltse le és nézze meg. A gyakori kifejezésekből nem derül ki, hogy milyen címkék vannak a HTML nyelvben, és miért kell ezeket tanulmányozni. Ó, ez egy nagyszerű és egyszerű dolog, amely lehetővé teszi, hogy saját webhelye mesterévé váljon. Miért van szüksége weboldalra?
Nos, valószínűleg először is az önkifejezés és az erőfeszítés, másodszor pedig -. Csak halkabban, különben mindenki hallja és rohan, hogy tanulmányozza a címkéket, csináljon weboldalakat, és keressen mindent, amit csak te tudna megkeresni, hát én a cégért vagyok. Ezért továbbra is csak suttogva fogok beszélni.
Az Internet a televízióhoz hasonlítható, ahol saját kis műsort készít (webhelyet hoz létre címkéken), és bevételt kap a reklámokból. Minél népszerűbb a programja (internetes projekt), annál többet keres. Nincs felső határ, bár nincs alsó határ sem. De nem kell pénzt befektetni, csak a címkék tanulmányozására, a motormunkára és tulajdonképpen az oldal tartalommal való feltöltésére fordított munkát és időt.
Tehát a címkék egy weboldal jelölésének legegyszerűbb elemei, így a böngésző a szerverről való betöltésekor pontosan megérti, hogyan kell megjeleníteni ezt vagy azt az elemet (szöveg, kép, videó). Korábban egyedül a Html nyelv volt a felelős az egészért, de aztán jöttek a segítségére, és sokkal könnyebb lett neki. Ezek szerint Popovnak van egy ingyenes videotanfolyama is, amit megtehetsz letöltés innen .
Srácok, ha elsajátítják a HTML-címkéket, megértitek, hogy ez olyan egyszerű volt, mint a körte héja. A legfontosabb dolog az, hogy elkezdd és valahogy stimuláld magad. Nem csak a dolgok pénzügyi oldaláról beszélek. Az oldal fő bevételi forrásává válhat, és az egész család táplálkozhat belőle. Szerencse, kitartás kell, és ne félj megismerkedni az újjal.
A címkék különbözőek, de nem sok van belőlük (azok közül, amelyek a CSS bevezetése után is relevánsak maradtak). Nézze meg, milyen egyszerű. Tegyük fel, hogy egy bekezdést szeretne létrehozni - csak vegye körül a következő bekezdés szövegét nyitó és záró P címkékkel (ez egy latin betű, és jobb kis betűkkel kódban írni, de itt nagybetűvel írtam az áttekinthetőség kedvéért ). Így fog kinézni:
szöveg szöveg...... szöveg szöveg
Érted a különbséget a nyitó Html címke (az elején) és a záró címke (a végén) között? Nos, persze, csak egy perjel a háromszög zárójel után.
Ó, elfelejtettem mondani hogyan választja el a böngésző a címkéket(jelölés) a fő tartalomból. Kitaláltad?
Így van, ez háromszög zárójelek amelybe bezárjuk őket. A böngésző ilyen zárójelet látott a weboldal kódjának elemzésekor, és rájött, hogy ez egy címke, és mindent, ami benne van, egy bizonyos algoritmus szerint dolgoz fel (magasságban egymástól elválasztott bekezdéseket készít, megnöveli a címsorok betűtípusát stb.).
Ha nyitó háromszög zárójelet kell használnod a szövegben, mindenképpen tedd meg ezzel, hogy a böngésző helyesen értse Önt. Ezt emlékezni kell.
Kódban így nézhetnek ki:
Valójában annak a weboldalnak a leírását és kulcsszavait tartalmazzák, amelyre regisztrálva vannak. Tudjon meg többet róluk a fenti cikkben.
A meta tagek egy weboldal kódjába íródnak egy szigorúan meghatározott helyre. Tudod melyik? Így van, a dokumentum úgynevezett „fejében”, ami egy nyitásból és egy zárásból áll HEAD címkék.
Minden, ami bele van írva (beleértve a META címkéket is), nem jelenik meg a weboldalon. Ez szigorúan védett információ. A fenti leírás és kulcsszavak elmondják kereső motorok ennek a weboldalnak a tartalmáról és az alábbi metacímkéről .
Mik azok a zenei címkék az audiofájlokban?
Amikor zenét játszott az autóban vagy a lejátszón (telefonon), valószínűleg többször is észrevette, hogy szörnyű hibák jelennek meg a szám és az előadó neve helyett. Feltételezhető, hogy ezek a letöltött zenefájlok nevei, amelyeket rossz orosz nyelvű kódolással rögzítettek.
Ha átnevezi a fájlokat a -val, akkor is kellemetlen képet fog látni a lejátszón. Mit kell tenni? És ki a hibás ezért a helyzetért? Furcsa módon, de az ok rossz előírt címkéket ebben a zenei fájlban.
Közvetlenül az audiofájlba vannak varrva (az elején vagy a végén), és információkat tartalmazhatnak a kompozícióról, a szerzőről, az albumról, a szám időtartamáról és valami másról, ami nem annyira fontos. A zenei címkék legújabb inkarnációiba még a lemezborítók képeit is be lehet varrni (általában a pestis).
De a probléma általában nem az elérhetőségükben, hanem a megszerzésükben merül fel azok szerkesztésének lehetősége. Minden önmagát tisztelő zenerajongó életében eljön az a pillanat, amikor „tépni-dobni” készül, csak azért, hogy rendet rakjon a gyűjteményében, és bármilyen eszközön minden számhoz helyes és olvasható címkéket írjon elő. Hogyan kell csinálni?
Speciális szoftver segítségével. Maguk a címkék először a múlt század végén jelentek meg hangfájlokban. Az MP3 fájlok hozzáadásának szabványát ID3-nak hívták, a minőségromlás nélkül tömörített zenei fájlok (például FLAC és hasonlók) esetében pedig a címkék (metaadatok) hozzáadásának szabványát Vorbis megjegyzésnek hívták.
A Windows WMA formátumban rögzített zenékhez WM metaadatok, az apple MP4-ekhez pedig az iTunes metaadatok (erről egyébként nemrég írtam).
Tehát speciális programokkal szerkesztheti a címkéket. A legnépszerűbb ezek közül valószínűleg Mp3tag(hivatalos oldal, de vigyázz a letöltésnél – véletlenül se kattints olyan hirdetésre, amelyik egészen más letöltését kínálja). Úgy gondolom, hogy az összes többi programot maga is megtalálja, főleg, hogy ez is elég lesz a feladat elvégzéséhez.
Ezek a címkék olyan sokrétűnek bizonyultak, amelyek ezekben az esetekben ellátták fő szerepüket - jelölést (a webhelyen található cikkeket, egy weboldal tartalmát vagy a zenei fájlok metaadatait). Remélem, most már kevesebb kérdése van ebben a témában.
Sok szerencsét! Hamarosan találkozunk a blogoldalak oldalán
Lehet, hogy érdekel
Címkék az Instagram számára – miért van szükség rájuk, és hol lehet megtekinteni a legnépszerűbbeket 
Hashtagek - mik ezek, és hogyan használják a hashtageket a Twitteren, az Instagramon és más helyeken Hogyan adhatunk automatikusan Alt attribútumot a WordPress blog Img címkéihez (ahol nem léteznek) 
Radikal - ingyenes fotótárhely gyors és egyszerű fotófeltöltéssel a Radikal.ru oldalon 
Link - mi ez és hogyan kell létrehozni Mi a gyorsítótár - hogyan lehet törölni a gyorsítótárat az Opera, a Mozilla, a Chrome és más böngészőkben 
Nagy kérdés – hogyan lehet pénzt keresni a Q&A szolgáltatással Az összehasonlítás a képet díszítő technika (példák a szakirodalomból) Mi az a Smart TV a tévében?Az ember nem tud pusztán szavakkal élni,
bármennyit is nyelte őket.
Adlai Stevenson.Általában a HTML nem programozási nyelv. Ez a HyperText Markup Language. Vagyis a "HTML nyelv" elnevezés nem helyes.
Egyszerűen fogalmazva, a HTML az címke lista(vezérlőszavak), amelyek lehetővé teszik az egyszerű szöveg formázott megjelenítését. Például válassza ki bátor, vagy dőlt betűvel stb. De a szöveget ilyen módon csak speciális programokban adhatja meg - (olyan programok, amelyekkel az interneten szörfözik).
Csak formázott szöveget jelenítenek meg és elrejtenek HTML címkék formázására használják. Hogy érthetőbb legyen, miről beszélek, kattintson jobb gombbal erre az oldalra, és válassza ki a "Forráskód" vagy valami hasonló elemet a megnyíló menüből. Ez az oldal a jelenlegi formájában nyílik meg előtted.
Létrehozhat HTML kódot hétköznapi és használati módban is speciális programok, úgy hívják. A vizuális szerkesztők abban különböznek a szövegszerkesztőktől, hogy HTML, CSS, JavaScript, PHP stb. halmazához, azaz webes programozáshoz készültek. Ezenkívül lehetővé teszik, hogy azonnal megtekinthesse munkája gyümölcsét a beépített böngészőben, és kiemeljen néhány hibát a beírt kódban.
Erősen javaslom, hogy az összes kódot kézzel gépelje be (a kezek közvetlenségének javítása érdekében), a vizuális szerkesztők ezt a folyamatot sokkal könnyebbé teszik. Személy szerint én használom. Ez messze nem a legjobb legújabb verzió, de a képességei nekem bőven elegendőek.
Ezt teszem: beírom a kódot a Dreamweaverbe, majd elmentem, és rákattintok a "Nézet böngészőben" gombra (ebben a menüben szerkesztem a böngészők listáját), majd visszatérek a Dreamweaverhez és folytatom a szerkesztést. Itt . Ez vonatkozik az eszközökre, most menjünk közvetlenül a HTML címkékre.
Kezdjük a html oldal felépítésével, vagy inkább a fő címkéivel.
Kötelező HTML-oldalcímkék
A szükséges (alap) HTML címkék, amelyeket minden html dokumentumban használnak, a következőket tartalmazzák:
Jegyzet. Annak érdekében, hogy a böngésző a HTML kódot szövegként adja ki (nem kódba értelmezi), minden nyitó szögletes zárójel " » Hagyok egy rést. Amikor beírja a kódot, szóközök van NE MENJ EL.
Ahogy látod, minden címke párosítva van(van nyitó és záró tag), a HTML-ben szinte minden tag ilyen. A nyitó címke abban különbözik a záró címkétől, hogy a záró címkét perjel előzi meg " / ". Ezeket a címkéket is hívják tartály, mert közéjük más címkék is beilleszthetők, pl. edénybe rakjuk. Ön is láthatja, hogy a címkék és a címkék között más címkék is találhatók.
A címkeneveket a következőképpen írhatja be nagybetűvel, és a nagybetűk, nincs különbség. Vagyis az űrlap és a böngésző rekordjai nem különböznek egymástól, és azonos módon értelmezik őket. Most beszéljünk részletesebben arról, mit jelentenek ezek a címkék.
Tehát a fő címkék azt mutatják a böngészőknek és más hiperszöveges oldalnézőknek, hogy hipertext dokumentummal van dolguk. Minden html dokumentumnak ezzel kell kezdődnie és ezzel kell végződnie. Vagyis ezen címkék között van ÖSSZES html oldal kódja.
A és a címkék között vannak metacímkék (oldal címe, leírása, kulcsszavak stb.). Információkat tárolnak a html oldalról és technikai információkat. Általánosságban elmondható, hogy ez a címke nem kötelező, vagyis enélkül a html dokumentumot a böngészők normálisan jelenítik meg. De még ha nem is tervezi a fejlécterület használatát, legalább legyen egyszerű. Ez szükséges a programok különböző verziói közötti kompatibilitáshoz.
A „HEAD” címkék közötti összes információt a böngésző semmilyen módon nem jeleníti meg (kivéve a címkék közötti információkat, ahol a html dokumentum neve található, felső panel böngésző). De tudnak adni nagy befolyást a html oldal megjelenéséről, internetes életéről és rangsorolásáról. A hiperszöveges dokumentum fejében található címkékről a későbbiekben bővebben szólunk.
A html dokumentum fő tartalma a és címkék között található. Itt van minden, amit látunk, amikor megnyitunk egy html oldalt: szöveg, grafika, menük, gombok stb. Ez az oldal fő „törzs”.
A html-dokumentum létrehozásakor használt összes többi címke ezen kötelező címkék között (azaz belül) található. Szinte minden HTML-címke különféle attribútumokkal, tulajdonságokkal és paraméterekkel rendelkezik, amelyek lehetővé teszik az információk pontos megjelenítését a fejlesztő szándéka szerint. Például ha ezt írod:
A teljes oldal háttere piros lesz.
Itt címke- ez valójában egy címke; bgcolor- attribútuma; "#FF0000"- attribútumérték (egy címkének több attribútuma is lehet).
Jegyzet. Az összes címkeattribútum és azok értékei a következőben vannak megadva Nyítás címke (az nélkül előre perjel), de soha nem a záróban.
És így kitaláltuk a html dokumentum fő címkéit. Itt az ideje, hogy részletesebben megvizsgáljuk a többit. Itt szeretnék egy kis kitérőt tenni.
Hogyan javaslom a HTML tanulását
A megszerzett ismereteket a gyakorlatban is alkalmazva rájöttem, mekkora hibát követett el e könyvek és oktatóanyagok szerzőinek többsége. Mindezek a tankönyvek egyrészt célja újoncok, másodszor a HTML alapjainak tanulmányozása sorra megy bele.
T . e) Először a html dokumentum heading címkéit veszik figyelembe (majd a „body” címkéket ().
Saját tapasztalataim alapján merem állítani, hogy a HTML alapjainak elsajátításának ilyen sorrendje egy kezdő számára kategorikusan elfogadhatatlan. Egy kezdő kísérletet tesz arra, hogy megtanulja mindezt a sok és homályos címcímkét, először is anélkül, hogy látná a tanulás eredményeit (emlékeztem arra, hogy a címcímkéket nem jeleníti meg a böngésző). Másodszor pedig anélkül, hogy sejtené, hogy a legtöbb ilyen címkére nem lesz szükség az általa kitalált webhely létrehozásához (legalábbis a munka kezdetén).
Így csak időt és vágyat veszteget a HTML tanulás folytatására. Ugyanakkor megerősítve azt a véleményt, hogy ezt csak „guruk” tudják jó pénzért megtenni. Abba is hagynám ezt a leckét, ha nem törődnék azzal, amit még mindig nem értek, és nem mennék tovább.
Ezért azt javaslom, hogy először fontolja meg a html dokumentum "törzséhez" kapcsolódó címkéket (), és csak azután térjen át a többire. Sőt, a html oldal "törzs" tartalmaz információkat, hogy mely oldal látogatói fognak jönni. És létrehozni vagy megtalálni sokkal nehezebb, mint kódot írni.
Nos, most, pillanatnyi késlekedés nélkül, nyomja meg a „Tovább” gombot, és tanulja meg, hogyan készítenek webhelyeket ezek a borostás és álmos srácok.
Ma megnézzük a html címkéket egy webhely létrehozásához. Nem minden egy sorban, hanem azok, amelyeket a leggyakrabban használnak webhelyek és elrendezések készítésekor. Mert nagyon sok címke van, amire évente egyszer van szükség, és vannak olyanok, amelyeket folyamatosan használni fog. Hát akkor menjünk. A végén lesz egy egyszerű weboldalunk az összes fő elemmel.
HTML dokumentum szerkezeti címkék
Ezek azok a globális címkék, amelyekre egyébként is szükségünk van. Nem jelennek meg a weboldalon, de lehetővé teszik a szerkezet megjelölését. Például a html tag. Ma már nagyon sokszor nem is írják, tényleg nincs rá szükség. Általában ez egy közös tároló a teljes html dokumentumhoz. Minden más benne van.
Következő 2 rész - fej és test. Az első különféle weboldalparamétereket tartalmaz, csatlakozik külső fájlok stb. Például itt van beállítva a webhely kódolása, íródnak a meta tagek, a cím, css stílusok és webszkriptek kapcsolódnak. Általánosságban elmondható, hogy a webhely teljesítménye szempontjából a fejrésznek döntő szerepe van.
Nos, a törzs az oldal törzse. Itt már írjuk, hogy mi jelenik meg közvetlenül a képernyőn. Ezután közvetlenül megvizsgáljuk az oldal törzsében használt címkéket.
Szöveg formázása
Általában mindig a formázásról esik szó először, ha html-ről van szó. Valóban, mi lehet fontosabb az oldalon található szövegnél és annak hozzáértő kialakításánál?
Például hozzunk létre három bekezdést. Az egyik egyszerű lesz, a második félkövér, a harmadik pedig aláhúzott.
Néhány szöveg egy bekezdésben, utánozza a kitöltést
Néhány szöveg egy bekezdésben, utánozza a kitöltést
Nagyjából így formázzuk meg a szöveget a cikkben tárgyalt címkék használatával.
Html címkék képekhez (képekhez)
A képekhez csak 1 fő címke van - img . És ennek viszont csak 1 kötelező paramétere van - src , vagyis a fájl elérési útja. Minden más css-n keresztül konfigurálható. Igazából a kép beszúrásáról is írtam részletesen, nos, itt egy példa a legegyszerűbb beszúrásra:
A címke, mint látható, egyetlen, vagyis a záró rész nem szükséges. Az elérési út a html oldal helye alapján kerül beállításra. A képem ugyanabban a mappában volt, mint a weboldal, ami azt jelenti, hogy az elérési út a lehető legrövidebbnek bizonyult.
Attribútumok segítségével módosíthatja a katinky méretét szélessége és magassága, de a legjobb, ha css-n keresztül csinálod. De az img tag mellett a html5-nek vannak olyan címkéi is, amelyek valahogy segítik a kép kialakítását. Ezek ábra és képaláírás. Vagyis egy ábra és egy felirat hozzá. Általában ezeknek a címkéknek a hatóköre szélesebb, de megfontolunk egy példát egy képpel:
Séta Nos, pár css sor:
ábra (szélesség: 300 képpont; ) képfelirat (szöveg igazítása: középre; szín: szürke; )
Ezek a címkék csak megkönnyítik a képaláírások hozzáadását a képekhez:
Címkék a linkekhez
horgony
Vagyis van még 1 kötelező attribútum - href . Enélkül a böngésző egyszerűen nem fogja megérteni, hová menjen. A címet a http:// protokollal kell megadni. Nos, a nyitó és záró címkék között közvetlenül a horgonyt jelezzük, vagyis azt a szöveget, amelyet az oldalon látni fogunk.
Listák a weboldalakon
A listákkal is minden nagyon egyszerű. A listáknak 2 típusa van – felsorolásjeles és számozott. Különbségek csak abban megjelenés számláló. Vagyis ezek számok, vagy csak jelzők.
A számozott lista az ol címkével jön létre, maguk az elemek pedig a li címkékkel. Ebbe a címkébe annyi más címkét és bármilyen tartalmat helyezhet el, amennyit csak akar.
Alapértelmezés szerint a lista bizonyos behúzásokkal már megjelenik.
A felsorolásjeles lista az ul címkével jön létre, és benne ugyanaz a li .
táblázatok
A táblázatcímkékről itt írtam bővebben. Röviden ez:
Készítsünk egy egyszerű táblázatot:
1. cella 2. cella 1. cella 2. cella Nos, css-en keresztül kicsit megterveztem:
Táblázat(szegély-összecsukás: összecsukás; ) td(szegély: 1px egyszínű piros; kitöltés: 15px; )
Ha nem érted mi az a css, akkor megkérlek, hogy egyben olvasd el, rögtön minden kiderül.
Űrlapok
Az űrlapok a weboldalak készítésekor is nagyon fontosak, mivel folyamatosan használják őket. Véleményem szerint még mindig nincs értelmes cikkem a blogon a formákról, ezért írnom kell. Egyelőre hozzunk létre egy egyszerű űrlapot:
Az űrlap fő elemei:
- form - maga az űrlapkonténer, amelyben minden mező el van helyezve. Ahhoz, hogy az űrlap megfelelően működjön, be kell állítania az action és a method attribútumokat, de ez már működik a php nyelvvel.
- input - az űrlapmező, mi lesz, a type attribútum értékétől függ. Például a szöveg egy egyszerű szöveg bevitelére szolgáló mező, a jelszó egy jelszó beírására szolgáló mező, a jelölőnégyzet egy pipa, a küldés egy űrlap elküldése gomb. Természetesen ezek nem mind értékek, de a többiről a formákról külön cikkben írok majd (hamarosan).
- Nos, segédelemek. Esetünkben ez a szöveg és a sortörés.
Az űrlapok lehetőségei, különösen a html5 megjelenésével, nagyon nagyokká váltak. Ezekben korlátlan számú mezőt készíthet, igény szerint megjelölheti, mintákat állíthat be, stb. Erről megint valahogy külön írok.
Blokk és soron belüli elemek
Általánosságban elmondható, hogy a html összes eleme nagyjából két kategóriába sorolható: blokk és inline. A soron belüli címkék közé tartoznak például: b(félkövér), img (kép), a (link) stb. Vagyis egy sorban többször is használhatók.
A blokkok teljesen más téma. Egy blokk soronként csak egy lehet. Példák blokkra: bekezdések, táblázatok, listák. Vagyis nem lehet 2 bekezdés egy sorban, ugye?
A html-ben vannak címkék, amelyek egyszerűen kijelölnek egy blokkot és egy soron belüli elemet anélkül, hogy további tulajdonságokat adnának. Ezek span és div . Az első kisbetűs, a második pedig blokk. Mindig használt elrendezésben. A különbség megértése érdekében íme egy példa:
SzövegSzövegSzövegSzöveg Szöveg Szöveg
Valószínűleg ez az összes fő html-címke egy webhely létrehozásához, amelyeket valóban mindig használnak, és amelyeket valóban tudnia kell.
HTML-címkék (csalólap)
HTML-dokumentum (oldal) - HTML-ben írt dokumentum. A címkék közé zárva és .
Dokumentum jelölőcímke értékei
A jelölőcímkék olyan speciális parancsok, amelyek szöveget, grafikát, videó- és hangrészleteket rendeznek a képernyőn, valamint parancsok más HTML-dokumentumokhoz és internetes forrásokhoz való hivatkozáshoz.
Alapvető jelölőcímkék
és . A címkék között a dokumentumra vonatkozó információk találhatók.
</b>és <b> . Ezek a címkék az oldal nevét tartalmazzák, amely a megjelenítő ablak keretében jelenik meg.és . A dokumentum "törzs" (szöveg, grafika stb.) e két címke közé kerül.
Címkebeállítások :
BGCOLOR - háttérszín ( BGCOLOR="#000000" > )
HÁTTÉR - háttér
SZÖVEG – szöveg színe
ALINK - aktív link színe
és
- címkék, amelyek a bekezdések kiemelésére szolgálnak. Az új bekezdést mindig egy üres sor választja el az előzőtől.
- egy másik sorban lévő szöveg tördelésére szolgáló címke. Használható a grafika és a szöveg szóközökkel történő elválasztására is.
- egy címke, amely logikusan elválasztja a szöveget vízszintes vonallal.és - Előre formázott szöveg kerül ezek közé a címkék közé. A képernyőn olyan betűtípussal jelenik meg, mint a "futár".
Igazítási beállítások
Használt
és
ALIGN= BALRA - balra igazítás
ALIGN= RIGHT - jobb margóigazítás
ALIGN= KÖZÉP – középre igazítás
igazítási címkék
és - középre igazításCímsorok, amelyek a szöveg logikai részeinek kiemelésére szolgálnak
és - Az első szint fejléce.
és - A második szint fejléce.
és - A harmadik szint fejléce.
és - A negyedik szint fejléce.
és - Az ötödik szint fejléce.
és - A hatodik szint fejléce.Címkék a szöveg és a betűtípus kiemelésére
és- címkék a szöveg (szavak, betűk) félkövér kiemelésére.
és - címkék a szöveg kiemelésére (szavak, betűk) kurzív, mint a dőlt.
és - a két címke közötti szöveg aláhúzásra kerül.
és - a két címke között található szöveg villogni fog.
MÉRET=n>és - címkék a betűméret megváltoztatásához (ahol n a betűméret pixelben).
COLOR="# ffffff"> és - címkék a betűszín megváltoztatásához.
Címkék listák létrehozásához
Címkék-parancsok nem szöveges információ objektumok szövegbe történő beillesztésére
SRC="file.gif" > vagy
Grafikai beállítások
WIDHT – a kép szélessége pixelben
HEIGHT – a kép magassága pixelben
ALIGN - igazítás (ALIGN = BAL - bal oldali igazítás, ALIGN = JOBB - jobb margó, ALIGN = FELSŐ - felső margó, ALIGN = ALUL - alsó margó, ALIGN = KÖZÉP vagy KÖZÉP - középen)
HSPACE - vízszintes eltolás a grafikus képtől
VSPACE - függőleges eltolás
ALT – alternatív szöveg, egy kép megjelölésére szolgál
Más HTML dokumentumokkal és internetes forrásokkal való hiperhivatkozáshoz használt parancsok
href="fail.htm">és vagy HREF="http://www.ru">és - hiperhivatkozások
HREF="mailto: @mail.ru"> [email protected] - hiperhivatkozás az e-mail címre
táblázatok
Táblázat - rács az adatok sorokban és oszlopokban történő megjelenítésére, valamint egy szöveg formázására szolgáló eszköz
és
- címkék táblázat beszúrásához HTML dokumentumbaCímkebeállítások
BGCOLOR - háttérszín
BORDER - szegély szélessége
WIDHT - asztal szélessége
Táblázatjelölő címkék
és - Asztalsor. Lehetnek paraméterei BGCOLOR - háttérszín a karakterláncon belül;ALIGN= BAL , JOBB , KÖZÉP - vonalon belüli igazítás;
VALIGN= FELSŐ , ALSÓ , KÖZÉP - függőleges igazítás egy táblázatsoron belül.
és - Táblázat oszlop. Paraméterei lehetnek BGCOLOR - háttérszín az oszlop alatt;ALIGN= BAL , JOBB , KÖZÉP - igazítás egy oszlopon belül;
COLSPAN egy cella több oszlopra feszítése, ROWSPAN - egy cella több sorra feszítése.
és - Oszlopcím. A cím alatt BGCOLOR - háttérszín paraméterek lehetnek;ALIGN= BAL , JOBB , KÖZÉP - igazítás;
VALIGN= FELSŐ , ALSÓ , KÖZÉP - függőleges igazítás;
COLSPAN , ROWSPAN - egy cella több oszlopra vagy sorra nyújtása; WIDHT – cím szélessége.
Keretek
Keretek – keretek – a képernyő több területre való felosztásának eszköze, amelyek mindegyike egy külön weboldal vagy webhely tartalmát jeleníti meg.
és címkéket keret létrehozásához
Címkebeállítások
COLS – a képernyő felosztása bizonyos számú oszlopra (függőleges)
SOROK – a képernyő felosztása bizonyos számú oszlopra (vízszintes)
BORDCOLOR - szegélyszín
BORDER - szegély szélessége
FRAMEBORDER - keretszegély (FRAMEBORDER= IGEN - van szegély, FRAMEBORDER= NEM - nincs keret, FRAMESPACING= n - keret szélessége)
Címke a keret leírásához ( SRC="file.htm" > ).
Címkebeállítások
SCROLING - paraméter a görgetősáv beállításához:
SCROLING= IGEN – a görgetősáv mindig megmarad
SCROLING= NEM – nincs görgetősáv
SCROLING= AUTO - a görgetősáv csak akkor jelenik meg, ha szükséges
MARGINWIDHT és MARGINHEIGHT - a kereteken belüli behúzást szabályozó paraméterek a grafikus kép kereten belüli igazítására szolgálnak.
NORESIZE - egy paraméter, amely azt jelzi, hogy a keret-kocka mérete soha nem változik.
Egy link a HREF= "fájl.htm" TARGET= "keret2" > fájl.htm - Kommunikáció a keretek között
TARGET - link attribútum a keretek között. Több jelentése van:
ÜRES egy új üres ablakba tölti be a hivatkozás által megadott oldal tartalmát.
A hivatkozás által megadott oldal tartalmát ÖNMAGA a hivatkozást tartalmazó ablakba.
A PARENT a hivatkozás által megadott oldal tartalmát betölti abba az ablakba, amely a keretkészlet közvetlen tulajdonosa.
TOP A hivatkozás által megadott oldal tartalmát az ablakba, figyelmen kívül hagyva a használt kereteket.
A kereteket nem támogató böngészők kezelése:
A keretek itt találhatók
</b> </p><p><b><span><BODY> </b> </p><p>Íme a szöveg keretek nélkül</p><p><b><span><BODY> </b> </p><p><b><span> Ketyegő
SZÖVEG - futó sort létrehozó címke
- Ha a futóvonalat jobbról balra kell irányítani
- mozgás balról jobbra.
görgetés - normál mozgás jobbról balra
csúszda - a felirat egyszer fut a jobb széltől balra, ahol marad.
alternatív - mozgás az oldal jobb szélétől balra és vissza. Végtelen ciklus.
- A ciklusok számának korlátozása. A LOOP utasítás n értéke a ciklus iterációinak számát adja meg.
- adja meg a futó vonal által elfoglalt terület szélességét, ahol n az oldal azon részének szélessége, ahol a futó vonal található. Az n értékét pixelben és az oldal látható részének teljes szélességének százalékában is megadjuk.
- A felirat mozgásának beállítása a képernyőn. Itt n a pixelek száma.
- Ebben az esetben a változót - t időt - ezredmásodpercben mérjük. A sebesség beállítási módszere abból áll, hogy meg kell adni azt az időt, amely után a szöveg újra megjelenik a képernyőn.
MÉRET=n > SZÖVEG - a sorban lévő szöveg betűméretének megadása.
- a futóvonal felületét tetszőleges színre festeni, ahol n megadható hexadecimális számként vagy a nevének beírásával
- jelzi a ticker magasságát
Hasonló hozzászólások
Készletek pontozott lista, melynek minden eleme egy kis karakterrel – egy jelölővel – kezdődik.
