A pesar de que los sitios web modernos generalmente se construyen con interfaces fáciles de usar, 10 formas de crear un sitio web pequeño y sencillo sin la exageración 10 maneras de crear un sitio web pequeño y simple sin la exageración WordPress puede ser una exageración. Como lo demuestran estos otros excelentes servicios, WordPress no es el principio de la creación de un sitio web. Si desea soluciones más simples, hay una variedad para elegir. Leer más, todavía es bueno saber algo de HTML básico. Si conoce las siguientes 17 etiquetas (y las pocas adicionales que las acompañan), podrá crear una página web básica desde cero o modificar el código creado por una aplicación como WordPress Blogger vs. Wordpress.com: una comparación completa Blogger vs. Wordpress.com: una comparación completa Los dos reyes indiscutibles de la esfera de los blogs gratuitos son Blogger de Google y WordPress.com, el sistema de gestión de contenido convertido en host. Si bien ambos ofrecen lo que cada cañón de pensamiento que piensa en la democracia y que piensa libremente, quiere un lugar para expresarse, hay… Leer más .

He proporcionado ejemplos para la mayoría de las etiquetas, pero si desea verlas en acción, descargue el archivo HTML vinculado al final del artículo. Puedes jugar con él en un editor de texto y cargarlo en un navegador para ver qué hacen tus cambios.

1.

Necesitará esta etiqueta al comienzo de cada documento HTML que cree. Asegura que un navegador sepa que está leyendo HTML y que espera HTML5, la última versión. ¿Qué es HTML5, y cómo cambia la forma en que navego? [MakeUseOf explica] ¿Qué es HTML5, y cómo cambia la forma en que navego? [MakeUseOf Explica] En los últimos años, es posible que hayas escuchado el término HTML5 de vez en cuando. Ya sea que sepa algo sobre desarrollo web o no, el concepto puede ser un tanto nebuloso y confuso. Obviamente,… Leer más .

A pesar de que en realidad no es una etiqueta HTML, es bueno saberlo..

2.

Esta es otra etiqueta que le dice a un navegador que está leyendo HTML. ¿Por qué necesitamos los dos? ¿Quién sabe? Pero es una buena idea ponerlo de todos modos..

Y al final de su documento, agregue un etiqueta.

3.

Para páginas básicas, la La etiqueta contendrá su título, y eso es todo. Pero hay algunas otras cosas que puede incluir, que veremos en un momento..

4.

Ese es el nombre que se mostrará como título de la pestaña cuando se abra en un navegador.

5.

Al igual que la etiqueta del título, los metadatos se colocan en el área del encabezado de su página (estos metadatos, a diferencia de los metadatos de sus dispositivos móviles Metadatos: la información sobre su información Metadatos: la información sobre su información Más información no es confidencial). Los metadatos son utilizados principalmente por los motores de búsqueda y es, como es de esperar, información sobre la información en su página. Hay varios campos de metadatos diferentes, pero estos son algunos de los más utilizados:

• descripción - Una descripción básica de tu página..
• palabras clave - Una selección de palabras clave aplicables a su página..
• autor - El autor de tu página..
• vista - Una etiqueta para asegurar que su página se vea bien en todos los dispositivos.

Aquí hay un ejemplo que podría aplicarse a esta página:

los “vista” etiqueta siempre debe tener “ancho = ancho del dispositivo, escala inicial = 1.0” como contenido para asegurarse de que su página se muestre bien en dispositivos móviles y de escritorio.

6.

El cuerpo de su página web, básicamente todo lo que no sea el título se encuentra dentro de la etiqueta del cuerpo. Es tan simple como suena:

 Todo lo que quieras mostrar en tu página.. 

7.

los

la etiqueta define los encabezados de nivel uno en tu página.

define los encabezados de nivel dos,

nivel tres, y así sucesivamente, hasta

. Como ejemplo, los nombres de las etiquetas en este artículo son encabezados de nivel dos.

Cabecera grande e importante
 
Cabecera un poco menos grande
 
Sub-encabezado

Resultado:

Cabecera grande e importante

Cabecera un poco menos grande

Sub-encabezado

Como puedes ver, se vuelven más pequeños en cada nivel.

8.

La etiqueta de párrafo comienza un nuevo párrafo. Esto suele insertar dos saltos de línea..

Mira, por ejemplo, la ruptura entre la línea anterior y esta. Eso es lo que un

etiqueta hará.

Tu primer párrafo.
 
Tu segundo parrafo.

Resultado:

