8. Cap. 2: Saltos de Línea br

Para incluir una nueva línea en nuestro documento y lograr que el texto que sigue se muestre en una línea posterior, se utiliza la etiqueta <br>. La etiqueta <br> lo podríamos ver en cierta manera como si presionáramos un ENTER (INTRO).

Está etiqueta es de las pocas etiquetas que no encierran ningún texto, de forma que la etiqueta se abre y cierra de forma consecutiva.

Para este tipo de etiquetas HTML, nos permite que una etiqueta se está abriendo y cerrando al mismo tiempo de la siguiente manera <br/>

Ejemplo: 

Así se visualiza en el navegador:

7. Cap. 2: Resaltado básico de texto.

Una vez que tenemos un texto el cuál puede estar estructurado con párrafos y secciones, un paso importante para que los usuarios visualicen mejor la información realizamos el resaltado del mismo texto. Entre estos resaltados básicos podemos poner de ejemplo, palabras en destacado o cursiva, anotaciones y correcciones, enlaces a otros documentos externos, palabras subrayadas, entre otras.

Las etiquetas que nos llamaran mucho la atención son <em> y <strong> ya que son básicas son muy utilizadas en los párrafos o sea cursiva y negrita. Este tipo de etiquetas marcan al usuario que dicho texto es importante y  que le debemos mostrar más atención.

Visualicemos el siguiente ejemplo: 

Así se ve en el navegador: 

Esto está fuera del curso...

Bueno esta página esta muy cool pueden visitarla esto no tiene que ver con el curso pero sii desean pueden hacerlo.

http://www.boosterblog.es

6. Cap. 2: Títulos en HTML

Títulos

En HTML encontramos etiquetas para lograr estructurar nuestro texto con títulos. Estos títulos delimitan cierto tamaño y estos van enumerados del 1 al 6. De mayor a menor quiere decir que el 1 tiene mayor nivel que el 6.

Ahora mostraremos un pequeño ejemplo para ver cómo se trabaja con títulos, si desea probarlo puede hacerlo: 

Como podemos observar en el ejemplo (código) colocamos 3 títulos un título <h1>, <h3> y <h4>  los cuales en nuestro navegador se visualizan de la siguiente manera:

5. Cap. 2: Ejemplos Párrafos en HTML

Párrafos.

Esta podría ser una de las etiquetas más comúnmente utilizada para el uso de texto, la etiqueta <p> nos permite definir los párrafos que forman el texto de nuestra página. Para delimitar el texto en párrafos debe realizarse de la siguiente forma como se muestra a continuación:

El ejemplo anterior lo podemos visualizar en nuestro navegador de la siguiente manera:

4. Capítulo 2. Texto en nuestra página Introducción.

Capítulo 2.Texto en nuestra página. 

Cómo ya hemos de saber las páginas HTML habitualmente están conformadas por texto, ya que estás páginas cuentan con gran cantidad de texto es importante conocer los elementos y etiquetas que define el lenguaje HTML para tratar el manejo de texto.

Cómo ya vimos anteriormente esté lenguaje nos permite colocar o estructurar el texto de varias formas por ejemplo anteriormente ya vimos que podemos utilizar párrafos, negritas, cursiva, entre otras cosas.

Para estructurar el texto, se basa en poder indicar o delimitar las diferentes zonas y/o secciones que componen el texto. Una vez realizada esta tarea podemos marcar otras cosas como darle mayor o menor importancia al texto ó otras funciones.

Nuestro próximo post veremos hablaremos sobre el párrafo. 

3. Cap. 1: Sintaxis de las etiquetas (reglas XHTML)

HTML era un lenguaje el cuál te permitía escribir sus sintaxis de distintas formas, las etiquetas podían ser escritas en mayúsculas y mínusculas, las etiquetas podían no encerrarse entre comillas y el orden en que se cerraban no era el correcto y no ocurría nada.

Todos estos aspectos viéndolo de una manera global podemos decir que era mejor, pero que ocurre si analizamos mejor la situación al ocurrir estas cosas obtenemos un código con mucho menor orden, y el día que se requiera aplicar cambios se complica mucho más ya que no lleva un orden adecuado.

A continuación se muestran 5 especificaciones básicas que añade el XHTML a diferencia del HTML:

1.- Las etiquetas se deben cerrar de acuerdo a como se abren:

Ejemplo incorrecto:

<p><strong>esto esta en negritas </p> </strong>

Ejemplo correcto:

<p><strong> esto está en negritas </strong></p>

2.- Los nombres de las etiquetas siempre deben escribirse en minúsculas.

<p></p>, <em></em>, <a></a>

3.- El valor de los atributos siempre se encierra entre comillas.

