CONSULTA 1 INTRODUCCION HTML

INTRODUCCIÓN A HTML

 1) (html).....(/html): Es una etiqueta cerrada que determina el inicio del documento html. Todas las demás etiquetas que contiene un documento html, para que sean reconocidas por los navegadores WEB deben estar incluidas dentro de estas dos instrucciones.

• (head)....(/head): Esta etiqueta determina la cabecera del documento dentro del encabezado pueden ir otras etiquetas como (title)(/title)ó (meta).

• (title)....(/title): Es una instrucción cerrada donde se incluye el titulo de la pagina web.

(h1)....(/h1): En html existen diferentes tipos de cabeceras, El uso de esta instrucción puede ser útil para poner el título, pero los tipos de titulo pueden ser mas pequeños utilizando las etiquetas (h2), (h3), (h4), (h5).

• (meta): instrucción que es abierta, sirve para indicar el contenido y las palabras clave de la pagina web.

• (!-- Comentarios --): Para incluir comentarios en la página web se utiliza esta instrucción.

• (center)....(/center): Con esta etiqueta cerrada, puedo centrar en mi pagina todos los objetos que inserte entre el inicio y el final del la instrucción.

(hr)....(/hr): Esta instrucción permite trazar una línea horizontal dentro de nuestra pagina. Posee varios atributos como: size="5", para darle un grosor a la línea y color="white", para determinar el color que tendrá la línea, en este caso será blanca.

• (br): Es una etiqueta abierta, que permite saltar al renglón siguiente o indicar un salto de línea.

(font)....(/font): Esta etiqueta permite determinar la fuente que queremos que tengan nuestros títulos o párrafos dentro de la pagina web. Entre los principales atributos encontramos: size="5", para determinar el tamaño de la fuente. face="Tahoma", para determinar el tipo de fuente en este caso es Tahoma, pero puede ser Verdana, Arial u otra. color="yellow", para determinar el color de la fuente, en este caso será amarillo pero puede ser otro color.

• (b)....(/b): Permite mostrar el texto en negrita.

• (i)....(/i): Permite mostrar el texto en cursiva.

• (u)....(/u): Permite mostrar el texto subrayado.

 (a)....(/a): Un hiperenlace es un elemento que permite el acceso a otro recurso, página web o archivo. Para incluirlos en nuestra pagina se utiliza esta instrucción, esta directiva tiene el parámetro href que indica el lugar a donde nos llevará el hiperenlace si lo pulsamos. Para ver las otras ventanas del hipervínculo tenemos el parámetro target, que puede tener los siguientes valores: _blank, _self, _top.

• (td)....(/td): También sirve para definir las celdas que componen la tabla, indica una celda normal.

2) a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button,caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form,frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label,legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s,samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot,th, thead, title, tr, tt, u, ul, var.

3 ) El fin de las tablas es preferentemente contener datos ordenados en celdas (filas y columnas). En principio, no deben ser usadas para crear divisiones de cara a mostrar una página web, es decir, es preferible que una página web no esté dividida en distintos espacios usando tablas. Para maquetar una página web y dividirla en distintos espacios se usarán otras herramientas (capas, elementos flotantes, etc.).

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un documento HTML usando tres elementos básicos: el elemento TABLE (estructura contenedora principal), el elemento TR (contenedor de fila) y el elemento TD (celda).

Cuando el contenido de una celda debe ser vacío, deberías usar una espacio en blanco (que en HTML se escribe como  ) como su contenido. Esto hará que tu página se visualice correctamente, ya que algunos navegadores tienen problemas representando celdas vacías. Ejemplo: <td> </td>

EJEMPLO

<!DOCTYPE html>

<html>

    <head>

        <title>Ejemplo del uso de tablas - aprenderaprogramar.com</title>

    </head>

    <body>

        <table border="2px"> <!-- Lo cambiaremos por CSS -->

           <tr>

              <td>NOMBRES</td>

              

              

          </tr>

          <tr>

              <td>JOSE ANDRES VILLOTA</td>

              

              

          </tr>

        </table>

    </body>

</html>