1.
HTML
HTML es un lenguaje para describir páginas web.
·
HTML significa H yper T ext M arkup L LENGUAJE
·
HTML no es un
lenguaje de programación, es un lenguaje de marcas
·
Un lenguaje de
etiquetas es un conjunto de etiquetas de marcado
·
El propósito de
las etiquetas son para describir el contenido de la página
2.
Etiquetas HTML
HTML etiquetas de marcado generalmente se llaman las
etiquetas HTML
·
Las etiquetas
HTML son palabras clave (nombres de las etiquetas) rodeadas por paréntesis
angulares como <html>
·
Las etiquetas
HTML que normalmente vienen en pares como <b> y </ b>
·
La primera
etiqueta en un par es la etiqueta de inicio, la segunda etiqueta es la etiqueta
de cierre
·
La etiqueta
final se escribe como la etiqueta de inicio, comenzando con una barra inclinada
·
Inicio y fin son
también llamados etiquetas de apertura y cierre de etiquetas
<tagname> contenido </
nombre de etiqueta>
3.
Elementos HTML
"HTML
tags" y "elementos HTML" se utilizan a menudo para describir la
misma cosa.
Pero
estrictamente hablando, un elemento HTML es todo entre la etiqueta de inicio y
la etiqueta de cierre, incluyendo las etiquetas.
4.
Sintaxis de
elementos de HTML
·
Un elemento HTML
comienza con una etiqueta de inicio / etiqueta de apertura
·
Un elemento HTML
termina con un extremo de la etiqueta / etiqueta de cierre
·
El contenido del
elemento es todo entre el inicio y la etiqueta de cierre
·
Algunos de los
elementos HTML tienen contenido vacío
·
Los elementos
vacíos se cerró en la etiqueta de inicio
·
Mayoría de los
elementos HTML pueden tener atributos
Tipos de elementos HTML
1). <html>:
define el inicio del documento HTML, le indica al navegador que lo que viene a
continuación debe ser interpretado como código HTML. Esto es así de facto, ya
que en teoría lo que define el tipo de documento es el DOCTYPE, significando la
palabra justo tras DOCTYPE el tag de raíz, por ejemplo:
<!DOCTYPE
html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
2). <script>:
incrusta un script en una web, o se llama a uno mediante src="url del
script". Se recomienda incluir el tipo MIME en el atributo type, en el
caso de JavaScript text/javascript.
3). <head>:
define la cabecera del documento HTML; esta cabecera suele contener información
sobre el documento que no se muestra directamente al usuario. Como por ejemplo
el título de la ventana del navegador. Dentro de la cabecera <head>
podemos encontrar:
·
<title>: define el título
de la página. Por lo general, el título aparece en la barra de título encima de
la ventana.
·
<link>: para vincular el
sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet"
href="/style.css" type="text/css">.
·
<style>: para colocar el
estilo interno de la página; ya sea usando CSS, u otros lenguajes similares. No
es necesario colocarlo si se va a vincular a un archivo externo usando la
etiqueta <link>.
·
<meta>: para metadatos como
la autoría o la licencia, incluso para indicar parámetros http (mediante
http-equiv="") cuando no se pueden modificar por no estar disponible
la configuración o por dificultades con server-side scripting.
4). <body>:
define el contenido principal o cuerpo del documento. Esta es la parte del
documento html que se muestra en el navegador; dentro de esta etiqueta pueden
definirse propiedades comunes a toda la página, como color de fondo y márgenes.
Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A
continuación se indican algunas a modo de ejemplo:
·
<h1> a
<h6>: encabezados o títulos del documento con diferente relevancia.
·
<table>:
define una tabla.
·
<tr>: fila
de una tabla.
·
<td>:
celda de una tabla (debe estar dentro de una fila).
5). <a>:
hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el
parámetro de pasada por medio del atributo href. Por ejemplo: <a
href="http://www.wikipedia.org" title="Wikipedia"
target="_blank" tabindex="1">Wikipedia</a>
6). <div>:
división de la página. Se recomienda, junto con css, en vez de <table>
cuando se desea alinear contenido.
7). <img>:
imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la
imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es
conveniente, por accesibilidad, poner un atributo alt="texto
alternativo".
8). <li><ol><ul>:
etiquetas para listas.
9). <b>:
texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta
<strong>).
10). <i>: texto en cursiva (etiqueta desaprobada. Se
recomienda usar la etiqueta <em>).
11). <s>:
texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta
<del>).
12). u>:
texto subrayado.
Estructura de una página HTML
A continuación se muestra una
visualización de una estructura de la página HTML:
< html>
< body>
< h1> Este es un encabezado </ h1>
< p> Esto es un párrafo. </ p>
< p> Esto es otro párrafo. </ p>
< / body>
</ html>
No hay comentarios:
Publicar un comentario
Nota: solo los miembros de este blog pueden publicar comentarios.