Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas

jueves, 22 de octubre de 2015

HTML

El código HTML hace referencia al lenguaje de marcado para la elaboración de páginas web. Sirve para elaborar estas páginas en diferentes versiones, añadiendo contenido a la página web: textos, imágenes, videos, y muchos otros.
HTML son las siglas de HyperText Markup Language, que traducido al español es lenguaje de marcas de hipertexto.

A continuación veremos algunos ejemplos sobre la utilización del HTML para funciones básicas y sencillas como:
-SALTOS DE LÍNEA
Para realizar un salto de línea al escribir un texto debemos colocar <BR> en el lugar donde queramos realizar el salto. Por ejemplo:
<P>Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 
Texto 1 Texto 1 <BR> 
Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 </P>

En este caso, los elementos <P> </P> sirven para diferenciar los párrafos y no para realizar saltos de línea, ya que este se realiza a través del elemento <BR>.

-TEXTO EN NEGRITA
Para escribir algunas palabras o textos en negrita debemos de realizar el siguiente paso:
<B>Texto en negrita</B>
Siendo texto en negrita, en este caso, lo que queremos remarcar.

-SUPERÍNDICE Y SUBÍNDICE
Para colocar un superíndice en nuestros textos, debemos escribir estos dos elementos <SUP> </SUP> , escribiendo entre ellos las palabras que deseamos encontrar como superíndice.
Debemos efectuar el mismo paso para los subíndices, pero en este caso los elementos que debemos colocar son <SUB> </SUB>.


-ENLACE
El elemento <A> es el que consigue la creación de enlaces. Los enlaces mas comunes son a páginas web,  que se realizarían así <A HREF="http://www.miservidor.es/mifichero.htm"> Link de prueba  </A>
Y se vería así: Link de prueba
En estos enlaces puedes cambiar la manera en la que se verían, es decir, el color, el subrayado...

-TAMAÑOS DE VIDEO
Tras insertar un video en una entrada de blog, debemos visualizar el modo HTML, y encontraremos un texto 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="http://www.youtube.com/v/7T1LO6nOUdw&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/7T1LO6nOUdw&fs=1&source=uds"
He marcado en negrita las palabras, width y heigth, ya que son las que nos indican el tamaño del video. Una vez que hayamos modificado estas cifras, el tamaño cambiará. Los valores de un video estándar son width=620 y height=466.

Para realizar esta entrada, he obtenido información de estas páginas web:
https://www.uv.es/jac/guia/
https://es.wikipedia.org/wiki/HTML
http://www.tecnoxps.com/2012/11/como-cambiar-el-tamano-de-visualizacion-de-un-video-insertado-en-una-entrada-de-blogger.html