Mi az a hmtl, a stílusok, és hogyan használják őket wordpress-ben, dekódolási értékekkel, blog anfisa-val
És tudod, mi van elrejtve az acronym html, a címkék, a furcsa ikonok mögött? Ebben a cikkben megmutatom neked ezt a rejtélyt. És látni fogja, milyen egyszerű minden.
Néha szükségessé válik a cikk szövegének vagy képének javítása, vagy a szöveges widget formázása a HTML használatával vagy a sablonfájlok módosítása. Ehhez legalább a HTML alapjait ismernie kell. és még jobban megértsék a lényegüket.
Mi a HTML?
A HTML a HyperText Markup Language rövidítése, a hiperszövegjelölés nyelve.
Elemezzünk minden szót, hogy világosabbá tegyük.
HyperText - "hipertext".
Általánosságban elmondható, hogy a hipertext kifejezés jóval az internet megjelenése előtt jelent meg, és ellentétes a lineáris szöveggel. A lineáris szöveg - például egy könyv - a sort soronként, oldalanként.
Prefix Hyper - jelentése "több mint". A mi esetünkben "Több, mint lineáris szöveg".
Később ez a szó átkerült az internetre. De ugyanezzel a jelentéssel. Az interneten az oldal készítője Markup man, és a böngésző az utasításoknak megfelelően jeleníti meg a szöveget.
A Hypertext Markup nyelvén speciális jeleket használnak - a címkéket. A címkék a HTML nyelvének eszközei, mint szavak a világ népei nyelvén. A HTML-ben, mint bármelyik nyelven, vannak szabályok írására és használatára.
HTML - Szóval, hogy a végén kapunk. A HTML a címkék, amelyekkel meg tudjuk mondani a böngészőnek, hogyan kell megjeleníteni a szöveget a képernyőn.
Melyek a HTML-címkék?
Nézzünk egy példát.
Azt szeretné, hogy a webhelyen megjelenő szöveg így jelenjen meg:
Az első sor címe
Az első bekezdés ferde szöveggel
A második azac a kiválasztott szöveggel vastag
Hogyan mondhatom el a böngészőnek, hogy pontosan úgy jelenítse meg a szöveget, ahogy az meg van írva?
Szükség van az összes ilyen a szöveg egyes részeit, mintha fel a HTML, és így mondani a böngésző: ez a darab szövegének Hangsúlyozni kell, hogy jelölje ki ezt a címlapokra került ide, hogy a sortörés egy bekezdésben, valamint a bekezdés tenni.
Nézzük meg a szöveg belsejében, ahogy a böngésző látja.
Egy kis segítség a címkéken
- A címkék párosulnak és egységesek.
- Minden címke zárójelben van.
- A párosított címkék nyitják és becsukják a tészta egy részét. A zárócímke különbözik attól a peremtől, amely a szögtartó után nyílik.
- Az egyszálú címkék általában szöget zárnak be a szögkeret előtt.
- Minden címke rövidített angol szó, tehát ha tudsz egy kicsit angolul, nagyon könnyű lesz megtanulni őket.
Most vessünk egy pillantást a példare:
Az első mondat "A szöveg címe" a fejléc. A h címke a címsorból származik. Összesen HTML 6 fejlécméret. A legnagyobb címsor
a legkisebb . A címcímke párosítva van.
Példánkban a h2 fejlécet használtam. Annak érdekében, hogy a böngésző megértse, hogy a cím "A szöveg címét" szeretném megírni, ezt a kifejezést a címkére tettem
. - mutatja a fejléc kezdetét,
- befejeződik.
Az első bekezdés, a lejtő és a vonal átadása
Ha meg akarunk csinálni egy bekezdést, akkor használjuk a címkét
.
a szó bekezdésből. Címkepár. nyitás
megmutatja a záró bekezdés elejét
a végén.A bekezdés belsejében lehet sorcsomagolás, szöveges meredekség, félkövér, valamint listák, képek és egyebek.
A példánkban meredek a meredekség és a választék
Általában minden, ami a szöveg dekorációját érinti, leginkább stílusok segítségével. De vannak 2 díszek, amelyeket címkékkel lehet készíteni - dönthető és merész.
Tilt - a hangsúlytól. Címkepár.
Jelölje ki a vastagot a félkövér szóból - félkövér (a szövegre utal). Címkepár.
Végül csomagolja a vonalcímkét
a szószünetből. A címke egyetlen. Akkor helyezzük el, ahol új sort szeretne kezdeni.
Milyen stílusok és hogyan használják őket?
A stílusok felelősek a szövegdekorációhoz, a szöveg és a blokk elrendezéséhez, a párnázáshoz és még sok máshoz. Minden HTML-címke saját stílusa lehet.
A stílusok 3 módon valósulnak meg:
- külső - külön fájlban a css kiterjesztéssel
- Belső - a fejrészben, mint a stílusok betétje
- belső címkék
A külső és a belső stílust osztályok (osztály) és azonosító (id) segítségével hozza létre. A HTML-ben a munkájuk ezen betétek formájában látható:
vagy
. Sami stílusok kifejtett külön CSS fájlban, illetve a fej területén, és a HTML szerepel csak az osztály neve (kezdődik .nazvanie osztály pont) vagy azonosító (kezdődik a # name-id) a kívánt elemet.
Ma nem részletezzük a stílusok létrehozásának első két módját. De a harmadik lehetőségnél részletesebben megállunk.
Tehát ez a példa a HTML-ben néz ki
- A stílusok, ahogy észrevette, a zárószög zárójele előtt illeszkednek a címkéhez.
- A stílus a következő: style = »»
- Az idézőjelek között megírjuk a szükséges stílusokat
- A stílus nevét és értékét kettőspont választja el
- Az értékeket tartalmazó stílusokat pontosvessző választja el
- A stílusok neve, valamint a címkék angol szavakból származnak. A legtöbb esetben nem is rövidített.
Nézzük meg a kódot a sorrendben.
1. A teljes bekezdés stílusa
:
betűméret: 20px -
a betűtípus betűtípus, méret - méret. Következő kettőspontot és 20 képpont értéket ad. Szóval 20px betűméretet kapsz
betűtípus-család: Arial
betűtípus - betűtípus, család - család. Aztán a kettőspont és az Arial értékét. Kiderül az Arial font
2. Stílus a span tagban
A bekezdésen belül van egy vonal más stílusban. Ehhez használtam a span tagot. A Span nem számít. Ne feledje: ha egy bekezdésben vagy blokkban szeretne speciális szöveget vagy szót / kifejezést hozzáadni, használja a span tagot.
szín: # ff0000
színes - színes. Ezután a színérték a kettőspont után: # ff0000 - a piros színkód
text-decoration: aláhúzás
szöveg - szöveg, dekoráció. Az aláhúzás értéke aláhúzva.
Néhány stílusnak több jelentése is van. Így például a szövegdekoráció stílusa 4 értéket tartalmaz: átvonulás - keresztbeillesztés, aláhúzás - aláhúzás, vonal feletti - a szöveg felett, sem - nincs dekoráció
A különbség a p, span, div tag között
Mind a 3 címke blokk.
Van egy bekezdés. A címkén szereplő szöveget a bekezdés előtt és után beillesztett bekezdés formájában kell megjeleníteni.
- jelölje ki a szövegben ezt a címkét, ha a szöveget a bekezdéstől eltérő stílusban szeretne megadni, de hagyja ezt a szöveget a bekezdésben.
Képcímke
Majd mondok többet egy címkéről, a kép címkéjéről - .
A böngészõkép megjelenítéséhez a böngészõnek tudnia kell, hogy ez egy kép. Ehhez a címkét használjuk . Ez egy egyetlen címke. Az IMG-címke a kép IMAGE-képéből származik.
Ezek együtt dolgoznak:
img - a böngésző szerint ez egy kép
src - mondja, hol fekszik ez a kép
A címke használatának szabályai :
Referenciacímke
Referenciacímke - a horgonyból - horgonyból. címke dupla.
Együtt dolgoznak így:
A címke használatának szabályai :
Alapvető HTML-címkék és stílusok
Természetesen a példában nem mutatták be az összes címkét. Sokkal több van, de nem annyira sok. Összesen HTML 116 címkék :). A legfontosabb dolog az, hogy megtanulják használni használatuk alapelvét. A WordPressben minden olyan egyszerű, amennyire csak lehetséges. Egy blog használatakor nem kell HTML-címkéket írni. A WordPress mindent megtesz Önért.
A következő képernyőképeken a leggyakrabban használt címkéket és azok attribútumait, valamint a stílusokat adom meg.
Ui By the way, ma meghosszabbította a vízumot a tartózkodási Thaiföldön újabb három hónapig. Thaiföldön egy egész évet élhet egy diákvizsga a thai nyelvtanuláshoz. A képzési költségek évente 750 dollárt tesznek ki. A tanulás minden korosztály jó ...
Mi az a HMTL, a stílusok és hogyan használjuk őket a WordPress-ban, az értékek értelmezésével.
8 szavazat
Átlagos értékelés: 5 az 5
Már az a megértés, hogy a HTML - "Több mint lineáris szöveg" segít észrevenni - igen, olyan félelmetes, mint a legtöbb (és én is többek között) gondolkodtam.
Anfisa, van egy ötletem: írni, pliz, rövid kurzus "HTML - ez könnyű!"
Ő "Hooray" -ra fog menni, különösen azok számára, akik csak kezdik tanulmányozni. Végül is az átképzés mindig nehezebb