Html 5 y css viviana
7
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á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 é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
-
Upload
viviana-bebitha -
Category
Documents
-
view
124 -
download
1
Transcript of Html 5 y css viviana
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á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 é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
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
Despué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 llamada
HTML, 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 web
Dentro de esta carpeta imágenes damos clic izquierdo seleccionamos nuevo y también
seleccionamos documento de texto
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 abrir
Notepad++ 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í
Para empezar la creación de nuestra página siempre se debe empezar en la
estructura 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í
Para ya ejecutarlo oprimimos el botón que se muestra en la imagen y se
guardaran todos los cambios automáticamente en el documento index.html
Y al ejecutarlo lo podemos mirar en cualquier navegador
De tal manera que nuestra página web quedara así
GRACIAS
S
