miércoles, 21 de octubre de 2015

El HTML, ¿Y eso qué es?

Normalmente la gente que no está muy interesada en temas de informática e internet se hace esa pregunta. Pues bien, el HTML es el acrónimo (es decir, las siglas) de HyperText Markup Language, que traducido del inglés significa Lenguaje de Marcado de Hipertexto. ¿Y para qué sirve? La respuesta a eso es que sirve para crear páginas web e indica a los navegadores web como mostrar el contenido de cualquier página. El HTML desarrolla una descripción sobre los contenidos en forma de texto y los complementa con fotos, animaciones, audios, etc.
Es un lenguaje muy simple y el texto en él se desarrolla a través de etiquetas o tags, las cuales se crean y se entre corchetes o paréntesis angulares. Ejemplo: [y].
El HTML permite que unos códigos llamados scrpits, le dan instrucciones concretas a los navegadores web para que procesen el lenguaje. A continuación voy a explicar algunos ejemplos de ajustes que se pueden hacer con el HTML.

-SALTO DE LÍNEA: Para hacer un salto de línea simplemente tenemos que poner "<br>" o "<br/>"(ambas son iguales interpretadas por el ordenador) y ahí es donde se hará nuestro salto de línea.
María se fue a comprar y <br>    
en el camino se encontró a Juan.   


María se fue a comprar y
en el camino se encontró a Juan.        

-LETRA EN NEGRITA: Simplemente tenemos que escribir "<b>" o "<strong> entre la palabra que queramos poner en negrita. Recordad que en el código que vaya después de la palabra tiene que llevar esta barra "/" como veis en el ejemplo.
Vamos poner en negrita esta <b>palabra</b> y también esta <strong>otra</strong>    

Vamos poner en negrita esta palabra y también esta otra                

-SUBÍNDICE Y SUPERÍNDICE: Aquí debemos poner "<sub>" para el subíndice y "<sup>" para el superíndice como en el anterior ejemplo.
La fórmula del dióxido de carbono es CO<sub>2</sub>
La fórmula del dióxido de carbono es CO2
La habitación tiene una superficie de 40m<sup>2</sup>
La habitación tiene una superficie de 40m2

-ENLACES: Para el enlace debemos escribir  "<A HREF="X">Y</A>" y poner donde yo he puesto X la página o lo que queráis enlazar y escribir lo que queréis que aparezca para ir a dicho enlace donde yo he puesto Y.
Haz click <A HREF="http://www.wikipedia.com/">"aquí"</A> para acceder a una de las mayores enciclopedias online.
Haz click aquí  para acceder a una de las mayores enciclopedias online.


-CAMBIAR EL TAMAÑO A UN VÍDEO: Para esto simplemente tenemos que insertar el vídeo que queramos en nuestro blog o página y después elegir la opción de visualizar nuestra entrada en HTML al lado de "Redactar" y buscamos un código como este:  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/7T1LO6nOUdw/0.jpg" height="266" width="320"><param name="movie" value="https://youtu.be/tCpfUSf4A7g" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src=https://youtu.be/tCpfUSf4A7g
En este enlace podéis cambiar el alto y el ancho del vídeo en "height" y "width" (está resaltado en oscuro) y cuando regresemos al formato redactar, veremos que nuestro vídeo ha cambiado de tamaño. Aquí os pongo un ejemplo de un vídeo en tamaño original y en más pequeño.


                                        

Fuentes recurridas (si pinchas sobre ellas te lleva directamente a los temas de HTML):

http://www.tecnoxps.com
Haz una web
http://definicion.de

No hay comentarios:

Publicar un comentario