Parece, por que necesitas saber etiquetas HTML para texto, se agora en case todos os administradores hai un práctico editor visual que os coloca automaticamente?

O feito é que o formato do contido no sitio é fundamentalmente diferente do traballo en aplicacións de oficina. Non basta facer que o texto pareza atractivo, porque o deseño correcto depende non só da visualización da páxina web, senón tamén da súa promoción nos buscadores.

Etiquetas e atributos HTML: os conceptos básicos da sintaxe

Calquera texto ten un código oculto que "explica" á computadora que e como se debería mostrar na pantalla. Toda a información grava mediante un conxunto de elementos universais.

De feito, as etiquetas HTML para texto son comandos que engaden bloques específicos a unha páxina ou cambian a súa aparencia. O formato correcto para a entrada é:

Ten en conta que non todas as etiquetas están emparelladas. Por exemplo,
(saltar liña) ou

---

(engadindo unha liña horizontal) non ten que pecharse en absoluto.

Por que non pode copiar artigos de Word e outros programas ao editor do sitio

Aínda que os programas modernos de oficina usan as mesmas etiquetas HTML para o texto, no 99% dos casos o código nativo non é adecuado para páxinas web. Aínda que o documento se amose normalmente na propia aplicación, o formato pode fallar cando se insire no sitio. Ademais, debido á gran cantidade de etiquetas e atributos innecesarios, os buscadores non poden analizar adecuadamente o contido da páxina. Isto, á súa vez, dificulta a promoción do teu recurso.

Para obter un código limpo e relevante, primeiro necesitas borrar o texto das etiquetas HTML creadas polo editor normal. Existen varias formas de facelo:

1. "Executar" o artigo a través de "Bloc de notas" e só despois de que o pegue no sitio. A aplicación elimina todo o HTML, entón despois terás que formatar o texto de novo (usando as ferramentas do editor ou a man).
2. Escribe e publica artigos a través de LiveWriter. Un editor de blogs popular xera inmediatamente o código correcto. E nunha pestana separada, podes ver como se verá o texto no sitio.
3. Use o limpo de HTML. Este servizo en liña non destrúe completamente todo o código, senón só fragmentos adicionais. Usando filtros, elixe as etiquetas que desexa gardar. Tamén hai un poderoso editor visual para formatear, que engade comandos optimizados ao código.

Verifique HTML sempre antes de publicar un novo rexistro. Non debería conter etiquetas que non sexan agora.

Párrafos

Este elemento está presente en case todos os artigos. Cada parágrafo debería situarse dentro dun contenedor deste tipo: simplifica o formato e permítelle manter un único estilo en todas as páxinas do sitio. Para maior comodidade, a etiqueta

sempre está escrita desde unha nova liña.

Aliñamento

Non se usou por moito tempo unha etiqueta HTML separada "Aliñar texto". En cambio, creouse o atributo universal ALIGN. Para cambiar a posición do bloque de texto na páxina, debes seleccionar un dos 3 valores: CENTRO, DEREITO ou IZQUIERDO. Do mesmo xeito, pode establecer un aliñamento para outros elementos, por exemplo, cabeceiras.

Nalgunhas situacións, úsanse outras etiquetas HTML para o aliñamento. O texto centrado, por exemplo, pódese organizar usando o elemento ... . ¿Que é conveniente para unha etiqueta separada? A diferenza do atributo, funciona con calquera contido, incluídas fotos, vídeos, flash, etc.

Títulos e subtítulos

O sistema de subtítulos permítelle crear unha estrutura de contido lóxico. Cando o texto está dividido en bloques semánticos, o lector é moito máis fácil de concentrarse e aprender nova información. Os buscadores tamén analizan os encabezados para entender cales son as solicitudes para promocionar a páxina. É por iso que os especialistas en SEO recomendan empregar teclas temáticas.

En HTML, utilízanse seis niveis de subtítulos: de

a

. Neste sistema hai unha clara xerarquía:

• ... . O título principal (o título do artigo, os produtos na tenda en liña, etc.). Só pode haber un

  no texto. Como regra xeral, contén a chave principal.

• ... . Os subtítulos do segundo nivel rompen o texto en bloques semánticos. Por exemplo, se é notas de clasificación, pode facer varios

  cos nomes de diferentes modelos.

• ... . O terceiro nivel é necesario se o texto entre dous

  tamén está dividido en bloques pequenos. No noso exemplo, estes poden ser os criterios de avaliación: "Performance", "Memory", "Card video", etc. para cada modelo.

• ,

  ,

  . Na práctica, son extremadamente raros. Pero o principio xeral é o mesmo: deben estar "aniñados" no bloque cun subtítulo do máis alto.

Fai un seguimento da xerarquía correcta. Volvendo ao noso exemplo, isto significa que non pode ingresar os nomes dos modelos como

ou

. E máis aínda para empregar subtítulos de diferentes niveis para bloques de significado homoxéneos (digamos, asignar o portátil, que ocupou o último lugar da clasificación, coa axuda de

).

