ComputersProgrammering

HTML-tags voor de tekst: de uitlijning, grootte, lettertype

Het lijkt, wat HTML-tags te kennen voor de tekst, als het in bijna elke admin heeft een handige visuele editor, waardoor ze automatisch zet?

Het feit dat de opmaak van de inhoud op de website is heel anders dan het werk in office-toepassingen. Er is niet genoeg om de tekst een aantrekkelijk uiterlijk te geven, als gevolg van de juiste registratie hangt niet alleen een webpagina weer te geven, maar ook de promotie in zoekmachines.

HTML-tags en attributen: basissyntaxis

Elke tekst heeft een verborgen code die "legt uit:" de computer wat en hoe u wilt weergeven op het scherm. Alle informatie wordt opgenomen met een set universele elementen.

In feite, HTML-tags voor tekst - dit team, die toe te voegen aan de pagina die blokken of veranderen hun uiterlijk. De juiste opname indeling is als volgt:

Houdt u er rekening mee dat niet alle tags zijn gekoppeld. Bijvoorbeeld,
(omloopleiding) of


(horizontale lijn toevoeging) niet te helemaal sluiten.

Waarom kan artikelen uit Word en andere programma's te kopiëren in de editor van de site

Hoewel moderne office programma's gebruiken dezelfde HTML-tags voor tekst, 99% van de native code is niet geschikt om webpagina's. Zelfs als in de toepassing document normaal wordt weergegeven, wanneer u plaatst u de site kan opmaak verliezen. Bovendien, als gevolg van het grote aantal extra tags en zoekmachines kan niet adequaat het analyseren van de inhoud van de pagina attributen. Dat op zijn beurt, maakt het moeilijk om uw site te promoten.

Om een schoon en relevant te verkrijgen, moet u eerst de tekst van HTML-tags die in de gebruikelijke editor te wissen. Er zijn verschillende manieren om dit te doen:

  1. "Weg met" het artikel via de "Notepad" en pas daarna plaatst u de site. De applicatie verwijdert alle HTML, zodat dan opnieuw moeten formatteren van de tekst (met behulp van de editor of handgereedschappen).
  2. Schrijven en publiceren van artikelen via LiveWriter. De populaire blog editor genereert onmiddellijk de juiste code. En in een apart tabblad, kunt u zien hoe de tekst eruit zal zien op de website.
  3. Gebruik HTML Cleaner. Deze online dienst niet alle van de code als een geheel te vernietigen, maar alleen de extra fragmenten. Met filters kunt u kiezen welke tags op te slaan. Er is ook een krachtige WYSIWYG editor om formaat, dat wordt toegevoegd aan de reeds geoptimaliseerde code commando's.

Controleer altijd de HTML voordat je een nieuw bericht te publiceren. Daarin moet er geen andere dan die welke wij nu beschouwen-tags.

paragrafen

Dit element is aanwezig in bijna alle artikelen. Elke paragraaf moet in een dergelijke container worden geplaatst - dit vereenvoudigt de opmaak en kunt u een consistente stijl door de hele site te houden. Voor het gemak wordt

tag altijd met een nieuwe lijn geschreven.

opstelling

Afzonderlijke HTML-tag "Tekstuitlijning" wordt niet meer gebruikt. In plaats daarvan heeft de universele attribuut ALIGN gecreëerd. Midden, rechts of links - om de positie van de tekstvak op de pagina, moet u een van de 3 waarden te selecteren. zoals headers - Op dezelfde manier kunt u de uitlijning van de andere elementen op te geven.

In sommige situaties, voor het uitlijnen gebruik maken van andere labels HTML. gecentreerde tekst, bijvoorbeeld, kan worden geregeld met behulp van het element

... . De handige afzonderlijke tag? In tegenstelling tot het attribuut, het werkt met enige inhoud, inclusief foto's, video, flash, en ga zo maar door. D.

Posten en onderverdelingen

ondertiteld Het systeem stelt u in staat om een logische structuur van de content te creëren. Wanneer de tekst is verdeeld in semantische eenheden, de lezer is veel makkelijker om zich te concentreren en te leren van nieuwe informatie. Zoekmachines analyseerde ook de krantenkoppen te zien welke vragen te bevorderen pagina. Dat is de reden waarom SEO experts raden voor gebruik in hun thematische sleutels.

In HTML maakt gebruik van zes niveaus ondertitels - van

to

. In dit systeem, is er een duidelijke hiërarchie:

  • ... . De belangrijkste titel (titel van het artikel, goederen in de online winkel, en ga zo maar door. D.). In de tekst kunnen er slechts één

    . Meestal bevat de belangrijkste zoekwoorden.

  • ... . Ondertitels tweede niveau break tekst in betekenisvolle eenheden. Bijvoorbeeld, als je laptops waren rating, kunt u een paar

    met de namen van de verschillende modellen te maken.

  • ... . Het derde niveau is nodig als de tekst tussen de

    Ook is verdeeld in kleine blokken. In ons voorbeeld, kan dit de evaluatiecriteria - "Prestaties", "Memory", "Video", en zo verder voor elk model ...

  • ,

    ,
    . In de praktijk zeer zeldzaam. Maar het algemene principe is hetzelfde - ze moeten worden "embedded" in de unit met het hoogste niveau van de ondertiteling.

Kijk uit voor het behoud van de juiste hiërarchie. Terugkerend naar ons voorbeeld, betekent dit dat je niet meteen voer het model namen zoals

en

. En voorts homogeen te gebruiken in de zin van ondertitels blokken van verschillende niveaus (bijvoorbeeld, markeert een laptop, gerangschikt laatste in de rating, met
).

