Számos módon lehet szóközöket beilleszteni a HTML-be. A legegyszerűbb módszer egyszerűen szóközök vagy több
karakteres entitás hozzáadása a célszöveg előtt és után. Természetesen nem ez a DRYest módszer.
Ehelyett, hogy a kódot könnyen karbantarthassa és csökkentse az ismétlést, használhatja a és
elemek, egy kis CSS-sel együtt:Az
elem használata
Az
alábbiakban láthatunk egy példát a szöveg közötti távolság szabályozására:
Hello my name is James
Ne feledje, hogy a
címkék automatikusan záródnak, vagyis nincs szükségük a-ra
/>
.Ezután külső vagy belső stílus segítségével adhat
tab
néhány tulajdonságot az osztálynak . Például a következő kód működik egy külső stíluslapon:.tab { padding-left: 2px; }
Megadhat
néhány inline stílusú tulajdonságot is, az alábbiak szerint.
Alternatív megoldásként megadhatja
ugyanazokat a tulajdonságokat, mint az inline stílusok, az alábbiak szerint:
Hello my name is James
Használni a
elem
A tabulátorhely egyszerű hozzáadásához egyszerűen csomagolja be a szöveget
címkék. Például:A
elem egyszerűen az előre elkészített szöveget reprezentálja . Más szavakkal, a belső szövegben szóköz vagy fül jelenik meg. Például:
function greeting() { console.log('Hello world!'); }Csak ne feledje, hogy a tényleges tabulátor karakterek (nem egy halom fülre hasonlító szóközök), amelyet ezzel a módszerrel használ, nevetségesen szélesnek tűnhet. Ez azért van, mert az
tab-size
ingatlan aelem alapértelmezés szerint 8 szóköz.Ezt megváltoztathatja egy kis CSS-sel:
pre { tab-width: 2; }
További információ a HTML-ről:
A HyperText Markup Language (HTML) az online dokumentumok elkészítéséhez használt jelölőnyelv, és ma a legtöbb webhely alapja.
A HTML-hez hasonló jelölőnyelv lehetővé teszi számunkra
- linkeket hozhat létre más dokumentumokhoz,
- - strukturálja dokumentumunk tartalmát, és
- tulajdonítson kontextust és jelentést dokumentumunk tartalmának.
Egy HTML dokumentumnak két aspektusa van. Strukturált információkat (Markup) és szöveges hivatkozásokat (HyperText) tartalmaz más dokumentumokhoz.
HTML-elemek felhasználásával strukturáljuk oldalainkat. Ezek a nyelv konstrukciói, amelyek struktúrát és jelentést nyújtanak a dokumentumban a böngésző számára, és az elem az interneten keresztül más dokumentumokhoz vezet.
Az internetet eredetileg statikus (változatlan) dokumentumok tárolására és bemutatására hozták létre. A HTML fent tárgyalt aspektusait tökéletesen látták ezek a dokumentumok, amelyek hiányoztak minden dizájntól és stílustól. Olyan strukturált információkat mutattak be, amelyek linkeket tartalmaztak más dokumentumokhoz.
A HTML5 a HTML legújabb verziója vagy specifikációja. A World Wide Web Consortium (W3C) az a szervezet, amely kidolgozza a világháló szabványait, beleértve a HTML-et is. Ahogy a weboldalak és a webalkalmazások összetettebbé válnak, a W3C frissíti a HTML szabványait.
A HTML5 egy csomó szemantikai elemet mutat be. Míg a HTML segít jelentést adni dokumentumunknak, a HTML5-tel ellátott szemantikai elemek bevezetéséig nem ismerték teljes mértékben annak lehetőségeit.
Egy egyszerű példa egy HTML dokumentumra
Page Title My First Heading
My first paragraph.
! DOCTYPE html: Ezt a dokumentumot HTML5-nek definiálja
html: HTML oldal gyökéreleme
head: Az elem metaadatokat tartalmaz a dokumentumról
title: Az elem megadja a dokumentum címét
törzs: Az elem tartalmazza a látható oldal tartalmát
h1: Az elem nagy címsort határoz meg
p: Az elem meghatároz egy bekezdést
HTML verziók
A web kezdetektől fogva a HTML sok változata létezik
- HTML1991
- HTML 2.01995
- HTML 3.21997
- HTML 4.011999X
- HTML2000
- HTML52014
Egyéb források
- HTML elemek
- Szemantikus HTML
- HTML attribútumok