OrdinadorsProgramació

Etiquetes HTML per al text: l'alineació, mida, tipus de lletra

Semblaria, per la qual cosa saber etiquetes HTML per al text, si és en gairebé qualsevol administrador té un pràctic editor visual, la qual cosa les col·loca de forma automàtica?

El fet que el format del contingut del lloc web és molt diferent de treball en aplicacions d'oficina. No n'hi ha prou amb donar al text una aparença atractiva, a causa del registre correcte no només depèn de mostrar una pàgina web, sinó també la seva promoció en els motors de cerca.

HTML etiquetes i atributs: sintaxi bàsica

Qualsevol text té un codi ocult que "explica" a l'ordinador què i com voleu que la pantalla. Tota la informació es registra amb un conjunt d'elements universals.

De fet, etiquetes HTML per al text - aquest equip, que se sumen als blocs de pàgina definit o canviar el seu aspecte. El format de gravació correcta és la següent:

Tingueu en compte que no totes les etiquetes estan aparellats. Per exemple,
(línia de passada) o


(addició línia horitzontal) no necessita ser tancat en absolut.

Per què no pot copiar els articles de Word i altres programes en l'editor del lloc

Tot i que els programes d'oficina moderns utilitzen les mateixes etiquetes HTML per al text, el 99% del codi natiu no és adequat per a les pàgines web. Fins i tot si en el document de sol·licitud es mostra normalment, quan s'insereix el lloc pot perdre el format. A més, a causa de la gran quantitat de variables addicionals, i els motors de cerca no pot analitzar adequadament el contingut dels atributs de pàgina. Això, al seu torn, fa que sigui difícil per a promoure el seu lloc.

Per obtenir un codi net i rellevant, primer ha d'esborrar el text d'etiquetes HTML creat a l'editor de costum. Hi ha diverses maneres de fer això:

  1. "Desfer-se de" l'article a través de la "Bloc de notes" i només llavors inserir el lloc. L'aplicació elimina tot l'HTML, de manera que després han de tornar a donar format al text (utilitzant les eines de l'editor o de la mà).
  2. Escriure i publicar articles a través de LiveWriter. L'editor de blocs populars genera immediatament el codi correcte. I en una fitxa independent, es pot veure com el text es veurà a la pàgina web.
  3. Utilitza un netejador d'HTML. Aquest servei en línia no destrueix tot el codi en el seu conjunt, sinó només els fragments addicionals. Amb els filtres, a triar quin etiquetes d'emmagatzemar. Hi ha també un potent editor WYSIWYG per donar format, que se suma als comandaments de codi ja optimitzats.

Comproveu sempre el codi HTML abans de publicar una nova entrada. En ella no hi ha d'haver diferents dels que ara tenim en compte les etiquetes.

els paràgrafs

Aquest element està present en gairebé tots els articles. Cada paràgraf ha de ser col·locat en un recipient d'aquest tipus - això simplifica el format i li permet mantenir un estil coherent en tot el lloc. Per a més comoditat, l'etiqueta

s'escriu sempre amb una nova línia.

alineació

Separada-etiqueta HTML "Alineació del text" ja no s'utilitza. En canvi, l'atribut ALIGN universal, s'ha creat. Per tornar a col·locar el quadre de text a la pàgina, heu de seleccionar un dels 3 valors - centre, dreta o esquerra. De la mateixa manera, es pot especificar l'alineació dels altres elements - com les capçaleres.

En algunes situacions, per a l'alineació utilitzar altres etiquetes HTML. text centrat, per exemple, pot estar disposat amb l'ajuda de l'element de

... . L'etiqueta separada convenient? En contrast amb l'atribut, funciona amb qualsevol contingut, incloent fotos, vídeo, flash, i així successivament. D.

Els títols i subtítols

subtítols El sistema permet crear una estructura lògica dels continguts. Quan el text es divideix en unitats semàntiques, el lector és molt més fàcil concentrar-se i aprendre nova informació. Els motors de cerca també es van analitzar els titulars per veure quines consultes promouen pàgina. És per això que els experts de SEO recomanen per al seu ús en les seves claus temàtiques.

En HTML utilitza sis nivells de subtítols - de

a

. En aquest sistema, hi ha una clara jerarquia:

  • ... . El títol principal (títol de l'article, mercaderia a la botiga en línia, i així successivament. D.). En el text no pot haver-hi només un

    . En general, conté les paraules clau principals.

  • ... . Subtítols segon text de tall nivell en unitats significatives. Per exemple, si estaven qualificant ordinadors portàtils, pot fer que alguns

    amb els noms dels diferents models.

  • ... . Es necessita el tercer nivell si el text entre les etiquetes

    també es divideix en petits blocs. En el nostre exemple, això pot ser els criteris d'avaluació - "Performance", "Memòria", "Video", i així successivament per a cada model ...

  • ,

    ,
    . A la pràctica, molt rar. Però el principi general és la mateixa - que han de ser "incrustat" en la unitat amb el més alt nivell dels subtítols.

Compte amb la preservació de la jerarquia correcta. Tornant al nostre exemple, això vol dir que no es pot entrar immediatament els noms dels models com

o

. I a més d'utilitzar homogènia en el sentit de subtítols blocs de diferents nivells (per exemple, ressaltar un ordinador portàtil, en l'últim lloc en la classificació, utilitzant
).

