Download - PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles
![Page 1: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/1.jpg)
PAGINAS WEB 4TA. CLASE
Luis Rojas
![Page 2: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/2.jpg)
Recordemos apagar/silenciar nuestros teléfonos móviles.
![Page 3: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/3.jpg)
Tablas sin bordes http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_tables3
Encabezados de tabla http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_table_headers
![Page 4: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/4.jpg)
Etiquetas dentro de una tabla http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_table_elements
Espaciado de celdas
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_cellpadding
![Page 5: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/5.jpg)
Espaciado del Borde http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_table_cellspacing
Listas http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_lists4
![Page 6: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/6.jpg)
Listas ordenadas http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_lists
Variedad de listas ordenadas
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_ordered
![Page 7: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/7.jpg)
Variedad de listas sin orden http://www.w3schools.com/html/tryit.asp?filen
ame=tryhtml_lists_unordered
Variedad de listas con orden http://
www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_ordered
Listas anidadas
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists2
![Page 8: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/8.jpg)
Recepción de Datos
Textos http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_input
Usuario y contraseña
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_inputpassword
![Page 9: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/9.jpg)
Checkboxes http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_checkbox
Selección única
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_radio
![Page 10: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/10.jpg)
Listas de elección http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_select2
Áreas de texto
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_textarea
![Page 11: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/11.jpg)
Botón http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_button
![Page 12: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/12.jpg)
Encabezados http://www.w3schools.com/html/tryit.asp
?filename=tryhtml_title
Meta tags
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_meta
![Page 13: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/13.jpg)
Meta tag descripcion del sitio y keywords
www.w3schools.com/html/tryit.asp?filename=tryhtml_keywords
![Page 14: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/14.jpg)
Div
<div> </div>
![Page 15: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/15.jpg)
Alta en google https://www.google.com/webmasters/too
ls/submit-url?hl=es
![Page 16: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/16.jpg)
CSS
Hojas de Estilo en Cascada
Sintáxis básica: Nombre_de_Etiqueta { Instruccion_css: valor ; }
![Page 17: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/17.jpg)
CSS
Ejemplo
body { color:red; } h1 { Color : red; }
![Page 18: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/18.jpg)
Introducción a los estilos CSS http://
www.w3schools.com/css/tryit.asp?filename=trycss_background-color_body
Estilos en un archivo externo
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link
![Page 20: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/20.jpg)
Clases CSS
Tipo 1 (clase para un solo tipo de etiqueta)
p.azul{ color: blue; } p.rojo{ color: red; }
<p class="first">This is a paragraph that uses the p.first CSS code!</p>
<p class="second">This is a paragraph that uses the p.second CSS code!</p>
![Page 21: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/21.jpg)
Clases CSS
Tipo 2 (clase para varios tipos de etiqueta) .center { text-align:center; }
<h1 class="center">Center-aligned heading</h1>
<p class="center">Center-aligned paragraph.</p>
![Page 22: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/22.jpg)
Color de fondo http://www.w3schools.com/css/tryit.asp?f
ilename=trycss_background-color_body
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-color_elements
![Page 23: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/23.jpg)
Imagen de fondo (no del todo recomendado)
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image
Por ésto:
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_bad
![Page 24: PAGINAS WEB 4TA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles](https://reader030.vdocumento.com/reader030/viewer/2022033104/5665b4351a28abb57c8ffc10/html5/thumbnails/24.jpg)
Imagen que se repite de fondo http://www.w3schools.com/css/tryit.asp?f
ilename=trycss_background-image_gradient2
Imagen