<a href=”http://compuroo.blogspot.com” >Enlace a mi blog </a>

4.- Los atributos no se pueden comprimir.

5.- Todas las etiquetas deben cerrarse siempre:

En XHTML se deben cerrar siempre todas las etiquetas que utilicemos por ejemplo en HTML la etiqueta <br> de esa forma estaría correcta en XHTML las etiquetas que no se cierran las cerramos así <br/> con una diagonal después del nombre de la etiqueta. 

by: ZetLaX        http://compuroo.blogspot.com

2. Cap. 1: Ver código fuente de página web

Si ya ha logrado ver la primera página en su navegador, ahora pruebe a pulsar sobre el menú ver, código fuente y podrá ver el código HTML de la página que está visualizando en el navegador. De hecho de esta manera se puede ver el código fuente de cualquier página de Internet mediante la opción ver > código fuente. Pruebe a ver el código fuente de su página preferida y verás cuantas etiquetas pueden llegar a utilizar en esa página completa.

Ahora analizaremos las etiquetas más importantes del código que acabamos de probar:

<html>: Nos limita entre el comienzo y el final de un documento HTML, Ninguna etiqueta puede colocarse antes o después de esta etiqueta <html></html> con una sóla excepción que visualizaremos más adelante. Se definen la cabecera y el cuerpo del documento y todo lo que sea colocado fuera es ignorado.

<head>: Delimita la parte de la cabecera del documento. La cabecera contiene información sobre el propio documento HTML, como por ejemplo el titulo de la página y el idioma de la misma.

<body>: El cuerpo de la página El cuerpo encierra todos los contenidos que se le muestran al usuario, en general esta parte contiene cientos de etiquetas mientras que el <head> solo contiene algunas pocas.

<p>: Está etiqueta nos ayuda a separar nuestro texto en párrafos, para cerrar esta etiqueta tenemos que utilizar </p> simplemente.

<strong>: Nos permite colocar cierto texto en negritas. Para cerrar la etiqueta colocamos </strong>. Ejemplo:

<strong>esto esta en negritas</strong> esto no.

<br/>: Esta etiqueta lo único que hace es ayudarnos a dar un simple salto de línea. 

By: ZetLaX        http://compuroo.blogspot.com

1. Cap. 1: Ejemplo básico XHTML.

Bueno continuando con nuestro curso, a continuación mostraremos un ejemplo muy básico para comprender lo que es XHTML ó HTML:

Si quieres probar este primer ejemplo, debes hacer lo siguiente:

    1.   Abres un editor de archivos de texto y creas un archivo nuevo (NotePad, bloc de notas, NotePad ++, etc.)

     2.  Teclea el código mostrado anteriormente tal como está en el ejemplo.

   3.  Guarda el archivo en la ubicación que desees, con cualquier nombre pero con la   extensión .HTML. (ejemplo: Práctica1.html).

Nota: El editor de texto debe ser sin formato, que quiere decir esto que puedes utilizar Notepad ++, Bloc de notas, etc. Pero no puedes utilizar editores como Word, Open Office, etc. 

Si utilizas sistema operativo Linux puedes utilizar Gedit, Kedit, Kate, etc.

Después de guardar nuestro archivo ya lo puedes abrir con cualquier navegador (Internet Explorer, Mozilla, Google Chrome). Así quedaría nuestro ejemplo, lo mostrare con Google Chrome: 

Introduccion a HTML

INTRODUCCIÓN.

HTML podemos decir que es uno de los lenguajes más utilizados para crear páginas web en Internet. Si observamos HTML es un lenguaje con el que se “escriben” la mayoría de las páginas web.

Los diseñadores utilizan HTML para crear sus propias paginas web, los programas que utilizan los diseñadores automáticamente generan páginas en HTML y los navegadores que utilizamos los usuarios muestran páginas web después de leer su contenido HTML. Una de las ventajas de HTML es que es muy sencillo de aprender y poder escribir por cualquier persona.

HTML proviene de las siglas HyperText Markup Lenguaje, el lenguaje HTML es un estándar reconocido en todo el mundo y las normas son definidas por el organismo llamado Word Wibe Web Consortium. Esté organismo define que el lenguaje reconocido universalmente y que permite publicar información de forma global.

Aprende a crear paginas.

Este blog está dedicado al lenguaje HTML y ó XHTML básico. Porqué Aprende HTML con ZetLaX, ZetLaXno es ningún editor ni lenguaje ni mucho menos simplemente ZetLaX es la persona a la que le han permitido escribir en esté blog.

Estos solamente son pequeños datos tecnicos y ahora si comenzaremos a trabajar en lo que realmente nos interesa HTML y XHTML.

Saludos. Comenzamos oficialmente.