HTML significa lenguaje de marcado para hipertextos (Hypertext Markup Language) y es el lenguaje utilizado para el crear y representar visualmente páginas web, indica al navegador cómo debe mostrar el contenido. El HTML separa el "contenido" (palabras, imágenes, audio, video, etc.) de la "presentación" (la definición del tipo de contenido y las instrucciones de cómo esos contenidos tienen que mostrarse). 

El contenido de la web (fotografías, animaciones, audio...) es etiquetado con elementos HTML especificados a través de etiquetas de inicio representadas con paréntesis angulares como <img>, <title>, <p>... y etiquetas de cierre de elementos se escriben así: </>Estos elementos conforman los bloques de construcción de la página web.

Ejemplos prácticos de HTML

Representación de párrafos

Imaginemos que queremos poner un párrafo. El elemento párrafo está designado con la etiqueta de inicio <p> y la etiqueta de cierre </p>. Un párrafo contenido en el elemento párrafo de HTML estaría representado así.

                                                   <p>María vive en Londres. </p> 

El contenido en la página web se muestra así:

                                                         María vive en Londres.

Representación de saltos de línea

Las etiquetas para indicar salto de línea son <br> y <br/> aunque no es necesario poner ambas etiquetas. Un salto de línea en HTML estaría representado así:

                                                        Me llamo Carlota

                                                        <br>

                                                        Vivo en Ferrol

                                                        

El contenido en la página web se muestra así:

                                                        Me llamo Carlota

                                                        

                                                        Vivo en Ferrol

Representación de letras en negrita

Para poner letras en negrita podemos usar tanto las etiquetas <b>, </b> como <strong>, </strong>

De esta manera, lo haríamos así:

                                      <b> María </b> vive en <strong> Londres </strong>

El contenido en la página web se muestra así:


                                                        María vive en Londres.

Representación de superíndices y subíndices


<<Podemos definir directamente sobre el código HTML un subíndice o superíndice usando respectivamente las etiquetas <sub> y <sup> >>

 

                               El dióxido de carbono se representa como CO₂


El contenido en la página web se muestra así:

                               El dióxido de carbono se representa como CO₂

Cómo poner un enlace directamente


Para poner un enlace directo a una página web mediante el código HTML debemos usar lasetiqueta <A HREF=''laurlcompletadelapáginadeseada''> y la etiqueta de cierre </A>


       Este es el <A HREF= ''https://fuentic1516.blogspot.com.es''>blog de mi clase</A>


El contenido en la página web se muestra así:


                                                        Este es el blog de mi clase


Cómo cambiar el tamaño de vídeos insertados en Blogger


Escribimos la entrada en el modo ''Redactar'' e insertamos un vídeo como normalmente hacemos.

Luego nos dirigimos a visualizar la entrada en el modo ''HTML'', al lado de ''Redactar'' y allí buscamos un código similar a este:



En dicho código se puede modificar el ancho y el alto del video (width/height) que se establecen por defecto al insertar un video en una entrada de nuestro blog, por ejemplo podríamos sustituír los números por width=620 y height=466 para que se vean más grandes nuestros vídeos.

https://developer.mozilla.org/es/docs/Web/HTML

http://definicion.de/html/

https://developer.mozilla.org/es/docs/Web/Guide/HTML/Introduction_alhtml

http://aprenderaprogramar.es/index.php?option=com_content&view=article&id=480:formatos-de-texto-html-negrita-cursiva-tachado-subrayado-superindice-subindice-b-y-strong-cu00713b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192
http://www.html.com.es/web.php?seccion=sub-super-indice
http://platea.pntic.mec.es/~abercian/guiahtml/enlaces.htm
http://www.tecnoxps.com/2012/11/como-cambiar-el-tamano-de-visualizacion-de-un-video-insertado-en-una-entrada-de-blogger.html