CONCEPTOS DE LAS ETIQUETAS HTML
Objetivo: Analizar el funcionamiento de las diferentes etiquetas HTML básicas, para la creación de páginas web, además crea estilos css de bloque, de fondo, de texto, de imàgenes e hipervìnculos, ayudando en la presentaciòn de la misma, mediante la resoluciòn de ejercicios empleando Dreamweaver.
ESTRUCTURA GLOBAL, CUERPO
OBJETIVO: Analizar el funcionamiento de las diferentes etiquetas HTML básicas, para la creación de páginas web, además crea estilos css de bloque, de fondo, de texto, de imàgenes e hipervìnculos, ayudando en la presentaciòn de la misma, mediante la resoluciòn de ejercicios empleando Dreamweaver.
El cuerpo de un documento HTML está delimitado por las etiquetas <body> y </body>. En él se incluirán todas las instrucciones HTML y el texto formará el documento. Todo lo que queramos que se vea en nuestra página web deberemos escribirlo dentro de la <body>. Algunos parámetros que podemos personalizar dentro
Color de fondo <background-color> A través de este parámetro podemos definir el color de fondo de nuestra página. Imagen de fondo. Formato del texto: Negrita: <strong> Cursiva <em> Subrayado <u> Agrupación en linea <span> Color de texto Márgenes Color de los links <body> El cuerpo representa la parte visible de todo documento y es especificado entre etiquetas <body>. En él
3
ETIQUETA TABLA
OBJETIVO: Analizar el funcionamiento de las diferentes etiquetas HTML básicas, para la creación de páginas web, además crea estilos css de bloque, de fondo, de texto, de imàgenes e hipervìnculos, ayudando en la presentaciòn de la misma, mediante la resoluciòn de ejercicios empleando Dreamweaver.
Una tabla en html viene marcada por las etiquetas <table> </table>. Entre esas dos etiquetas definiremos la tabla, las celdas que queremos, las columnas y las características de cada uno de estos parámetros. La etiqueta <table> sería el elemento que contendría todos los elementos de la tabla, mientras que <th> y <td> se utilizarían para cada uno de los campos de la tabla (cabecera y celda respectivamente). Cada vez que se quisiera añadir una nueva fila, habría que incluirlo todo dentro de una etiqueta <tr>.
4
ETIQUETA PÁRRAFOS
OBJETIVO: Analizar el funcionamiento de las diferentes etiquetas HTML básicas, para la creación de páginas web, además crea estilos css de bloque, de fondo, de texto, de imàgenes e hipervìnculos, ayudando en la presentaciòn de la misma, mediante la resoluciòn de ejercicios empleando Dreamweaver.
HTML considera que los párrafos son bloques de texto. Los navegadores hacen lo posible para adaptar el contenido de los párrafos a la ventana, a menos que los atributos NOWRAP o NOBR estén explícitamente especificados. Dentro de un párrafo, todos los espacios, tabuladores y saltos de línea cuentan como un espacio simple. Para colocar textos en bloques, se utiliza el par de etiquetas <p> y </p>. Esta etiqueta puede incluir cualquiera de los atributos mencionados anteriormente. Los saltos de línea (saltar de una línea a la siguiente) se crean usando la etiqueta <br/>. La etiqueta <hr> se utiliza para insertar una línea horizontal.
5
ETIQUETA TÍTULO
OBJETIVO: Analizar el funcionamiento de las diferentes etiquetas HTML básicas, para la creación de páginas web, además crea estilos css de bloque, de fondo, de texto, de imàgenes e hipervìnculos, ayudando en la presentaciòn de la misma, mediante la resoluciòn de ejercicios empleando Dreamweaver.
El elemento title provee un título o nombre para el documento. Este título debe proporcionar una corta pero precisa descripción del contenido del documento o su propósito aún cuando es sacada de contexto (como, por ejemplo, cuando se muestra en los resultados de una búsqueda).
Excepto en situaciones especiales, como en documentos incrustados (elemento iframe) o cuerpos de e-mail, la presencia del elemento title en la sección head del documento es obligatoria.
6
ETIQUETAS IMÁGENES
OBJETIVO: Analizar el funcionamiento de las diferentes etiquetas HTML básicas, para la creación de páginas web, además crea estilos css de bloque, de fondo, de texto, de imàgenes e hipervìnculos, ayudando en la presentaciòn de la misma, mediante la resoluciòn de ejercicios empleando Dreamweaver.
El tag básico para colocar una imagen es “img“. Este tag, a diferencia de la gran mayoría de los tags de html, no necesita un cierre. Va acompañado de diferentes atributos que te vamos a explicar a continuación.
La foto podemos alinearla en la página mediante “top” para alinearla arriba “align“, utilizando los atributos “left” para alinearla a la izquierda, “bottom” para alinearla abajo “right” para alinearla a la derecha “middle” para alinearla al centro
7
ETIQUETA ESTILO,
OBJETIVO: Analizar el funcionamiento de las diferentes etiquetas HTML básicas, para la creación de páginas web, además crea estilos css de bloque, de fondo, de texto, de imàgenes e hipervìnculos, ayudando en la presentaciòn de la misma, mediante la resoluciòn de ejercicios empleando Dreamweaver.
style - estilo. Es el elemento encargado de indicar la información de estilo. Sus etiquetas son: <style> y </style> (ambas obligatorias). Está definido como: Elemento de cabecera. Crea una caja: No. Puede contener: Declaraciones de estilo. Debe ser contenido por: Elementos head.
8
ETIQUETA VINCULOS
OBJETIVO: Analizar el funcionamiento de las diferentes etiquetas HTML básicas, para la creación de páginas web, además crea estilos css de bloque, de fondo, de texto, de imàgenes e hipervìnculos, ayudando en la presentaciòn de la misma, mediante la resoluciòn de ejercicios empleando Dreamweaver.
Los vínculos son una parte vital de HTML y consituyen la razón misma por la cual la WWW existe. Internet es considerada una "red" debido a cómo los vínculos conectan todas estas partes singulares (o documentos) unas con otras. La función básica de un vínculo es la de hacer una referencia, de un documento HTML a un recurso, que puede ser a su vez otro documento. En otras paralabras, un enlace define una relación entre dos recursos en la web.
El elemento a puede ser utilizado para insertar vínculos dentro del contenido del documento. En general estos vínculos, en conjunto con las funcionalidades de los navegadores, permiten a los usuarios trasladarse de un documento a otro de una manera muy directa. Los navegadores resaltan el contenido de este elemento (por defecto, mostrándolo en azul y subrayado) y permiten a los usuarios seguir el vínculo con un click.
9
BIBLIOGRAFÍA Soto,D. O. (2013) . Diseño de páginas DREAMWEAVER