Html 5 y css

246 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
246
On SlideShare
0
From Embeds
0
Number of Embeds
76
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html 5 y css

  1. 1. HTML 5 Y CSS Antes de empezar a crear nuestra página es importante saber algunos Tags utilizados para 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ágina Comandos 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 el 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 ="/img para blog/akiyama.png"> 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 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 documento
  2. 2. De esta forma ya conociendo estos tags vamos organizandonuestra página web, de tal manera que nos quedara de la siguiente maneraPrimero que todo empezamos creando una carpeta en el lugar que tú quieras llamada HTML, y dentro de esta una que diga CSS ydentro de esta una que diga IMAGENES en las que vas a meter las imágenes que quieres colocar en la página webY luego dando clic izquierdo seleccionamos nuevo y documento de textoAl que lo llamaremos index.html, ya que cualquier servidor entiende index siempre
  3. 3. Posteriormente pasamos a abrir Notepad++ Para iniciar con lacreación de nuestra página web abriendo el documento de texto al que llamamos index.htmlLo primero que se va hacer en la estructura de un documento html es teclear siempre al inicio <!DOCTYPE HTML>Y visto los anteriores tags, vamos organizando nuestra página web de tal forma que nos quede de la siguiente manera
  4. 4. Y al ejecutarlo lo podemos ejecutar en cualquier servidor De tal manera que nuestra página web queda así
  5. 5. Gracias

×