E aquí tes un esquema que che axudará a comprender e recordar de forma instantánea a estrutura correcta dos encabezados en HTML.

Listas

Calquera enumeración e instrucións son mellor formateadas como listas usando etiquetas HTML especiais para o texto (un erro típico é só uns poucos parágrafos de

que comezan cun guión ou un díxito).

A estrutura destes bloques é moi sinxela. En primeiro lugar, definimos o tipo de lista - etiquetada

... ou con numeración
... .

Todos os elementos están entre as etiquetas de apertura e peche. Cada elemento da lista comeza cunha nova liña e ten o formato

1. ... . O número de elementos non está limitado.

   Selección de fonte: e os seus atributos

   ¿Que podo cambiar usando esta etiqueta HTML? O tamaño do texto, a súa fonte e cor - e sen engadir novas clases en CSS. Isto é moi conveniente cando precisa seleccionar só unha frase ou fragmento.

   ten varios atributos:

   • Cara . Permite cambiar a fonte de texto. Podes listar varias opcións separadas por comas (Tahoma, Verdana). Se o usuario non ten a primeira fonte instalada, o sistema simplemente usa a alternativa.
   • Tamaño . Para aumentar ou diminuír o texto, especifique entre comiñas un valor de 1 a 7.
   • Cor . Dependendo do deseño, pode escoller unha das sombras estándar (vermello, verde, azul) ou introducir calquera código de cor para elixir.

   Non empregue parágrafos con formato en vez de subtítulos. É mellor configurar a mesma configuración para a etiqueta correcta.

   Formas de seleccionar o texto

   Os neumáticos de texto monótona, ata coa ruptura por parágrafos. Para atraer a atención e acender o interese do lector, recoméndase resaltar puntos crave gráficamente. Aquí tes algúns comandos que axudarán a facer fronte a esta tarefa.

   ... . Etiqueta HTML moi popular. O texto en negra inicia inmediatamente o ollo e, polo tanto, coa súa axuda convén resaltar teses e feitos importantes.

   Moitos confunden as etiquetas e . Visualmente non hai diferenza, pero funcionan de diferentes xeitos. O primeiro simplemente cambia a aparencia do texto, eo segundo realiza a función do "punteiro" e destaca os fragmentos máis importantes (palabras clave e frases temáticas para SEO).

   ... . A cursiva elegante e estrita é ideal para o deseño de términos científicos, palabras estranxeiras e unha variedade de comiñas. En edicións serias, o título de obras de arte tamén se distingue por un texto oblicuo.

   ... . Quizais, moitas disputas non causaron ningunha etiqueta HTML. O subliñado do texto raramente se usa, xa que este método de asignación históricamente foi asignado a hipervínculos. Se usa nos artigos, ten en conta que só é adecuado para fragmentos curtos - non máis de 1 liña.

   ... . Unha etiqueta interesante que che permite facer parte do texto sen efecto. Moi relevante na publicidade - por exemplo, para enfatizar o contraste entre os prezos novos e novos.

   ... . A forma máis sinxela de aumentar o tamaño da fonte sen ningún parámetro adicional.

   ... . Funciona co mesmo principio que a etiqueta anterior. O texto dentro está reducido en relación co texto principal.

   ^... . O nome correcto para este formato é o superíndice. Basicamente, esta etiqueta está deseñada para graos matemáticos e notas ao pé de páxina. Reduce o tamaño da fonte e move o texto seleccionado.

   _... . O subíndice adoita atoparse en varias fórmulas. O fragmento seleccionado sitúase debaixo do texto principal.

   Contedores semánticos

   Dado que se atoparon algúns bloques en moitos textos, creáronse etiquetas especiais para eles. Isto simplifica o formato, porque se cada tipo de contido ten o seu propio conxunto de estilos, basta escoller un fragmento do texto e indicar que información contén.

   ... . Unha etiqueta para engadir códigos de computador. É insubstituíble nos artigos de programación con exemplos: os comandos non se executan, pero amósanse como texto sinxelo.

   ... . Está destinado á formulación de presupostos - por exemplo, fragmentos crave da entrevista.

   ... . Leva unha parte do texto nun bloque separado. Por defecto, a selección ten unha marxe maior á esquerda, pero en CSS tamén pode cambiar o tamaño, o estilo e a cor do texto.

   ... . Etiqueta adicional, que contén información sobre o autor, incluídas as ligazóns.

   A liña de separación

   ---

   Usando unha barra simple, pode designar o final lóxico dunha sección grande.

   ---

   non se aplica ás etiquetas vinculadas. Isto significa que non se necesita o elemento de peche do formato .

   Usando o atributo WIDTH, pode facer que o separador sexa máis curto especificando un tamaño axeitado en píxeles ou por cento do ancho da xanela.

   Ao aprender a usar etiquetas correctamente para formatar o texto en HTML, non só fai que os seus artigos sexan fáciles de ler, senón que tamén aumentan a eficacia de SEO.