---------------------------------------------------------------------------------------------------------------------------------
Vista General
HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).
Estructura
HTML se compone de una serie de Tags (etiquetas) con una jerarquía estricta.
Básicamente se escribe así
Código: Seleccionar todo
<tag> Texto afectado </tag>
Código: Seleccionar todo
<tag />
Código: Seleccionar todo
<!DOCTYPE HTML>
<html>
|-- <head>
|-- -- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|-- -- <title>Documento HTML</title>
|-- </head>
|-- <body>
|-- -- <!-- Comentarios -->
|--</body>
</html>
<!DOCTYPE > Va Antes de empezar Cualquier Documento, si bien no es obligatorio a la hora de practicar, esta etiqueta le dice al navegador que tipo de documento interpretara. Ejemplos de DOCTYPE
<html> Es la Etiqueta Madre de TODO el Documento. es lo que le indica al navegador que interpretara código HTML.
<head> una etiqueta padre que abarca: Estilos, Scripts, Titulo de la página.
Dentro de <head> se encuentran estas etiquetas
<style> Etiqueta usada para indicar Estilos CSS.
<meta> es una etiqueta usada para indicar Meta-Datos, como palabras clave, redirecciones, tiempo de actualizacion de una pagina, etc.
<link> se usa para enlazar los Favicon's (iconos del documento) y Hojas de estilo CSS (Cascade Style Sheets)
<script> Etiqueta usada para indicar un Script sea de lado del servidor (Server Side) o lado del cliente (Client Side).
<title> Etiqueta para indicar el título de una pagina.
<body> Etiqueta que le indica al navegador que esta leyendo el cuerpo de la página, es una etiqueta padre dentro de <html>
Dentro de Body se encuentran Decenas de etiquetas, entre ellas lo más importante,
<div> son "Capas" muy usadas en la esquematizacion de un documento.
<strong> el equivalente a Negrita
<em> el equivalente a Itálica o Cursiva
<del> el equivalente a tachado
<u> el equivalente a subrayado
<img /> Usada para Insertar imágenes
<table> son las tablas en HTML (esas que tienen loco a fenix )
ya con este conocimiento se puede hacer un documento sencillo
Código: Seleccionar todo
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento HTML</title>
</head>
<body>
Contenido del documento
<br>
<strong>Negrita</strong>
<br>
<em>Cursiva</em> (ó Itálica)
<br>
<u>Subrayado</u>
<br>
<del>Tachado</del>
<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
<h4>Encabezado 4</h4>
<h5>Encabezado 5</h5>
<h6>Encabezado 6</h6>
</body>
</html>
Más Info »