Bienvenidos al blog de Diego Valencia

sábado, 11 de octubre de 2014

CLASE OCTUBRE 7 DE 2014

TEMA: Pagina web / Html

PAGINA WEB

  • Un sitio web es una carpeta
  • Todo documento web se llama index
  • Extencion .html o .htm ; tambien existen otras extenciones como asp, php y Js
  • Se aconseja guardar los documentos sin nigun espacio, es decir todo pegado.
  • Es aconsejable escribir los documentos en minuscula.
  • Al crear una pagina web, se crea un lienzo en blanco para crear cosas.
  • Una ventaja de la pagina web, es que no requiere de internet.
  • Para poder abrirla en Windows, se utiliza el notepad o el block de notas; y para linux se utiliza el editor de textos.

  • La w3c es un organismo internacional que me verifica que mi sitio web cumple con los estandares del mercado.
  • Con el (.html) la interpreta inmediatamente con el codigo web, asi no se ponga etiquetas.

Estructura basica de una pagina web:

1.  <html>     2. <head>     3. <body>    
     </html>        </head>        </body>

  • La etiqueta head es la cabecera de la pagina
  • La etiqueta  body es el lienzo en blanco, es decir el cuerpo del documento.
  • Tambien dentro de la cabecera se puede agregar la etiqueta:
        <title>
        </title>


Algunas etiquetas que se utilizan en el lenguaje html son:

  • <b>    negrita
  • <br>   salto de linea
  • <p> </p>    parrafo
  • <pre>  informacion como la defini
  • <center> </center>  centrado ( se utiliza muy amenudo en el titulo)
  • <hr>  una linea horizontal
  • width  tamaño  de linea
  • size  ancho de linea
  • nosharde  sin sombra
  • behavior= "alternate"   para que un texto rebote
  • <marquee> </marquee> marquesina para que un texto rebote de izquierda a derecha
  • bgcolor  color del espacio
  
NOTA: En el colegio, se realizo un ejercicio con el docente, el cual se encuentra a continuacion:

<html>
<head>
<title> ejemplo uno </title>

</head>

<body bgcolor="#005500" text="#ffffff">
mensaje 1 <br>
mensaje 2 <br>
mensaje 3 <br>
mensaje 4 <br>

<hr>
<p>
dato 1
dato 2
dato 3
dato 4

</p>
<hr width="35%" size="9" noshade>
<hr width="35px">
<pre>
dato 1 dato 2 dato 3 dato 4
</pre>
<h1> mensaje en h1 </h1>
<h2> mensaje en h2 </h2>
<h3> mensaje en h3 </h3>
<h4> mnesaje en h4 </h4>
<h5> mensaje en h5 </h5>
<h6> mnesaje en h6 </h6>

<br>
<hr>
<br>
<font color="#ffff00"><center><h3><b>mensaje en h3</b></h3></center></font>
<marquee><center><h3><b>mensaje en h3</b></h3></center></marquee>
<marquee behavior="alternate"><center><h3><b>mensaje en h3</b></h3></center></marquee>
<marquee width="15%" behavior="alternate"><center><h3><b>mensaje en h3</b></h3></center></marquee>




</body>

</html>

           


No hay comentarios:

Publicar un comentario