ETIQUETAS BASICAS HTML IMAGEN
Cuales son y para que sirben las etiquetas basicas de HTML
Cuales son y para que sirben las etiquetas basicas de HTML 3
Nociones básicas de HTML
El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser el Bloc de Notas de Windows (o Notepad), o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, Text Pad? etc.
Existen además, otros programas para la realización de sitios Web o edición de código HTML, como por ejemplo Microsoft Front Page, el cual tiene un formato básico parecido al resto de los programas de Office. También existe el famoso software de Adobe(quién adquirió la empresa Macromedia) llamado Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (en español: "lo que ves es lo que obtienes"). Esto significa que son editores los cuales van mostrando el resultado de lo que se esta editando en tiempo real a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando. Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo; si estoy editando todo en HTML y de pronto olvido algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y continuo ahí la edición, o viceversa, ya que hay casos en que sale más rápido y fácil escribir directamente el código de alguna característica que queramos adherirle al sitio, que buscar la opción en el programa mismo.
HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determinan la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:
Se abren y se cierran, como por ejemplo: <b>negrilla</b> que se vería en su navegador como negrilla.
No pueden abrirse y cerrarse, como <hr> que se vería en su navegador como una línea horizontal.
Otras que pueden abrirse y cerrarse, como por ejemplo <p>.
Las etiquetas básicas o mínimas son:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="es"> <head> <title>Ejemplo</title> </head> <body> <p>ejemplo</p> </body> </html>
Cuales son y para que sirben las etiquetas basicas de HTML 2
Algunas etiquetas básicas de HTML
Las etiquetas básicas de HTML, de obligada presencia en todo documento son:
<HTML>: Es la etiqueta que define el inicio del documento html, le indica al navegador que todo lo que viene a continuación debe tratarlo como una serie de códigos html.
<HEAD>: Define la cabecera del documento html, esta cabecera suele contener información sobre el documento que no se muestra directamente en el navegador. Como por ejemplo el título de la ventana de su 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 definir algunas características avanzadas, como por ejemplo las hojas de estilo usadas para el diseño de la página, ejemplo :<link rel="stylesheet" href="/style.css" type="text/css">
<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 numerosísimas etiquetas. A continuación se indican algunas a modo de ejemplo:
<H1>, <H2>,... <H6>: encabezados o títulos del documento en diferentes tamaños de fuente
<P>: párrafo nuevo
<BR>: salto de línea forzado
<TABLE>: comienzo de una tabla (las filas se identifican con <TR> y las celdas dentro de las filas con <TD>)
<A>: indica la existencia de un hipervínculo o enlace, dentro o fuera la página web. Debe definirse el parámetro de pasada por medio del atributo href (ejemplo: <a href="http://www.google.com">Google</a> se representa como Google)
<DIV>: comienzo de un área especial en la página
<IMG>: indica la existencia de una imagen para mostrarse en el navegador
<font color="#xxxxxx">:Para cambiar el color de la letra, donde las x son un número hexadecimal.
<LI><OL><UL>:Es uno de los más utilizados para el manejo de listas.
Cada etiqueta debe cerrarse tal cual se abrió pero con un pequeño cambio: un "/" tal como se muestra en el siguiente ejemplo:
<script> </script>
Cuales son y para que sirben las etiquetas basicas de HTML
HTML es el lenguaje por el cual constriumos una página web. Este lenguaje se basa principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web.
- § <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>