etiquetas. importante que es una etiqueta: son elementos que tienen dos propiedades básicas:...
TRANSCRIPT
![Page 1: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/1.jpg)
ETIQUETAS
![Page 2: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/2.jpg)
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.
![Page 3: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/3.jpg)
• <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
![Page 4: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/4.jpg)
• <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" />
![Page 5: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/5.jpg)
• <li><ol><ul>: etiquetas para listas.• <b>: texto en negrita• <i>: texto en cursiva
![Page 6: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/6.jpg)
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>
![Page 7: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/7.jpg)
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)
![Page 8: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/8.jpg)
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>
![Page 9: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/9.jpg)
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>
![Page 10: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/10.jpg)
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>
![Page 11: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/11.jpg)
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.
![Page 12: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/12.jpg)
Barras de Dreamweaver
• Barra de Menu
• Barra de Insertar
![Page 13: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/13.jpg)
![Page 14: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/14.jpg)
![Page 15: ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de](https://reader035.vdocuments.site/reader035/viewer/2022070418/5665b49b1a28abb57c929740/html5/thumbnails/15.jpg)