Guía HTML básica.

  ¡Hola hola! Aquí Yaz Miller trayéndoles un tutorial de Guía HTML. Antes de empezar, tal vez se preguntarán... ¿Qué es el HTML? Bien, aquí les traigo una definición.
HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es el lenguaje con el que se definen las páginas web. Fuente: Wikipedia.
Bien, ahora que tienes una definición técnica de lo que es el HTML, aquí te doy MI definición:
HTML, lenguaje de marcas de hipertexto, es el código ese... el que no le entiendes... (?)
Ok no, aquí va el serio.
HTML, lenguaje de marcas de hipertexto, es del que están compuestas casi todas las páginas web. Abarca el subrayado en el texto, las negritas, el tamaño, el color, el tipo de fuente, saltos de párrafo, la inserción de imágenes, tablas, enlaces, etc. Todo en un mismo entorno.
Ya que esta guía es básica, te enseñaré algunos tips.

¡ATENCIÓN!: Es importante que te asegures que las páginas en las que estará tu texto, admite el HTML. 

1.- Editando texto

  Si escribes texto sin el uso de códigos HTML, el texto aparecerá normal, negro, no en negrita o en cursiva. Con el fin de hacer que el texto aparezca en negrita, etc, es necesario utilizar códigos HTML cortos. Aquí unos ejemplos.

Efecto: Texto en Negritas.
Comando para iniciar: <b>
Comando para terminar: </b>
Ejemplo: Tu texto estará en negritas.
Código ejemplo: <b>Tu texto estará en negritas.</b>

Efecto: Texto en Itálicas.
Comando para iniciar: <i>
Comando para terminar: </i>
Ejemplo: Tu texto estará en itálicas.
Código ejemplo: <i>Tu texto estará en itálicas.</i>

Efecto: Texto en Subrayado.
Comando para iniciar: <u>
Comando para terminar: </u>
Ejemplo: Tu texto estará en Subrayado.
Código ejemplo: <u>Tu texto estará en Subrayado.</u>

Efecto: Texto en negritas.
Comando para iniciar: <b>
Comando para terminar: </b>
Ejemplo: Tu texto estará en negritas.
Código ejemplo: <b>Tu texto estará en negritas.</b>

Efecto: Texto en Tachado.
Comando para iniciar: <s>
Comando para terminar: </s>
Ejemplo: Tu texto estará en Tachado.
Código ejemplo: <s>Tu texto estará en Tachado.</s>

Saltos y párrafos


  Sólo tecleando el texto sin darle saltos o párrafos no resultaría agradable a la vista, así que necesitarás también pequeños y sencillos códigos que hagan el trabajo por tí. Puede que suene mas complicado que darle a la tecla de 'Enter'. Pero creánme, es igual de fácil. Es sólo un efecto por cada código, si quieres varios espacios, tendrás que poner más de uno.
Efecto: Insertar un salto
Comando: <br>
Efecto: Primera línea
Segunda línea
Código ejemplo: Primera línea <br> Segunda línea

Efecto: Insertar nuevo párrafo
Comando: <p>
Efecto: Primera línea

Segunda línea
Código ejemplo: Primera línea <p> Segunda línea.


Tamaño de letra


Puedes agregar el tamaño del texto que quieres poner con el siguiente código:

<font size="#">TU TEXTO VA AQUI</font>

Y los tamaños disponibles son del 1 al 7.

Tipo de fuente


 Puedes cambiar el tipo de fuente en el que tu texto se verá una vez que el código esté en funcionamiento. Las mas comúnes son Arial, Verdana, Times New Roman, Georgia, entre otros.
El código que usarás es el siguiente:
<font face="TIPO DE FUENTE">TU TEXTO VA AQUI</font>

Combinando características


  Si quieres cambiar mas de una característica del texto, como color, y tamaño, no necesitas usar códigos separados, puedes combinarlos.

<font face="TIPODEFUENTE" size="#" color="COLOR">type your text here</font> 

  El color puede ser los básicos escritos en inglés: red, blue, white, gray, black o puedes usar el código hexadecimal. Arrastra la imagen a tu navegador para que la veas en tamaño completo. :)


Por ahora es todo, más adelante haré un 2do tutorial de HTML. Espero les sirva y se diviertan utilizando estos códigos :D

Mis links

¡Saludos!

-YazMiller.

Share this:

JOIN CONVERSATION

    Blogger Comment

0 comentarios:

Publicar un comentario