Tu primer párrafo.

Tu segundo parrafo.

También puedes usar estilos CSS en tus etiquetas de párrafo, como esto:

Texto un 20% más grande

Resultado:

Texto un 20% más grande

Para aprender a usar CSS para estilizar su texto, consulte estos tutoriales de HTML y CSS Aprenda HTML y CSS con estos Tutoriales Paso a Paso Aprenda HTML y CSS con estos Tutoriales Paso a Paso ¿Tiene curiosidad sobre HTML, CSS y JavaScript? Si crees que tienes una habilidad para aprender a crear sitios web desde cero, aquí hay algunos tutoriales paso a paso que vale la pena probar. Lee mas .

9.

La etiqueta de salto de línea inserta un solo salto de línea:

La primera linea.
 La segunda línea (cerca de la primera).

Resultado:

La primera linea.
La segunda línea (cerca de la primera).

Nota: A veces puede ver esta etiqueta escrita como
o
. Hace lo mismo (la barra inclinada hace que la etiqueta sea legible en XHTML Aprende a hablar "Internet": Tu Guía de xHTML Aprende a hablar "Internet": Tu Guía de xHTML Bienvenido al mundo de XHTML - Lenguaje de marcado de hipertexto extensible - un marcado lenguaje que permite a cualquiera construir páginas web con muchas funciones diferentes. Es el idioma principal de Internet. Leer más).

10.

Esta etiqueta define el texto importante. En general, eso significa que será audaz. Sin embargo, es posible utilizar CSS para hacer la visualización del texto es diferente.

Sin embargo, usted puede usar con seguridad a texto en negrita.

Cosas muy importantes que quieres decir..

Resultado:

Cosas muy importantes que quieres decir..

Si estás familiarizado con el etiqueta para texto en negrita, todavía se puede utilizar. No hay garantía de que continúe funcionando en futuras versiones de HTML, pero por ahora funciona.

11.

Me gusta y , y están relacionados. los la etiqueta identifica el texto enfatizado, lo que generalmente significa que se pondrá en cursiva. De nuevo, existe la posibilidad de que CSS haga que el texto resaltado se muestre de manera diferente.

Una linea enfatizada.

Resultado:

Una linea enfatizada.

los La etiqueta aún funciona, pero nuevamente, es posible que quede obsoleta en futuras versiones de HTML.

12.

los , o ancla, la etiqueta te permite crear enlaces. Un simple enlace se ve así:

Ir a MakeUseOf en una nueva pestaña

Resultado:

Ir a MakeUseOf en una nueva pestaña

los “título” atributo crea una información sobre herramientas. Pase el cursor sobre el enlace de abajo para ver lo que quiero decir:

Pasa el cursor sobre este

Resultado:

Pasa el cursor sobre este

13.

Si desea incrustar una imagen en su página, deberá utilizar la etiqueta de imagen. La forma más sencilla de usarlo es simplemente agregar la fuente de la imagen en el “src” atributo, como este:

Resultado:

wp-content / uploads / 2016/02 / hdr-moderation.png” />

Eso incluye la imagen. Sin embargo, hay una serie de otros atributos que te gustaría usar, como “altura,” “anchura,” y “alt.” Así es como podría verse:

Resultado:

wp-content / uploads / 2016/02 / hdr-moderation.png” alt =”el nombre de tu imagen” ancho =”320 "/>

Como es de esperar, la “altura” y “anchura” Los atributos establecen la altura y el ancho de la imagen. En general, es una buena idea configurar solo uno de ellos para que la imagen se ajuste correctamente. Si usa ambos, podría terminar con una imagen estirada o aplastada..

los “alt” La etiqueta le dice al navegador qué texto mostrar si la imagen no se puede mostrar, y es una buena idea incluirla en cualquier imagen. Si alguien tiene una conexión especialmente lenta 4 razones por las que su conexión Wi-Fi es tan lenta (y cómo solucionarlas) 4 razones por las que su conexión Wi-Fi es tan lenta (y cómo solucionarlas) ¿Sufre de una conexión lenta? Estos cuatro problemas pueden ralentizar su red. Aquí es cómo resolverlos para volver a ser rápido. Con más información o un navegador antiguo, aún pueden tener una idea de lo que tienes en tu página.

14.

La etiqueta de lista ordenada le permite crear una lista ordenada. En general, eso significa que obtendrá una lista numerada. Cada elemento de la lista necesita una etiqueta de elemento de lista (

 
Lo primero
 
Segunda cosa
 
Tercera cosa