HTML 5 Y CSS     Antes de empezar a crear nuestra página es importante saber algunos Tags                       utilizados...
colocar el nombre con el cual se encuentra la imagen un punto y el formato en que se                                     e...
Aparecerá como una carpeta pero a este lo llamaremos index.html, ya que cualquier                       servidor entiende ...
Para empezar la creación de nuestra página siempre se debe empezar en laestructura de un documento HTML tecleando siempre ...
Para ya ejecutarlo oprimimos el botón que se muestra en la imagen y seguardaran todos los cambios automáticamente en el do...
De tal manera que nuestra página web quedara así
GRACIAS  S
Próxima SlideShare
Cargando en…5
×

Html 5 y css viviana

254 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
254
En SlideShare
0
De insertados
0
Número de insertados
62
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Html 5 y css viviana

  1. 1. HTML 5 Y CSS Antes de empezar a crear nuestra página es importante saber algunos Tags utilizadospara realizar páginas web Estos tags son los que principalmente se utilizan <HTML> inicio del documento <HEAD> inicio de la cabecera <TITLE> inicio del titulo </TITLE> final del titulo </HEAD> final de la cabecera <BODY> inicio de la páginaComandos HTML para ubicar los elementos de la página como texto, imágenes, tablas, etc. Tamaños de letras <h1> tamaño de letra grande <h2> tamaño de letra mediana <h3> tamaño de letra más pequeño Y así sucesivamente con <h4><h5><h6><h7> <ul> sirve para hacer un listado no ordenado</ul> <ol> este sirve para hacer un listado ya ordenado</ol><Table> se lo emplea para realizar tablas</table>en él se encuentran el <tr>que sirve para hacer las filas y el <td> las columnas <img> sirve para colocar imágenes en el tenemos que escribir el lugar donde se encuentra la imagen ejemplo <img src="imágenes/vivi.jpg" el src es una característica especial que siempre debe colocarse seguido del igual y entre comillas las carpeta en que se encuentran en este caso img para blog seguido de un / y luego
  2. 2. colocar el nombre con el cual se encuentra la imagen un punto y el formato en que se encuentra <br> es un tag que sirve para saltar espacios y este no hay necesidad de cerrarlo </BODY> final de la pagina </HTML> final del documentoDespués de haber conocido los tags los ordenados de forma adecuada para que quede bien nuestra página web Primero que todo empezamos creando una carpeta en el lugar que desee llamadaHTML, y dentro de esta una que diga CSS y dentro de esta una que diga IMAGENES en la que meterás las imágenes que quieres colocar en la página webDentro de esta carpeta imágenes damos clic izquierdo seleccionamos nuevo y también seleccionamos documento de texto
  3. 3. Aparecerá como una carpeta pero a este lo llamaremos index.html, ya que cualquier servidor entiende el índex siempre Después de crear estas carpetas y por último el documento pasamos a abrirNotepad++ Para iniciar con la creación de nuestra página web abriendo el documento de texto al que llamamos index.html Buscamos documento de texto al que llamamos index.html Y al abrirlo aparecerá así
  4. 4. Para empezar la creación de nuestra página siempre se debe empezar en laestructura de un documento HTML tecleando siempre al inicio <! DOCTYPE HTML> Y ya después de haber visto los tags para la página web, la vamos organizando de tal manera que nos quede así
  5. 5. Para ya ejecutarlo oprimimos el botón que se muestra en la imagen y seguardaran todos los cambios automáticamente en el documento index.html Y al ejecutarlo lo podemos mirar en cualquier navegador
  6. 6. De tal manera que nuestra página web quedara así
  7. 7. GRACIAS S

×