ยก Tucos y consejos!
CODIGOS
1 era Ediciรณn
ยกCONSIGUE TECNICAS Y MUCHO MAS! @ReviSistemas
ReviSistemas
@Turevisistema
HISTORIA El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales. Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamadaWorldWideWeb (W3). El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags(Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.
Elemento de raíz ELEMENTO <html>
DESCRIPCION Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser descendientes de este elemento.
Metadatos del documento ELEMENTO
DESCRIPCION
<head>
Representa una colección de metadatos 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.
Contenido Incrustado
ELEMENTO
DESCRIPCION
<img>
Representa una imagen.
<iframe>
Representa un contexto anidado de navegación, es decir, un documento HTML embebido.
<embed>
Representa un punto de integración para una aplicación o contenido interactivo externo que por lo general no es HTML.
<object>
Representa un recurso externo, que será tratado como una imagen, un subdocumento HTML o un recurso externo a ser procesado por un plugin.
<param>
Define parámetros para el uso por los plugins invocados por los elementos <object>.
<video>
Representa un video , y sus archivos de audio y capciones asociadas, con la interfaz necesaria para reproducirlos.
<audio>
Representa un sonido o stream de audio.
<source>
Permite a autores o autoras especificar recursos multimedia alternativos para los elementos multimedia como <video> o <audio>.
<track>
Permite a autores o autoras especificar una pista de texto temporizado para elementos multimedia como <video> o <audio>.
<canvas>
Representa un área de mapa de bits en el que se pueden utilizar scripts para renderizar gráficos como gráficas, gráficas de juegos o cualquier imagen visual al vuelo.
<map>
En conjunto con <area>, define un mapa de imagen.
<area>
En conjunto con <map>, define un mapa de imagen.
<svg>
Define una imagen vectorial embebida.
<math>
Define una fórmula matemática.
ELEMENTO
DESCRPCION
<body>
Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento.
<section>
Define una sección en un documento.
<nav>
Define una sección que solamente contiene enlaces de navegación
<article>
Define contenido autónomo que podría existir independientemente del resto del contenido.
<aside>
Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si es removido, el contenido restante seguirá teniendo sentido
<h1>,<h2>,<h3>,<h4 >,<h5>,<h6>
Los elemento de cabecera implementan seis niveles de cabeceras de documentos; <h1> es la de mayor y <h6> es la de menor importancia. Un elemento de cabecera describe brevemente el tema de la sección que introduce.
<header>
Define la cabecera de una página o sección. Usualmente contiene un logotipo, el título del sitio Web y una tabla de navegación de contenidos.
<footer>
Define el pie de una página o sección. Usualmente contiene un mensaje de derechos de autoría, algunos enlaces a información legal o direcciones para dar información de retroalimentación.
<address>
Define una sección que contiene información de contacto.
<main>
Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en
Estructura b谩sica Abrimos la carpeta BLOCK DE NOTAS que esta dentro del bot贸n inicio, carpeta todos los programas, carpeta accesorios. inicio/todos los programas/accesorios/Notepad. .
Una vez abierto el programa escribamos nuestro primer elemento: <html> </html>
Con esta primera etiqueta podemos guardar nuestro archivo en alguna carpeta o en el escritorio. Es importante que al guardar el archivo escribamos un nombre y la extensi贸n .html borrando cualquier otra extensi贸n como .txt que nos sugiera el programa.
Estructura básica Una vez guardado nuestro documento con la extensión correcta, el archivo debe mostrarse con el ícono de nuestro navegador instalado
Estas etiquetas van dentro de las etiquetas de html del siguiente modo: <html><head></head></html>
Y el contenido para el head va dentro de sus etiquetas por ejemplo un título para la página sería usando la etiqueta “title” así: <html><head><title>Mi primer página web</title></head></html> Esta se coloca dentro del html pero después de la etiqueta de cierre head. Dentro de esta etiqueta irá todo el contenido de nuestra página web, es decir, texto, imágenes, videos, etc.
guardemos el archivo nuevamente y abrámoslo para ver nuestro resultado final.