Maar de regeling, die direct zal begrijpen en te onthouden de juiste structuur van de headers in HTML.

lijsten

Elke overdracht en betere instructies uitgegeven in de vorm van lijsten, met behulp van een speciale HTML-tags voor tekst (een veel voorkomende fout - slechts een paar alinea's van

, die beginnen met een koppelteken of een cijfer).

De structuur van de blokken is zeer eenvoudig. In eerste instantie, we bepalen de aard van de lijst - opsommingstekens

    ... of genummerd
      ... .

      Alle elementen zijn gelegen tussen het openen en sluiten markeringen. Elk item in de lijst begint met een nieuwe lijn en heeft het formaat

    1. ... . Het aantal elementen is niet beperkt.

      Font selectie: en zijn attributen

      Wat kan worden gewijzigd met de HTML-tag? De grootte van de tekst, het lettertype en de kleur - en zonder de toevoeging van nieuwe klassen in CSS. Dit is erg handig wanneer u slechts één zin of fragment te kiezen.

      heeft verschillende attributen:

      • Gezicht. Hiermee kunt u het lettertype van de tekst te veranderen. U kunt meerdere opties, gescheiden door komma's (Tahoma, Verdana) noemen. Tenzij de gebruiker eerst lettertype, het systeem maakt gebruik van een eenvoudig alternatief.
      • Size. Te verhogen of de tekst te verkleinen, voert u een beurswaarde van 1-7.
      • Kleur. Afhankelijk van het ontwerp, kunt u kiezen uit een van de standaard kleuren (rood, groen, blauw) of voer de code van elke kleur uit te kiezen.

      Gebruik geen alinea's die zijn opgemaakt met behulp van de , in plaats van ondertitels. Het is beter om hetzelfde ontwerp parameters juiste tag te vragen.

      Methoden voor het selecteren van tekst

      Monotone tekst vermoeiend, zelfs onderverdeeld in paragrafen. de belangrijkste punten wordt aanbevolen om grafisch te wijzen om aandacht te trekken en roer belangstelling voor de lezer. Hier zijn een paar teams die zal omgaan met deze taak.

      ... . Uiterst populaire HTML-tag. Vette tekst springt in het oog, maar omdat met het is handig om de belangrijke punten te praten en feiten te onderscheiden.

      Veel mensen verwarren codes en . Visueel is er geen verschil, maar ze werken op verschillende manieren. De eerste verandert eenvoudig het uiterlijk van de tekst, en de andere dient als een "pointer" en wijst op de belangrijkste onderdelen (thematische zoekwoorden en zinnen voor SEO).

      ... . Elegant en strenge cursus is ideaal voor het ontwerp van wetenschappelijke termen, vreemde woorden en diverse citaties. In ernstige publicaties cursief ook de namen van kunstwerken vrij te geven.

      ... . Misschien zo veel controverse leverde geen HTML-tag veroorzaken. Tekst onderstrepen wordt zelden gebruikt, omdat deze toewijzingsmethode historisch verankerd voor hyperlinks. Als u de te gebruiken in artikelen, dan kunt u er rekening mee dat dit is alleen geschikt voor korte stukjes - niet meer dan 1 lijn.

      ... . Interessant tag die u toelaat om een deel van het te doen doorhalen. Zeer relevant in de reclame - bijvoorbeeld om het contrast tussen de oude en de nieuwe prijzen te benadrukken.

      ... . De eenvoudigste manier om de lettergrootte te verhogen zonder extra instellingen.

      ... . Het werkt volgens hetzelfde principe als de vorige tag. Binnen aangebracht, verminderd ten opzichte van de grond.

      ... . De juiste naam voor dit formaat - de superscript. In principe is deze tag ontworpen voor wiskunde graden en voetnoten. Het vermindert de lettergrootte en verschuift de geselecteerde tekst op.

      ... . De index wordt vaak gevonden in een verscheidenheid van formules. Het geïsoleerde fragment bevindt zich onder de hoofdtekst.

      semantische containers

      Zoals sommige blokken zijn te vinden in veel teksten, want zij begonnen om speciale tags te creëren. Dit vereenvoudigt de opmaak, want als elk type inhoud heeft zijn eigen set van stijlen, toe te wijzen voldoende stukje tekst en geef aan welke informatie het bevat.

      ... . Tag voor de computer codes. Onmisbaar in de artikelen Programmering voorbeelden - commando's worden niet uitgevoerd en weergegeven als platte tekst.

      ... . Ontworpen om offertes te verwerken - bijvoorbeeld de sleutel fragmenten uit het interview.

      ... . Het behoort tot de tekst in een afzonderlijk blok. Standaard wordt de selectie ingesprongen aan de linkerkant, maar in CSS kunt u ook de grootte, lettertype stijl en kleur van de tekst.

      ... . Optionele tag die informatie over de auteur, inclusief een link bevat.

      De scheidslijn

      Met eenvoudige functies, kunt u wijzen de logische einde van een groot deel.


      geen paar labels. Dit betekent dat de afsluitende niet een formaat dat punt nodig hebt.

      C via WIDTH attribuut kan korter zijn dan de scheider door de juiste afmetingen in pixels of percentage van de vensterbreedte worden.

      Om te leren om tags te gebruiken om tekst in HTML-formaat, zult u niet alleen uw artikelen gemakkelijker te lezen te maken, maar ook de efficiëntie van SEO te verbeteren.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 nl.atomiyme.com. Theme powered by WordPress.