Estamos en Facebook Estamos en Google + Visita nuestro RSS Siguenos en Twitter Proximamente en Vimeo Suscribete en Youtube

sábado, 14 de enero de 2012

6.TEXTO HTML ,SECCIONES Y MARCADO BASICO

Entrada más reciente Entrada antigua
saludos a esta sexta entrega del curso de xhtml : TEXTO HTML ,SECCIONES Y MARCADO BASICO



en esta parte vimos lo que son los textos en html y como se definen:
El lenguaje HTML incorpora al tratamiento del texto muchas de las ideas y normas establecidas en otros entornos de publicación de contenidos. De esta forma, HTML define etiquetas para estructurar el contenido en secciones y párrafos y define otras etiquetas para marcar elementos importantes dentro del texto.

y bueno como estructurarlo:

empezamos con <p>:

que son PARRAFOS los parrados son de tipo bloque:
Una de las etiquetas más utilizadas de HTML es la etiqueta <p>, que permite definir los párrafos que forman el texto de una página. Para delimitar el texto de un párrafo, se encierra ese texto con la etiqueta <p>, como muestra el siguiente ejemplo
=======================================
<html>

<head>
<title>Ejemplo de texto estructurado con párrafos</title>
</head>

<body>
<p>este es un parrafo </p>

<p>El segundo párrafo </p>
</body>

</html>

====================================

visualizalo y veras de que se trata:

navegadores soportados

Internet Explorer Firefox Opera Google Chrome Safari


QUERES CONSULTAR MAS DE <P> EN:


Y continuamos con con las:

SECCIONES

Las etiquetas que definen los títulos de sección son <h1>, <h2>, <h3>, <h4>, <h5> y <h6>. La etiqueta <h1> es la de mayor importancia y por tanto se utiliza para definir los titulares de la página. La importancia del resto de etiquetas es descendiente, de forma que la etiqueta <h6> es la que se utiliza para delimitar las secciones menos importantes de la página.

ejemplo:
===============================
<html>
<head>

</head>
<body>

<h1>secciones</h1>
<h2>secciones</h2>
<h3>secciones</h3>
<h4>secciones</h4>
<h5>secciones</h5>
<h6>secciones</h6>


</body>
</html>

===============================

navegadores soportados

Internet Explorer Firefox Opera Google Chrome Safari

QUERES CONSULTAR MAS DE <h1>a<h6> EN:



continuamos con :

MARCADO BASICO

HTML proporciona varias etiquetas paramarcar cada uno de los diferentes tipos de texto.

<em> se usa cuando queremos dar un formato enfatizado en itálica y así dar un especial énfasis al texto.

ejemplo:

=================================
<html>
<head>

</head>
<body>

<p>saludos <em>esta</em> es una palabra con enfasis</p>

</body>
</html>



============================

pruebalo en tu navegador

otro es el <strong>

<strong>es una etiqueta HTML que usamos para señalar un especial énfasis sobre una parte del documento. Generalmente se muestra en negrita.

ejemplo:

===============================

<html>
<head>

</head>
<body>

<p>aora estoy usando <strong>strong</strong></p>

</body>
</html>

=============================

continuamos con el de insercion:

<ins>

<ins> señala el texto que se ha insertado en un documento. Se suele usar para informar sobre cambios o actualizaciones.

ejemplo:

=============================

<html>
<head>

</head>
<body>

<p>la palabra <ins>insercion</ins> fue colocada</p>
</body>
</html>

=============================

continuamos con el de borrado:



<del>

Se emplea para marcar una modificación en los contenidos originales consistente en el borrado de cierto contenido


ejemplo:

===============================

<html>
<head>

</head>
<body>

<p> Mi color favorito es el azul <del>azul</del> <ins> rojo </ins> </p>
</body>
</html>

================================

y por ultimo tenemos el de citas contextuales:

<blockquote>

<blockquote> sirve para poder dar formato con sangría a un parrafo de un documento HTML. Con esta etiqueta se definen citas largas.

ejemplo:

================================

<html>
<head>

</head>
<body>

<blockquote>
Here is a long quotation here is a long quotation here is a long    quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.
</blockquote>
</body>
</html>











========================================

como ya saben pueden checar todos sus arributos de cada uno en:


No hay comentarios:

Publicar un comentario