viernes, 30 de septiembre de 2011
8. Cap. 2: Saltos de Línea br
21:54 | 
Publicado por
TIntelligence
Paraincluir una nueva línea en nuestro documento y lograr que el texto que sigue semuestre 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 quela etiqueta se abre y cierra de forma consecutiva.
Paraeste tipo de etiquetas HTML, nos permite que una etiqueta se está abriendo ycerrando al mismo tiempo de la siguiente manera <br/>
Ejemplo:
Así se visualiza en el navegador:
Etiquetas:
jueves, 22 de septiembre de 2011
7. Cap. 2: Resaltado básico de texto.
Unavez que tenemos un texto el cuál puede estar estructurado con párrafos ysecciones, un paso importante para que los usuarios visualicen mejor lainformación realizamos el resaltado del mismo texto. Entre estos resaltadosbásicos podemos poner de ejemplo, palabras en destacado o cursiva, anotacionesy correcciones, enlaces a otros documentos externos, palabras subrayadas, entreotras.
Lasetiquetas que nos llamaran mucho la atención son <em> y <strong> yaque 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.
Visualicemosel siguiente ejemplo:
Así se ve en el navegador:
Realizar el siguiente ejemplo para practicar:
martes, 20 de septiembre de 2011
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
http://www.boosterblog.es
viernes, 16 de septiembre de 2011
6. Cap. 2: Títulos en HTML
Títulos
EnHTML 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. Demayor a menor quiere decir que el 1 tiene mayor nivel que el 6.
Ahoramostraremos un pequeño ejemplo para ver cómo se trabaja con títulos, si deseaprobarlo puede hacerlo:
Como podemos observar en el ejemplo (código) colocamos 3 títulos untítulo <h1>, <h3> y <h4> los cuales en nuestro navegador sevisualizan de la siguiente manera:
Parátener un poco de práctica puede realizar un ejemplo como el siguiente:
jueves, 15 de septiembre de 2011
5. Cap. 2: Ejemplos Párrafos en HTML
Párrafos.
Esta podría ser una de lasetiquetas 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 comose muestra a continuación:
El ejemplo anterior lo podemosvisualizar en nuestro navegador de la siguiente manera:
Podemos observar que los párrafosnos ayudan a delimitar el texto. Al colocar la etiqueta <p> y cerrarla mediante </p>podemos observar que se crea una especie de espacio o margen ya que alinsertar el párrafo se crea por default para permitirnos diferenciar lospárrafos en el texto.
Para practicar puedes crear esteejemplo que he encontrado en la web utilizando párrafos:
4. Capítulo 2. Texto en nuestra página Introducción.
Capítulo2.Texto en nuestra página.
Cómo ya hemos de saber las páginasHTML habitualmente están conformadas por texto, ya que estás páginas cuentancon gran cantidad de texto es importante conocer los elementos y etiquetas quedefine el lenguaje HTML para tratar el manejo de texto.
Cómo ya vimos anteriormenteesté lenguaje nos permite colocar o estructurar el texto de varias formas porejemplo 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 quecomponen el texto. Una vez realizada esta tarea podemos marcar otras cosas comodarle mayor o menor importancia al texto ó otras funciones.
Nuestro próximo post veremos hablaremos sobre el párrafo.
miércoles, 14 de septiembre de 2011
3. Cap. 1: Sintaxis de las etiquetas (reglas XHTML)
HTML era un lenguaje el cuálte permitía escribir sus sintaxis de distintas formas, las etiquetas podían serescritas en mayúsculas y mínusculas, las etiquetas podían no encerrarse entrecomillas y el orden en que se cerraban no era el correcto y no ocurría nada.
Todos estos aspectos viéndolode una manera global podemos decir que era mejor, pero que ocurre si analizamosmejor la situación al ocurrir estas cosas obtenemos un código con mucho menororden, y el día que se requiera aplicar cambios se complica mucho más ya que nolleva un orden adecuado.
A continuación se muestran 5especificaciones básicas que añade el XHTML a diferencia del HTML:
1.- Las etiquetas se deben cerrar de acuerdo a como se abren:
Ejemploincorrecto:
<p><strong>estoesta en negritas </p> </strong>
Ejemplocorrecto:
<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.
<ahref=”http://compuroo.blogspot.com” >Enlace a mi blog </a>
4.-Los atributos no se pueden comprimir.
5.-Todas las etiquetas deben cerrarse siempre:
EnXHTML se deben cerrar siempre todas las etiquetas que utilicemos por ejemplo enHTML la etiqueta <br> de esa forma estaría correcta en XHTML lasetiquetas que no se cierran las cerramos así <br/> con una diagonaldespué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 laprimera página en su navegador, ahora pruebe a pulsar sobre el menú ver, códigofuente y podrá ver el código HTML de la página que está visualizando en elnavegador. De hecho de esta manera se puede ver el código fuente de cualquier páginade Internet mediante la opción ver > código fuente. Pruebe a ver el códigofuente de su página preferida y verás cuantas etiquetas pueden llegar autilizar en esa página completa.
Ahoraanalizaremos las etiquetas más importantes del código que acabamos de probar:
<html>:Noslimita entre el comienzo y el final de un documento HTML, Ninguna etiquetapuede colocarse antes o después de esta etiqueta <html></html> conuna sóla excepción que visualizaremos más adelante. Se definen la cabecera y elcuerpo del documento y todo lo que sea colocado fuera es ignorado.
<head>:Delimitala parte de la cabecera del documento. La cabecera contiene información sobreel propio documento HTML, como por ejemplo el titulo de la página y el idiomade la misma.
<body>:Elcuerpo de la página El cuerpo encierra todos los contenidos que se le muestranal usuario, en general esta parte contiene cientos de etiquetas mientras que el<head> solo contiene algunaspocas.
<p>:Estáetiqueta nos ayuda a separar nuestro texto en párrafos, para cerrar esta etiquetatenemos que utilizar </p> simplemente.
<strong>: Nos permite colocarcierto texto en negritas. Para cerrar la etiqueta colocamos </strong>.Ejemplo:
<strong>estoesta en negritas</strong> esto no.
<br/>:Estaetiqueta lo único que hace es ayudarnos a dar un simple salto de línea.
By: ZetLaX http://compuroo.blogspot.com
martes, 13 de septiembre de 2011
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 esteprimer ejemplo, debes hacer lo siguiente:
1. Abres un editor de archivos de texto y creasun archivo nuevo (NotePad, bloc de notas, NotePad ++, etc.)
2. Teclea el código mostrado anteriormente talcomo 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 textodebe 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 nuestroarchivo ya lo puedes abrir con cualquier navegador (Internet Explorer, Mozilla,Google Chrome). Así quedaría nuestro ejemplo, lo mostrare con Google Chrome:
miércoles, 7 de septiembre de 2011
Introduccion a HTML
INTRODUCCIÓN.
HTML o más actual XHTML esun lenguaje de etiquetas, las páginas en HTML se dividen en dos partes importantes:la cabecera y el cuerpo. La cabeceraincluye información sobre la propia página, como por ejemplo su título y suidioma. El cuerpo de la página incluye todos los contenidos, como párrafos detexto e imágenes.
Continuamos... By: ZetLaX...
HTML podemos decir que esuno de los lenguajes más utilizados para crear páginas web en Internet. Siobservamos HTML es un lenguaje con el que se “escriben” la mayoría de laspáginas web.
Losdiseñadores utilizan HTML para crear sus propias paginas web, los programas queutilizan los diseñadores automáticamente generan páginas en HTML y losnavegadores que utilizamos los usuarios muestran páginas web después de leer sucontenido HTML. Una de las ventajas de HTML es que es muy sencillo de aprendery poder escribir por cualquier persona.
HTMLproviene de las siglas HyperText Markup Lenguaje, el lenguaje HTML es unestándar reconocido en todo el mundo y las normas son definidas por el organismollamado Word Wibe Web Consortium. Esté organismo define que el lenguajereconocido universalmente y que permite publicar información de forma global.
En el cuerpo se coloca todolo que el usuario ve en su pantalla y en la cabecera existe todo lo que no seve (con la excepción de los títulos que si se pueden ver).
A continuación mostraremos,las partes esenciales del código HTML.
 |
| Figura 1.1: Este ejemplo contiene las etiquetas básicas. |
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.
Suscribirse a:
Entradas (Atom)