Embed Size (px)
Citation preview
ETIQUETAS
Importante
• Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma <nombre>, Se cierra de igual forma pero se agrega el simbolo / es decir </nombre>
• Etiquetas comunes <html> Define que el archivo es HTML.
• <script>: incrusta un script (archivo de órdenes o archivo de procesamiento por lotes)en una web, o llama a uno mediante src="url del script«
• <head>: define la cabecera (header) del documento HTML
• <title>: define el título de la página. • <link>: para vincular el sitio• <meta>: Para metadatos como la autoría o la
licencia o para indicar parámetros http
• <table>: define una tabla. <tr>: fila de una tabla.• <td>: celda de una tabla (debe estar dentro de
una fila).• h1> a <h6>: encabezados o títulos del
documento• <div>: división de la página• <img>: imagen. Requiere del atributo src EJ: img
src=«carpetaimagenes/imagen1.jpg" />
• <li><ol><ul>: etiquetas para listas.• <b>: texto en negrita• <i>: texto en cursiva
Etiquetas de Texto
• Encabezados: tamaño de letras del 1 – 6 Sirven para <H1> texto </H1>
• Salto de linea: Sirve para que una linea quede seguida de la otra sin espacion intermedios, se define como <br> y se coloca al final.
• Párrafo: Define como parrafo el texto vinculado se define <p> texto </p>
Etiquetas de Texto con movimientos
• Marquesina: Se agrega al inicio de un texto que va a tomar un efecto o comportamiento adicional, Subida, Bajada, Izquierda o Derecha. Se debe agregar <marquee> texto </marquee> (por defecto el deslizara de derecha a izquierda)
• Variantes: Texto que va de abajo hacia arriba, de arriba hacia abajo, de derecha a izquierda y de izquierda a derecha (los comandos van en ingles)
Codigo para una marquesina <marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" direction="up" width="90%" height="120"> <div align="center"> <p align="center" class="Estilo15 Estilo28">MENSAJE .</p> <p align="left" class="Estilo15">ACTIVIDADES DE ABRIL</p> <p class="Estilo29">Les deseamos a todas las familias una Feliz Navidad y un Prospero año 2014, lleno de Amor y Alegria. </p> </div> </marquee>
Etiqueta DIV
• Es un bloque donde incluiremos información dentro del documento, se emplea para definir un bloque de contenido o sección de la página, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque específico.
• Abre <div> y cierra </div>
Código de Frame <iframe id="pag" name="pag" marginheight="0" src="jquery/banner_b/banner_b.html" frameborder="0" width="667" scrolling="no" height="342"></iframe>
Funcionalidad Estilos CSS
• funcionalidades que ofrece son:• Propiedades de las Fuente, como tipo, tamaño,
énfasis...112• Color de texto, fondos, bordes u otros elementos.• Atributos del texto, como espaciado entre palabras,
letras, líneas, etcétera.• Alineación de textos, imágenes, tablas u otros.• Propiedades de caja, como margen, borde, relleno o
espaciado.• Propiedades de identificación y presentación de listas.
Barras de Dreamweaver
• Barra de Menu
• Barra de Insertar
