[2016-12-07]
CLASE 20:
HTML:
Es un Lenguaje para modelar documentos, da la forma a la información que es presentada a las personas.
TOMADO DE: https://www.youtube.com/watch?v=av_PL4_jz1I
Archivo de HTML: Es un archivo de Texto plano en el bloc de Notas.
TOMADO DE: https://www.youtube.com/watch?v=av_PL4_jz1I
INICIO TERCER BIMESTRE
HTML:
Es un Lenguaje para modelar documentos, da la forma a la información que es presentada a las personas.
TOMADO DE: https://www.youtube.com/watch?v=av_PL4_jz1I
Archivo de HTML: Es un archivo de Texto plano en el bloc de Notas.
TOMADO DE: https://www.youtube.com/watch?v=av_PL4_jz1I
Este está compuesto por:
- Head: = Cabecera: Información oculta de la página que es propia del creador.
- Body: = Cuerpo: Contenido ( texto )
También se determina porque siempre empiezan y terminan con una etiqueta:
Ejemplo:
<title> Mi paginita </title>
src: Es el Atributo de las etiquetas.
Se dieron las Pautas para crear un sitio web:
- Crear un sitio web = Crear una carpeta.
- La carpeta lleva el nombre que el usuario le desee colocar pero con una condición muy importante y es que el primer ejercicio debe llamarse index.html, siempre este nombre debe estar en el primer ejercicio.
NOTA: Los nombres de carpetas y archivos deben ser en minúsculas no pueden tener espacios en blanco ni caracteres especiales ( Tildes , Ñ , ñ, etc. ) .
Diferencias entre Windows y Linux al momento de trabajar con los nombres de la carpetas:
Windows: trabaja tanto Mayúsculas como minúsculas en los nombres de las carpetas.
Linux: No trabajo con las dos clases de Letras para el todas son iguales así que no diferencia una mayúscula o una minúscula en los nombres de las carpetas.
- Ejemplo: Windows: Hola-hola ( No son iguales)
- Linux: Hola-hola-holA-HoLa (Todos los nombres son iguales)
EXTENSIONES DE DOCUMENTOS DEPENDIENDO DEL PROGRAMA:
La extensión del Documento denota que programa lo abre.
- xls: Excel ( Versión antigua antes del 2010 )
- xlsx: Excel ( Moderno)
- ppt: Presentaciones de Power Point ( Versión antigua antes del 2010 )
- pptx: Presentaciones de Power Point (Moderno)
- pps: Presentaciones de Power Point ( Ejecutable)
- Cdr: Corel Draw
- cbr: Comic Book Reader.
- zip: Archivos Precomprimidos.
- rar: Archivos Comprimidos.
Otras Extensiones:
- JPG o JPEG: Imágenes con mejor calidad y su tamaño es más pequeño.
- Gif: Imágenes con movimiento, abre en cualquier computador y su calidad es malita.
- PNG: Imágenes que forman Transparencia.
- BMP: Clase de Imágenes que su tamaño de archivo es PESADO.
Entre el Gif y el PNG se puede diferenciar que el Gif es de menor calidad pero de menor peso y el PNG tiene una mejor calidad y es más grande en su tamaño (es más pesado).
ETIQUETAS DE HTML ( Web ):
Símbolos: < (menor) y > (mayor).
Toda la Arquitectura del HTML está formada por etiquetas.
FORMAS O CLASES DE ETIQUETAS:
CERRADAS: La misma etiqueta con la que se abre y se cierra.
- EJ: <title> Mi paginita </title>
ABIERTAS: Aquellas etiquetas que no se cierran.
- EJ: <img src=" arbol.jpg">
- <img src="arbol.jpg"/> ( Con el / se puede cerrar con una sola etiqueta o se puede omitir.)
Aplicación para poder realizar los ejercicios: Sublime text.
Programa en Linux : Gdeit.
Debemos seguir la ESTRUCTURA:
<html><head
<title> hola mundo </tittle>
ETIQUETAS:
- <pre>:Permite Formatear un texto y es una etiqueta Cerrada.
- <br> :Salto de Línea y es una etiqueta abierta.
- <hr> :Línea Horizontal y es una etiqueta abierta.
- <b> : Negrilla, etiqueta cerrada.
- <s> : Tachado,etiqueta cerrada.
- <u> : Subrayado,etiqueta cerrada.
- <i> : italica,etiqueta cerrada.
- <strong> y <b> son IGUALES.
- <font color="#ff0000"></font> : Color de letra.
- <marguee></marguee> : Movimiento.
- <marguee behavior="alternate">
Ejemplo con un Ejercicio:
<b><s><u>mensaje</u></s></b> : El último que abre es el primero que cierra.
No hay comentarios:
Publicar un comentario