HTML Y CSS 1.- iniciamos Sublime text. 2.- Creamos El primer cdigo: 2.- Guardamos el Archivo en File en Save As. 3.- Verificar el tipo de extensin, el nombre respectivo nombre.html si usted desea guarda todos los archivos con la cual usted va a trabajar en una sola carpeta o en el escritorio. 4.- Una vez guardado debemos de confirmar si se guard correctamente en el lugar sealado, no se olvide de sacar el check en Opciones de Carpeta, en la pestaa VER, opcin ocultar las extensiones 5.- En Sublime Text escribir la estructura de Html y sus respectivas partes principales el Head, Body. 6.- Conceptos HEAD Este elemento est determinado por las etiquetas y . Dentro de las mismas queda determinada la seccin head la cual contiene toda la informacin sobre el documento. Esta informacin no ser mostrada por el navegador pero es de suma importancia para los navegadores y para los motores de bsqueda. De acuerdo a los estndares de HTML solo un nmero reducido de etiquetas pueden incluirse en la seccin head: 1. 2. 3. 4. 5. 6. En esta ocasin nosotros utilizaremos 3 etiquetas que es para CSS que es para que pueda reconocer las tildes, y otro tipo de caracteres. para dar un ttulo a la barra de la ventanaBODY Es el contenedor de los contenidos. Su misin es contener los elementos que dan forma al documento. En esta parte del body irn todas las etiquetas HTML que sern visualizadas en la pgina web 7.- Vemos las etiquetas bsicas para realizar una pgina web: Resultado: 8.- leccin 8 Aprenderemos CSS: son las siglas de Cascade Style Sheet que traducido significa hojas de estilo en cascada. Las hojas de estilo es una tecnologa que nos permite controlar la apariencia de una pgina web. En un principio, los sitios web se concentraban ms en su contenido que en su presentacin. Ejemplo de CSS: Creamos la Hoja de style.css, en la opcin File > new File. Se crea un nuevo archivo debemos de guardarlo con la extensin de Tipo Css y con el nombre de style.css Una vez guardada el archivo volvemos a nuestro html y debemos crear la comunicacin entre html y css para realizar el diseo de la pgina web, en head escribimos la etiqueta y en la opcin href=ingresamos en nombre de hoja de Css style.css Nos vamos a style.css y empezamos el diseo: Guardamos los cambios efectuados y el resultado ser: Ejemplo para el tamao de una Imagen: Width: es para el ancho de la imagen. heigh: es para la altura de la imagen. Para poner un fondo en todo el cuerpo en Body: 9.- Crearemos varias pginas en pag.html, pag1.html, pag2.html cada pgina tiene q ser diferente a la otra en este caso en body de la pag1.html y pag2.html pondr un o ttulodiferente pag1.html Pag2.html 10.- Insertamos la etiqueta en la Primera Pag.html en texto y en una imagen El resultado se subraya el texto y cuando hagan clic les enviara a otra pgina