VÍDEOS DE COMO UTILIZAR HTML
lunes, 25 de febrero de 2019
Etiquetas basicas de html
* <HTML>: indica el comienzo del documento HTML.
* <HEAD>: indica que empieza la cabecera de la página.
En ella se suele poner el título (<title> de la web, una descripción y
otras informaciones relacionadas con el contenido de la página.
* <BODY>: es el cuerpo de la página, donde va lo que
se ve en el navegador al cargar una web. En el body van los textos, las
imágenes y todos los contenidos de la web.
* <H1>, <H2>, etc.: son los títulos o
encabezados. Se utilizan para establecer determinados textos de la página como
titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto
del texto. Son importantes en el posicionamiento en buscadores.
* <A>: define los enlaces.
* <TABLE>: es una tabla, y dentro de esta tenemos filas
<TR> y celdas <TD>.
* <P>: el texto dentro de esta etiqueta forma un
párrafo.
* <IMG>: imágenes.
* <BR />: salto de línea.
* <UL>: los textos dentro de esta etiqueta se
estructuran en listas. Mediante el uso de <LI> definimos cada guión
dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas
ordenadas.
* <B> y <STRONG>: se utilizan para resaltar el
texto.
* <U>: texto subrayado.
* <I>: texto en cursiva.
Ejemplo de página básica
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado de la página</h2>
<h3>Encabezado de menor tamaño</h3>
<p>Este es el texto de un párrafo.</p>
<p>Este es el texto de otro párrafo. Dentro de este
párrafo,
pueden ir palabras <b>en negrita</b>,
<i>en cursiva</i> o lo
que quieras.</p>
<p>También podemos poner listas como la
siguiente:</p>
<ul>
<li>Guión número uno.</li>
<li>Guión número dos.</li>
<li>Guión número tres.</li>
</ul>
</body>
</html>
Quedaria asi: (Abrir spoiler)
Show content
Consejo de Atributos
<body bgcolor=?>
Establece el color de fondo, usando nombres o valores hex
<body text=?>
Establece el color del texto, usando nombres o valores hex
<body link=?>
Establece el color de los enlaces, usando nombres o valores
hex
<body vlink=?>
Establece el color de los enlaces, usando nombres o valores
hex
<body alink=?>
Establece el color de los enlaces con un clic
Etiquetas de texto
<pre> </ pre>
Crea texto preformateado
<h1> </ h1>
Crea un título grande
<h6> </ h6>
Crea un título pequeño
<b> </ b>
Crea texto en negrita
<i> </ i>
Crea texto en cursiva
<tt> </ tt>
Crea, o máquina de escribir estilo de texto-teletipo
<cite> </ cite>
Crea una cita, por lo general en cursiva
<em> </ em>
Hace hincapié en la palabra (con cursiva o negrita)
<strong> </ strong>
Hace hincapié en la palabra (con cursiva o negrita)
Enlaces
<a
href="URL"> </ a>
Crea un hipervínculo
<a href="mailto:EMAIL"> </ a>
Crea un enlace de correo
<a name="NAME"> </ a>
Crea una ubicación de destino dentro de un documento
<a href="#NAME"> </ a>
Enlaces a ese lugar de destino en otra parte del documento
Formato
<p></p>
Crea un nuevo párrafo
<p align=?>
Alinea un párrafo a la izquierda, derecha o al centro
<br />
Inserta un salto de línea
<ol> </ ol>
Crea una lista numerada
<li> </ li>
Precede a cada elemento de la lista, y añade un número
<ul> </ ul>
Crea una lista con viñetas
Elementos gráficos
<img src="name">
Agrega una imagen
<img src="name" align=?>
Alinea una imagen: izquierda, derecha, centro;, superior,
medio fondo
<img src="name" border=?>
Ajusta tamaño del borde alrededor de una imagen
<hr />
Inserta una regla horizontal
<hr size=?>
Establece el tamaño (altura) de la regla
<hr width=?>
Establece la anchura de la regla, en porcentaje o valor
absoluto
Tablas
<table> </ table>
Crea una tabla
<tr> </ tr>
marcha cada fila en una tabla
<td> </ td>
Pone en marcha cada celda de una fila
<th> </ th>
Pone en marcha la cabecera de la tabla (una celda normal,
con negrita, texto centrado)
Atributos de la tabla
<table border=#>
Establece el ancho de borde alrededor de celdas de la tabla
<table cellspacing=#>
Ajusta la cantidad de espacio entre las celdas de la tabla
<table cellpadding=#>
Ajusta la cantidad de espacio entre el borde de una celda y
su contenido
<td colspan=#>
Establece el número de columnas de una celda debe abarcar
<td rowspan=#>
Establece el número de filas de una célula debe abarcar (por
defecto = 1)
<td nowrap>
Evita las líneas dentro de una célula se rompa para
adaptarse a
Formularios
Para las formas funcionales, tendrá que ejecutar un script
CGI. El HTML sólo crea la apariencia de un formulario.
<form>
</ form>
Crea todas
las formas
<select
name="nombre" múltiples size=?> </ select>
Crea un menú desplegable. Tamaño establece el número de
elementos de menú visible antes de yo u necesidad de desplazarse.
<option>
Pone en marcha cada elemento de menú
<select
name="NAME"> </ select>
Crea un
menú desplegable
<textarea name="nombre" cols=40 rows=8>
</ textarea>
Crea un área de la caja de texto. Establecer el ancho de las
columnas, filas ajustar la altura.
<input
type="checkbox" name="NAME">
Crea una casilla de verificación. Texto siguiente etiqueta.
<input type="radio" name="nombre"
value="x">
Crea un botón de radio. Texto sigue etiquetas
<input
type=text name="foo" size=20>
Crea una línea de texto y un área. Tamaño establece la
longitud, en caracteres.
<input
type="submit" value="NAME">
Crea un
botón Enviar
<input
type="image" border=0 name="NAME"
src="name.gif"> type="image"
Crea un botón Enviar con una imagen
<input type="reset">
Crea un botón de reinicio
Breve historia del HTML
Este lenguaje fue desarrollado por la Organización Europea
de Investigación Nuclear (CERN) en el año 1945 con la finalidad de desarrollar
un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser
conectadas a través de hipervínculos. Primeramente crearon un dispositivo
llamado “memex”, el cual era considerado como un suplemento para la memoria.
Posteriormente, Douglas Engelbart, diseñó un entorno de
trabajo por computadora que recibiría el nombre de oNLine System que poseía un
catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo.
Recién en 1965, Ted Nelson acuñó el término hipervínculo,
ideando una estructura que se encontraba conectada de forma electrónica y que
más tarde permitiría la creación de la World Wide Web (1989), un sistema de
hipertexto a través del cual era posible compartir una variada información
sirviéndose de Internet (servía para la comunicación entre investigadores
nucleares que formaran parte del CERN).
El norteamericano Tim Berners-Lee fue el primero en proponer
una descripción de HTML en un documento que publicó en 1991. Allí describía
veintidós componentes que suponen el diseño más básico y simple del HTML.
El tipo de codificación que se utilizó para el desarrollo de
este sistema de hipervínculos debía ser comprendido, tanto por ordenadores
tontos como por mega-estaciones, por eso fue necesario crear uno absolutamente
simples, tanto en lo que respectaba al lenguaje de intercambio (HTML), como el
que hacía referencia al protocolo de red (HTTP).
HTML
HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.
Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente como “Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto.
EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc).
Suscribirse a:
Entradas (Atom)
VÍDEOS DE COMO UTILIZAR HTML
