viernes, 11 de marzo de 2016



CÓDIGO HTML


HTML nos permite crear estructuras de sitios web, en cuanto a estructura no referimos al contenido del sitio (texto imágenes, formularios, etc).

Para ello debemos de tener algún editor de código (SUBLIME TEXT, etc)

La estructura básica de este código es:

<HTML>
                <Head>
                               <Title>mi primera página web</Title>
                </Head>
                <Body>
                               <h1>pagina web</h1>
</Body>
</HTML>



Aquí les mostrare algunas etiquetas básicas para crear una buena estructura en HTML.
Podemos decir que una etiqueta es un elemento de nuestra página, un fragmento de código que representa algo en un sitio web (botones, campo de texto,…)

Cada etiqueta tiene un contenido, también pueden tener un atributo y este un valor
ATRIBUTO (podemos decir que es  una variación que le corresponde un valor, por ejemplo cuando queremos cambiar el color del contenido de la etiqueta, en el atributo ponemos “color” y en el valor “rojo”)

<Etiqueta atributos=”valor”>contenido</etiqueta>

Una de las formas de como saber en como esta tu código es insertando comentarios en ella con la siguiente etiqueta:

 <!--comentario-->


Ahorra daré énfasis en algunas etiquetas:

<HTML> </HTML>  (indica que es un  documento en HTML)

<Head> </head> (se encuentra información que el usuario no puede ver a primera vista)

<Title> </Title> (es el título de la página)

<Body> </Body> (constituye todo lo que será el cuerpo de nuestro documento)

<h1> </h1> (se utiliza para titulares)

<br /> (nos da un espaciado entre textos)

<p> </p> (para agregar párrafos)

<b> </b> (para poner en negrita alguna palabra)

<strong> </strong> (para poner negrita y nos da énfasis en el navegador)

<i> </i> (agrega letras en itálica o cursiva)

<blockquote> </blockquote> (agrega citas textuales)

<cite> </cite> (nos permite agrega al autor de la cita)


<hr /> (agrega líneas separadoras)

Aquí les mostrare una presentación hecha en SlideShare






No hay comentarios:

Publicar un comentario