Menu

7 mar 2014

Primer contacto programación paginas web

Lo primero que hay que saber es que los codigos html van con etiquetas. Para que todo funcione por tanto habrá que poner siempre una etiqueta de inicio y una de fin; al principio ponemos<la etiqueta> a continuación ponemos el contenido y para finalizar ponemos el final de la etiqueta; ósea </la etiqueta>.
Para escribir estos codigos utilizaremos text edit o en su defecto cualquier blog de notas.

/Empezaremos poniendo:


<!DOCTYPE html> INICIO DEL CODIGO
<html>INICIO DEL CODIGO
<head> CABEZA

/Luego deberemos introducir lo que queremos que aparezca en la pagina:

<title>...texto...</title> ENCABEZADO
<meta http-equiv="content-type"content="text/html;charset=UTF-8"/>
</head> FIN DE CABEZA

<body> CUERPO


<img src="http://www.... .jpg" alt="...texto..."/> IMAGEN DE INTERNET

<p>...texto...<a href="http://www.... .com"> ...texto....</a></p> ENLACE
<a href="http://....com.es"><img src="....gif" alt="....texto...."></a> IMAGEN CON ENLACE

<h1>....</h1> TITULO MAS GRANDE
<h6>....</h6> TITULO MA PEQUEÑO

<p>...texto...</p> TEXTO NORMAL
<p><strong>...texto...</strong></p> TEXTO CON LETRA NEGRITA
<p><em>...</em> </p> TEXTO CON LETRA CURSIBA

<hr/> LINEA DIVISORIA
</br> RETORNO DE CARRO
/Para acabar el código deberemos poner las etiquetas de cierre correspondientes a las etiquetas de apertura que pusimos mas arriba:
</body> FINAL DEL CUERPO
</html> FINAL DEL CODIGO
/Una vez  lo ayamos guardado, deveremos cabiar la terminación si no la tuviera a html y podremos probarlo en el navegador. 
Posibles fallos:
-las comillas no son las del blog de notas
-hay un fallo en el parrafo anterior
-se te ha olvidado cerrar el codigo </...>



No hay comentarios: