martes, 15 de octubre de 2019

Introducción al Diseño

¿Que es Html?

Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. 

¿Cuales son las Principales características HTML?
Pero empecemos ya con lo que nos interesa. ¿Cómo se hace una página Web? Cuando los diseñadores del WWW se hicieron esta pregunta decidieron que se debían cumplir, entre otras, las siguientes características:

El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.

El Web tenía que ser hipertexto y debía ser fácil navegar por él.

Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).

Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.

</>

¿Que significa etiqueta de marcado HTML?


Una etiqueta (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary). Esto ocurre, por ejemplo, en los archivos MP3 que guardan información sobre una canción así como sobre el artista que la ha cantado o compuesto.


¿Que Representa una etiqueta en HTML?



Una etiqueta (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. ... La Web se basa en el HTML, o «lenguaje de marcado de hipertexto», que está basado en el uso de etiquetas.

<HTML> … </HTML>

Delimita y engloba toda la página web, que consta de cabecera y cuerpo.

<HEAD> … </HEAD>

Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página.

<TITLE> … </TITLE>

Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.

Metadatos

La cabecera admite otras muchas etiquetas 

<BODY> … </BODY>

Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones (texto e imágenes) que se muestran en la página, así como las indicaciones de cómo deben mostrarse.
Admite atributos 
¿Los documentos en HTML deben empezar, con cual etiqueta?
Cuando visitamos una página WEB vemos textos, imágenes, colores de fondo, en algunos casos elementos que se desplazan por la pantalla, en fin, todo el conjunto de elementos que hacen de dicha página un espacio multimedia e interactivo.

Aunque podríamos pensar que todos esos elementos están incluidos en la página no es así. Realmente el único de todos ellos que pertenece a la propia página es el texto. Y, entonces, ¿cómo se ve lo que aparece en la página?. La respuesta es que una página WEB no es más que un documento de texto acompañado de una colección de etiquetas que sirven para que el navegador interprete de qué forma tiene que presentar el texto, las imágenes o los sonidos en la pantalla. Podríamos decir que es el guión de la película



Al tratarse de documentos de texto podemos afirmar que nos bastaría con el bloc de notas de Windows para crear nuestras páginas HTML. Aunque este procedimiento resultaría bastante incómodo para su uso habitual, ya que nos obligaría a conocer todas las etiquetas del HTML, puede ser interesante para que comprendamos la estructura de una página WEB y será el primero que utilicemos.

¿Cuales son las etiquetas que utilizamos para los encabezados?

Las etiquetas de encabezados se utilizan para diferenciar textos o párrafos comunes de otros importantes. Las etiquetas de las cabeceras serian: H1, H2, H3, H4, H5 y H6. Tienen un orden jerárquico, en el que H1 es el de mayor importancia.
Si ya habéis visto el ejemplo os daréis cuenta que cada encabezado está separado del anterior y del siguiente por un salto de línea y que nosotros en el código no hemos escrito nada. Podéis deducir pues, que los encabezados generan por sí solos uno salto de línea.



¿Cuál es la etiqueta de Párrafo en HTML, y cual es su función en especifico?
Todos los elementos del estandar HTML5 están listados aquí, descritos por su etiqueta de apertura y agrupados por su función. Contrariamente al indice de elementos HTML el cual lista todas las posibles etiquetas, estandar, no-estandar, válidas, obsoletas o aquellas en desuso, esta lista solamente los elementos válidos de HTML5. Solamente aquellos elementos listados aquí son los que deberían ser usados en nuevos sitios Web.

<head> Representa una colección de meta datos acerca del documento, 
incluyendo enlaces a, o definiciones de, scripts y hojas de estilo.
<title> Define el título del documento, 
el cual se muestra en la barra de
 título del navegador o en las pestañas
 de página. Solamente puede contener 
texto y cualquier otra etiqueta contenida no será interpretada.
<base> Define la URL base para las URLs relativas en la página.
<link> Usada para enlazar JavaScript y 
CSS externos con el documento HTML actual.
<meta> Define los metadatos que no pueden
 ser definidos usando otro elemento HTML.
<style> Etiqueta de estilo usada para escribir 
CSS en línea.
¿Cuál es la etiqueta de Link o enlaces web en HTML, y cual es su función en especifico?
  • HIPERVÍNCULOS O ENLACES EN HTMLETIQUETA <A>.
  • HIPERVÍNCULOS LOCALES, MARCADORES O ANCLAS.
  • EJERCICIO.
  • HIPERVÍNCULOS EXTERNOS. ATRIBUTO HREF.
  • DESTINO DEL HIPERVÍNCULO. ATRIBUTO TARGET.
  • EL ATRIBUTO TITLE PARA HIPERVÍNCULOS.
  • EJEMPLO.
  • IMÁGENES COMO ENLACES.

No hay comentarios:

Publicar un comentario