DatorerProgrammering

HTML-taggar för text: anpassning, storlek, typsnitt

Det verkar, vad man ska veta HTML-taggar för text, om det är i nästan alla admin har en praktisk visuell editor, vilket placerar dem automatiskt?

Det faktum att formateringen av innehållet på webbplatsen är helt annorlunda från arbetet i kontorsprogram. Det räcker inte för att ge texten ett tilltalande utseende, på grund av den korrekta registreringen beror inte bara visa en webbsida, utan också dess marknadsföring i sökmotorerna.

HTML-taggar och attribut: grundläggande syntax

All text har en dold kod som "förklarar" datorn vad och hur du vill visa på skärmen. All information är inspelad med en uppsättning av universella element.

I själva verket, HTML-taggar för text - denna lag, som lägger till den sida som definierats block eller ändra sitt utseende. Korrekt inspelningsformat är följande:

Observera att inte alla taggar är ihopkopplade. Exempelvis
(pass line) eller


(horisontell linje tillsats) behöver inte tillslutas på alla.

Varför kan inte kopiera artiklar från Word och andra program redaktör för webbplatsen

Trots att modern kontorsprogram använder samma HTML-taggar för text, är inte lämplig för webbsidor 99% av ursprunglig kod. Även om det i ansökan dokumentet visas normalt när du sätter på webbplatsen kan förlora formatering. Dessutom kan på grund av det stora antalet extra taggar och sökmotorer inte tillräckligt analysera innehållet på sidan attribut. Det i sin tur gör det svårt att marknadsföra din webbplats.

För att få en ren och relevant kod, måste du först ta bort texten från HTML-taggar som skapas på vanligt redaktör. Det finns flera sätt att göra detta:

  1. "Bli av med" artikeln genom "Anteckningar" och först därefter sätta webbplatsen. Ansökan raderar all HTML, så att sedan måste åter formatera texten (med hjälp av redaktör eller handverktyg).
  2. Skriva och publicera artiklar via LiveWriter. Den populära blogg redaktör genererar omedelbart rätt kod. Och i en separat flik, kan du se hur texten kommer att se ut på webbplatsen.
  3. Använd HTML Cleaner. Denna onlinetjänst inte förstöra all kod som helhet, men bara de extra fragmenten. Med filter kan du välja vilka taggar för att lagra. Det finns också en kraftfull WYSIWYG editor för att format, vilket bidrar till de redan optimerad kod kommandon.

Kontrollera alltid HTML innan du publicerar ett nytt inlägg. I det ska det inte finnas några andra än de som vi nu anser taggar.

punkterna

Detta element förekommer i nästan alla artiklar. Varje punkt ska placeras i en sådan behållare - detta förenklar formatering och tillåter dig att hålla en konsekvent stil hela webbplatsen. För enkelhetens skull är

tag alltid skriven med en ny linje.

uppriktning

Separat HTML-tag "Text Alignment" används inte längre. I stället har den universella attribut ALIGN skapats. För att flytta textrutan på sidan, måste du välja en av tre värderingar - CENTER, höger eller vänster. På samma sätt kan du ange inriktningen av de andra elementen - såsom rubriker.

I vissa situationer, för justering använda andra taggar HTML. centrerad text, till exempel, kan ordnas med hjälp av elementet

... . Den bekväma separata tag? I motsats till attribut, det fungerar med något innehåll, inklusive bilder, video, Flash och så vidare. D.

Rubriker och underrubriker

texter Systemet gör det möjligt att skapa en logisk struktur av innehållet. När texten är uppdelad i semantiska enheter, är mycket lättare att koncentrera sig och lära sig ny information läsaren. Sökmotorer analyserade också rubrikerna för att se vilka frågor främjar sida. Det är därför som SEO-experter rekommenderar att använda i sina tematiska nycklar.

I HTML använder sex nivåer texter - från

till

. I detta system finns en tydlig hierarki:

  • ... . Den huvudtitel (artikelns rubrik, varor i nätbutiken, och så vidare. D.). I texten kan det bara finnas en

    . Vanligtvis innehåller de viktigaste sökord.

  • ... . Undertexter andra nivån bryta text i meningsfulla enheter. Till exempel, om du rating bärbara datorer, kan du göra några

    med namnen på de olika modellerna.

  • ... . behövs Den tredje nivån om texten mellan

    är också indelad i små block. I vårt exempel, kan detta vara utvärderingskriterierna - "Performance", "Memory", "Video", och så vidare för varje modell ...

  • ,

    ,
    . I praktiken mycket sällsynta. Men den allmänna principen är densamma - de måste "inbäddad" i enhet med den högsta nivån av undertexten.

Se upp för att bevara den rätta hierarkin. För att återgå till vårt exempel, innebär detta att du inte omedelbart kan ange modellnamn som