Però l'esquema, que va a entendre i recordar l'estructura correcta de les capçaleres en HTML a l'instant.

llistes

Qualsevol instrucció de transferència i millors emesos en forma de llistes usant un especial etiquetes HTML per al text (un error comú - només uns pocs paràgrafs de

, que comencen amb un guió o un dígit).

L'estructura d'aquests blocs és molt simple. En un primer moment, es defineix el tipus de llista - amb vinyetes

    ... o numerada
      ... .

      Tots els elements es troben entre les etiquetes d'obertura i tancament. Cada element de la llista comença amb una nova línia i té el format

    1. ... . El nombre d'elements no està limitat.

      Selecció de font: i els seus atributs

      El que pot canviar-se usant l'etiqueta HTML? La mida del text, la seva font i el color - i sense l'addició de noves classes de CSS. Això és molt útil quan es necessita per seleccionar només una frase o fragment.

      té diversos atributs:

      • Cara. Se li permet canviar el tipus de lletra del text. Podeu especificar diverses opcions, separats per comes (Tahoma, Verdana). A no ser que l'usuari primera font, el sistema utilitza una alternativa simple.
      • Mida. Per augmentar o disminuir el text, introduïu un valor de cotització d'1 a 7.
      • Color. Depenent del disseny, pot triar un dels colors estàndard (vermell, verd, blau) o introduir el codi de qualsevol color a escollir.

      No utilitzeu els paràgrafs que es formaten utilitzant l'etiqueta , en lloc de subtítols. És millor preguntar als mateixos paràmetres de disseny de l'etiqueta correcta.

      Els mètodes per a la selecció de text

      esgotador text monòton, fins i tot desglossat en paràgrafs. Es recomana als punts clau per assignar gràficament per cridar l'atenció i despertar l'interès en el lector. Aquí hi ha alguns equips que van a fer front a aquesta tasca.

      ... . Extremadament popular HTML-tag. El text en negreta que crida l'atenció, però pel fet que és convenient distingir els punts de discussió importants i fets.

      Moltes persones confonen les etiquetes i . Visualment no hi ha diferència, però funcionen de diferents maneres. La primera simplement canvia l'aspecte del text, i l'altre serveix com un "punter" i destaca les parts més importants (paraules clau i frases temàtiques per SEO).

      ... . Per descomptat elegant i rigorosa és ideal per al disseny de termes científics, paraules estrangeres i diverses cites. En les publicacions serioses cursiva també a conèixer els noms de les obres d'art.

      ... . Potser tanta controvèrsia no va causar cap etiqueta HTML. Subratllar el text s'utilitza molt poc, ja que aquest mètode d'assignació històricament arrelada per als hipervincles. Si s'utilitza el en els articles, tingui en compte que això només és adequat per a peces curtes - no més d'1 línia.

      ... . etiqueta interessant que li permet fer alguna cosa del text ratllat. Molt rellevant en la publicitat - per exemple, per emfatitzar el contrast entre els vells i nous preus.

      ... . La forma més fàcil d'augmentar la mida de la font sense cap ajust addicional.

      ... . Es basa en el mateix principi que l'etiqueta anterior. Text disposat dins, reduïda pel que fa al sòl.

      ... . El nom correcte per a aquest format - el superíndex. Bàsicament, aquesta etiqueta està dissenyada per graus de matemàtiques i notes al peu. Redueix el tamany de la font i desplaça el text seleccionat cap amunt.

      ... . El subíndex es troba sovint en una varietat de fórmules. El fragment aïllat es troba per sota del text principal.

      contenidors semàntiques

      Com alguns blocs es troben en molts textos, perquè van començar a crear etiquetes especials. Això simplifica el format, ja que si cada tipus de contingut té el seu propi conjunt d'estils, assignar peça suficient de text i indicar quin tipus d'informació que conté.

      ... . Etiqueta per als codis d'ordinador. Indispensables en els articles Exemples de programació - ordres no s'executen i es mostren com a text sense format.

      ... . Dissenyat per processar cotitzacions - per exemple, els fragments clau de l'entrevista.

      ... . Això fa que una part del text en un bloc separat. Per defecte, la selecció es sagna a l'esquerra, però en CSS també es pot canviar la mida, estil i color de lletra del text.

      ... . Codi opcional que conté informació sobre l'autor, incloent un enllaç.

      La línia divisòria

      Amb les característiques simples, pot designar el final lògic d'una secció gran. les etiquetes


      No un parell. Això vol dir que el tancament no cal un element de format.

      C usant atribut WIDTH pot fer-se més curta que el separador per l'ajust de la mida apropiat en píxels o percentatge de l'amplada de la finestra.

      Per aprendre a utilitzar les etiquetes per donar format a text en HTML, no només farà que els seus articles més fàcil de llegir, sinó també millorar l'eficiència de la SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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