# data[].attributes.body
El diseño web es un área enfocada a planificar, diseñar, mantener y crear interfaces digitales. En pocas palabras, como su nombre lo indica, el diseño web se refiere al proceso del diseño de sitios y páginas web.

# data[].attributes.body
Seguir las normas para diseñar. Se deben respetar los principios que componen al diseño en sí, como el orden y la simetría, pero al mismo tiempo tener algo de creatividad para llamar la atención del usuario.

No usar de manera excesiva imágenes estimulantes que tengan elementos animados muy parpadeantes o rápidos al moverse, ya que esto distrae al usuario del contenido de la página y puede molestar en la lectura.

Consultar o asesorarte con programadores o diseñadores gráficos profesionales que puedan darte consejos y apoyo para la creación de tu página web, siempre es una buena idea.

# data[].attributes.attachment_link.title
Desarrollo web: fundamentos y herramientas

# data[].attributes.attachment_link.description
El desarrollo web no solo consiste en HTML y CSS. Para crear páginas web dinámicas con contenidos interactivos, también es necesario utilizar otras herramientas.

# data[].attributes.body
HTML es el lenguaje con el que se define el contenido de las páginas web. Corresponde a las siglas en inglés de Lenguaje de Marcado de Hipertexto, básicamente son un conjunto de etiquetas que el navegador interpreta y se emplean para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, tablas, vídeos, etc.

# data[].attributes.body
<!DOCTYPE>: Sirve para definir el tipo de documento
<html></html>: Define un documento HTML
<head></head>: Dentro se escribe información sobre el documento

# data[].attributes.attachment_link.readable_text
Si ya eres un usuario avanzado en HTML este post no te será de gran ayuda, pues se trata de una manera básica

En este post vamos a hablar sobre las etiquetas HTML o tags HTML, pilares fundamentales para el diseño de páginas web o diseño de tiendas online dado que todo sítio web, desde el más pequeño hasta el más avanzado hacen uso de ellas.

Desde el principio de Internet se hacen uso de ellas para la construcción de las páginas web, así pues es unos de los primeros lenguajes de programación usados y simplemente usando este lenguaje se puede crear un diseño "supersencillo" pero con una estructura entendible.

La forma de escribir estas etiquetas es bastante fácil, se comienza escribiendo el símbolo "menor que" < , dentro se escribe el comando que se quiera usar y se termina con el símbolo "mayor que" >, y dependiendo del tipo de tag que queramos usar se cierran con la misma etiqueta solo que antes del primer símbolo del cierre se añade una barra /.

Podemos usar las etiquetas HTML para crear párrafos de texto (<p>), insertar imágenes en nuestra pagina web (<img>), crear tablas <table>, construir listas <ul><li>, resaltar palabras o frases en negrita <strong> y un largo etcétera.

Por ejemplo, si queremos escribir un texto y resaltar una palabra en negrita, la codificación resultaría así:

<p>Hola, esto es un texto de ejemplo con una palabra resaltada en <strong>negrita</strong></p>

Y el resultado que interpreta el navegador, sería este:

Hola, esto es un texto de ejemplo con una palabra resaltada en negrita

Vamos a plasmar otro ejemplo, en este caso quiero crear una lista de elementos.

Como veis, esta etiqueta tiene un padre <ul></ul> que engloba a los hijos <li></li>, en este caso se trata de una lista de elementos sin numeración ( Unordered L ist) y en el navegador se veria asi.

Si queremos convertir esta lista en una numérica, cambiaríamos las tags padre <ul></ul> por <ol></ol> ( Ordered L ist), y se veria asi.

Esto son ejemplos muy básicos pero que te pueden servir para conocer la estructura de este lenguaje.

Como decíamos más arriba, el lenguaje HTML, se viene utilizando desde los comienzos de Internet, según la Wikipedia fue Tim Berners-Lee, uno de los padres de Internet, el primero el usar este código alla por 1991.

Pinchando aquí puedes ver el primer correo electrónico escrito por él, donde hacia mencion sobre el uso de las etiquetas.

Estas primeras etiquetas que se usaron fueron sobretodo para estructurar los textos. Hacía uso de la etiqueta <title>, que sirve para dar nombre al documento y es lo que aparece en las pestañas de los navegadores y etiquetas de formato <h1> <h2>, que daban un aspecto visual a los títulos de los párrafos.

Muchas de estas etiquetas se siguen usando hoy en día.

Tipos de etiquetas HTML

Podemos dividir las etiquetas en distintos grupos según su función.

Etiquetas básicas HTML