eller

. Och vidare att använda homogena i den meningen att undertexter block i olika nivåer (till exempel markera en bärbar dator, rankad sist i betyg, med
).

Men systemet, som omedelbart kommer att förstå och komma ihåg den korrekta strukturen för rubriker i HTML.

listor

All överföring och bättre anvisningar i form av listor, med en speciell HTML-taggar för text (ett vanligt misstag - bara några stycken i

, som börjar med ett bindestreck eller en siffra).

Strukturen för sådana block är mycket enkel. Först definierar vi den typ av listan - punkt

    ... eller numrerad
      ... .

      Alla element är belägna mellan öppnings- och stängningstaggar. Varje post i listan börjar med en ny linje och har formatet

    1. ... . Antalet element är inte begränsat.

      Font urval: och dess attribut

      Vad kan ändras med hjälp av HTML-tag? Storleken på texten, dess typsnitt och färg - och utan tillsats av nya klasser i CSS. Detta är mycket praktiskt när du måste välja bara en mening eller fragment.

      har flera attribut:

      • Face. Det låter dig ändra teckensnitt på text. Du kan ange flera alternativ, separerade med kommatecken (Tahoma, Verdana). Om inte användaren först typsnitt, använder systemet ett enkelt alternativ.
      • Storlek. För att öka eller minska texten anger ett kvotvärde av 1-7.
      • Color. Beroende på utformning, kan du välja en av standardfärgerna (röd, grön, blå) eller ange koden för varje färg för att välja mellan.

      Använd inte stycken som är formaterade med , istället för undertexter. Det är bättre att ställa samma designparametrar rätt tagg.

      Metoder för att välja text

      Monotona text tröttsamt, även delas upp i stycken. de viktigaste punkterna rekommenderas att fördela grafiskt att väcka uppmärksamhet och rör intresse för läsaren. Här är några lag som kommer att klara denna uppgift.

      ... . Extremt populära HTML-tagg. Fet text fångar ögat, men eftersom med det är lämpligt att särskilja de viktiga samtalsämnen och fakta.

      Många människor förväxlar taggar och . Visuellt är det ingen skillnad, men de fungerar på olika sätt. Den första helt enkelt ändrar utseendet på texten, och den andra fungerar som en "pekare" och lyfter fram de viktigaste delarna (tematiska sökord och fraser för SEO).

      ... . Elegant och rigorösa kurs är perfekt för utformningen av vetenskapliga termer, främmande ord och olika citat. I allvarliga publikationer kursiv också släppa namnen på konstverk.

      ... . Kanske så mycket kontrovers inte orsaka någon HTML-tagg. Understruken text används sällan, eftersom denna fördelningsmetod historiskt förankrade för hyperlänkar. Om du använder i artiklar, observera att detta endast är lämpligt för korta bitar - inte mer än en linje.

      ... . Intressant tagg som gör att du kan göra en del av genomstruken text. Mycket relevant i reklam - till exempel för att understryka kontrasten mellan de gamla och nya priser.

      ... . Det enklaste sättet att öka teckenstorleken utan ytterligare inställningar.

      ... . Det fungerar på samma princip som den tidigare taggen. Text anordnad inuti, som reducerats med avseende på marken.

      ... . Det korrekta namnet för detta format - den upphöjda. I grund och botten är denna tagg konstruerad för matematiska grader och fotnoter. Det minskar teckenstorlek och skiftar den markerade texten upp.

      ... . Index finns ofta i en mängd olika formler. Det isolerade fragmentet ligger nedanför huvudtexten.

      semantiska behållare

      Eftersom vissa block finns i många texter, för de började skapa speciella taggar. Detta förenklar formatering, eftersom om varje innehålls typ har sin egen uppsättning av stilar, avsätta tillräckligt med textstycke och ange vilken information den innehåller.

      ... . Tag för datorprogram. Oumbärlig artiklarna programmeringsexempel - kommandon utförs inte och visas som vanlig text.

      ... . Designad för att bearbeta offerter - till exempel de viktigaste utdrag från intervjun.

      ... . Det gör en del av texten i ett separat block. Som standard är valet indragen på vänsterkanten, men i CSS kan du också ändra storlek, typsnitt stil och färg på texten.

      ... . Valfri tagg som innehåller information om författaren, bland annat en länk.

      Skiljelinjen

      Med enkla funktioner kan du utse den logiska slutet av en stor del.


      inte ett par etiketter. Detta innebär att den avslutande behöver inte ett objekt format.

      C med användning av WIDTH attributet kan göras kortare än separatorn genom att ställa in lämplig storlek i pixlar eller procent av fönsterbredden.

      Att lära sig att använda taggar för att formatera text i HTML, kommer du inte bara göra dina artiklar lättare att läsa, men också öka effektiviteten i SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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