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:
Ok no, aquà va el serio.HTML, lenguaje de marcas de hipertexto, es el código ese... el que no le entiendes... (?)
Ya que esta guÃa es básica, te enseñaré algunos tips.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.
¡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
Comando para iniciar: <s>
Comando para terminar: </s>
Ejemplo:
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>
<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
Lee Te Pertenezco
¡Saludos!
-YazMiller.