Con estas etiquetas podríamos crear un documento HTML simple.

<!DOCTYPE>

Sirve para definir el tipo de documento

<html></html>

Define un documento HTML

<head></head>

Dentro se escribe información sobre el documento

<title></title>

Para escribir el título del documento. Se escriben dentro de <head>

<body></body>

Justo después de </head>. Es el contenedor del documento

<h1></h1>, <h2></h2> hasta <h6></h6>

Para crear títulos de párrafos, de más importante <h1> a menos <h6>

<p></p>

Los párrafos de texto de nuestro documento

<br>

Un salto de línea simple

<hr>

Salto de línea que indica un cambio de temática entre párrafos

<a></a>

Podremos escribir enlaces a otras páginas

Etiquetas de formato HTLM

Son etiquetas que nos permiten dar un formato más útil y claro al contenido de nuestro documento.

Etiquetas HTML para formularios

Estas etiquetas nos valen para crear formularios donde podamos escribir texto, seleccionar algún elemento de una lista desplegable u organizar los campos de una manera legible

<form></form>

Indica que dentro vamos a incluir un formulario

<input></input>

Un campo de nuestro formulario. Pueden ser de texto, selección, numeros, botones, fechas...

<textarea></textarea>

Un campo de texto para poder escribir varias líneas

<select></select>

Cuando queremos crear una lista desplegable

<option></option>

Se escriben dentro de <select> y son las distintas opciones de selección

<label></label>

Para crear el título del campo del formulario

<fieldset></fieldset>

Para englobar distintos campos relacionados dentro de un formulario. Por ejemplo, datos personales, aficiones, etc.

¿Te gustó? Ayudame a escribir más valorando y/o compartiendo. ¡Gracias!

# data[].attributes.attachment_link.title
Etiquetas HTML. Qué son y cómo se usan . Ejemplos de utilización

# data[].attributes.attachment_link.description
En este post vamos a hablar sobre las etiquetas HTML o tags HTML, pilares fundamentales de todo diseño web dado que todo sítio web.

# data[].attributes.body
1. Visual Studio Code: Considerado como uno de los preferidos de los desarrolladores web, Visual Studio Code es un editor que maneja múltiples lenguajes de programación, entre ellos el HTML, Python, CSS y JavaScript.
2. Atom: Este es un editor de código abierto creado por Github; también es multiplataforma porque trabaja con los sistemas operativos y lenguajes más populares.
3. Notepad: Lanzado en 2003, es un editor de código abierto que soporta más de 70 lenguajes de programación, entre ellos el HTML.
4.Sublime Text: Con una interfaz elegante y sobria, Sublime Text es uno de editores web HTML más destacados; está disponible para Windows, Linux y OS X.
5. Apache NetBeans: Apache NetBeans es un entorno de desarrollo integrado que sirve para editar en varios lenguajes de marcado y de programación; es perfecto para desarrollar un sitio web en HTML5, la versión más vigente de HTML.

# data[].attributes.body
Todo lo que ves en Internet está programado con un código interno, y cuando accedes a una web, a tu navegador le llega este código, y lo traduce de forma visual para que veas lo que el creador de la web ha diseñado que puedas ver. Este código es el que decide la estructura de una página web, colocando sus diferentes elementos en los puntos correspondientes, y un fallo dentro de él hará que no se vea bien.

# data[].attributes.body
Un navegador web, es una aplicación de software que permite acceder a la World Wide Web. Con un solo clic, abre una ventana a todo el conocimiento humano: puede buscar respuestas a todas las preguntas que tenga.

Con un navegador web, puede navegar en cualquier página web y visitar fácilmente otros sitios, al igual que puede navegar con un barco de un lugar a otro.

# data[].attributes.body
Los buscadores web, también conocidos como motores de búsqueda, son sistemas informáticos que trabajan recopilando información en Internet con el objetivo principal de mostrar la información previamente solicitada a los usuarios.

# data[].attributes.attachment_link.title
¿Que es un BUSCADOR WEB?⚙ | MOTOR DE BÚSQUEDA⚙ | ¿Como Funcionan?

# data[].attributes.headline
10 recomendaciones para crear un buen sitio web.

# data[].attributes.subject
10 recomendaciones para crear un buen sitio web.

# data[].attributes.body
Aquí tienes una lista de los mejores consejos para empezar a crear tu propia página web:

# data[].attributes.attachment_link.title
22 consejos para tu propia página web - Jimdo

# data[].attributes.attachment_link.description
Aprovecha todas las ventajas de un sistema para conseguir tu propia página web y disfruta de tener tu propia web.