Upload
renzo-silva-miranda
View
307
Download
1
Embed Size (px)
Citation preview
¿Que es HTML?
• HyperText Markup Language (Lenguaje de Etiquetas de HyperTexto) es un estandar que sirve como referencia para el desarrollo web y esta regulado por la W3C (organización que se dedica a la estandarización de todo referente a web)
<html><body><h1>Hola </h1></body>
</html>Más información aquí: http://www.w3schools.com/
Estructura básica
<html><head><title>Titulo de pagina</title></head><body><h1>Titulo</h1><p>El contenido va aqui</p></body>
</html> Nota: No se pone ninguna tilde por que estas se considerancaracteres especiales.
Caracteres especiales
á = áé = éí = íó = óú = úñ = ñ
Á = ÁÉ = ÉÍ = ÍÓ = ÓÚ = ÚÑ = Ñ
© = ©® = ®ü = ü“ = "
Estructura básica
Donde:<html> apertura el inicio de la página<head> contenido de la cabecera de la página, se usa para
insertar hojas de estilo .css y complementos javascript<title> título de la página<body> cuerpo de la pagina, el contenido principal va aquí<h1> título principal, tiene variantes de tamaño (<h2> , <h3>)<p> párrafo
Nota: todo lo que se abre <> se cierra </>Ejemplo: se abre <body> se cierra </body>
Tablas
<table><tr>
<td>Contenido aquí</td></tr>
</table>
Nota: Las <tr> que vienen a ser las filas, son las que mandan
Tablas
<table> Apertura de la tabla<tr> Filas<td> Columnas
width= anchoheight= altoborder= borde de la tablaalign= alineaciónbgcolor= color de fondo
Enlaces / Imágenes
Estructura enlaces: <a href><a>Ejemplo: <a href=“https://www.facebook.com”
target=“_blank”>Facebook</a>
Estructura imagen: <img>Ejemplo: <img src=“imagen.jpg” height=“100”
width=“100”>