Mi az a hmtl, a stílusok, és hogyan használják őket wordpress-ben, dekódolási értékekkel, blog anfisa-val

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:

  1. külső - külön fájlban a css kiterjesztéssel
  2. Belső - a fejrészben, mint a stílusok betétje
  3. 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

  1. A stílusok, ahogy észrevette, a zárószög zárójele előtt illeszkednek a címkéhez.
  2. A stílus a következő: style = »»
  3. Az idézőjelek között megírjuk a szükséges stílusokat
  4. A stílus nevét és értékét kettőspont választja el
  5. Az értékeket tartalmazó stílusokat pontosvessző választja el
  6. 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.

- a bekezdéshez hasonlóan, csak a felső és az alsó rész behúzása nélkül. is
Könnyen használható blokkok megjelenítésére függőlegesen, vízszintesen, átfedésben. Mindez stílusok segítségével történik.

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.

A címke van egy szükséges attribútum href. A HREF 2 szó rövidítése - H ypertext Ref - Hypertext footnote (referencia, ajánlás).

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

Kapcsolódó cikkek