¿Qué son las iniciales HTML? ¿Para qué sirven?
En ocasiones, vemos las iniciales de HTML en editores de texto al publicar en la red algún documento. Estas iniciales significan Lenguaje de Marcado para Hipertextos.
Podemos decir que su definición es, elemento de construcción más básico de una página web que se utiliza para crear y presentar el diseño de una página web.
Tras esta breve definición, os enseñaré algunos conceptos básicos para controlar los códigos del HTML .
SALTOS DE LÍNEA
En HTML los saltos de línea escritos en código el navegador lo interpreta.
Existen dos etiquetas para indicar que queremos hacer un salto de línea normal:
<br> o </br> , y ambas son interpretadas por el ordenador. Tal que podemos escribir este texto y se verá así:
Me gustan las Tecnologías
de la Información y Comunicación.
Así pues, debemos escribir el texto anterior de la siguiente forma:
Me gustan las Tecnologías </br>
de la Información y Comunicación.
PONER NEGRITA EN LAS PALABRAS
Como en el concepto anterior, existen dos etiquetas que tiene que tener su cierre: <b>, </b>
Tal que podemos escribir este texto y se verá así:
Me gustan las Tecnologías de la Información y Comunicación
Pero en HTML, se verá así:
Me gustan las <b> Tecnologías de la Información y Comunicación</b>
SUPERÍNDICE y SUBÍNDICE
Otra vez más, utilizaremos una etiqueta para cada caso:
Superíndice: y
Ejemplo:
Cómo se ve: s 2
Cómo se escribe: s<sup> 2 </sup>
Subíndice: y
Ejemplo:
Cómo se ve: H 2
Cómo se escribe: H<sub> 2 </sub>
PONER UN ENLACE
En ocasiones, queremos poner un enlace en nuestra web para que el lector pueda acceder directamente a la página web que deseamos. Este paso es muy sencillo:
Primero tenemos que ir a la etiqueta que aparece en la barra de herramientas que pone Enlace.
Después pegamos la URL de la página web y el nombre o frase visual para la página web.
CAMBIAR TAMAÑO DE UN VIDEO
Muchas veces queremos insertar un vídeo en nuestra página web, pero cuando lo hacemos, no nos gusta el tamaño en el que aparece. La forma para editar el tamaño es poco técnica e introduciendo un poco de HTML.
Normalmente cuando se edita una entrada utilizamos el modo "Redactar", dónde primero insertaremos el vídeo. Luego utilizamos el modo "HTML", en el que buscamos un código similar a este:
En él, podemos editar el ancho/alto (width/height) en los números que aparecen al lado de estas dos palabras. Por ejemplo: width= height=
De este modo, insertaré dos vídeos, uno editado y otro no:
WEBGRAFÍA:
https://www.hazunaweb.com/curso-de-html/parrafos-saltos-linea/
https://www.snsmarketing.es/blog/como-poner-cursiva-negrita-y-subrayado-en-html/
http://lineadecodigo.com/html/superindice-con-html/
http://lineadecodigo.com/html/subindice-en-html/
http://www.tecnoxps.com/2012/11/como-cambiar-el-tamano-de-visualizacion-de-un-video-insertado-en-una-entrada-de-blogger.html
Aquí podéis consultar el Glosario del Blog.
Podemos decir que su definición es, elemento de construcción más básico de una página web que se utiliza para crear y presentar el diseño de una página web.
Tras esta breve definición, os enseñaré algunos conceptos básicos para controlar los códigos del HTML .
SALTOS DE LÍNEA
En HTML los saltos de línea escritos en código el navegador lo interpreta.
Existen dos etiquetas para indicar que queremos hacer un salto de línea normal:
<br> o </br> , y ambas son interpretadas por el ordenador. Tal que podemos escribir este texto y se verá así:
Me gustan las Tecnologías
de la Información y Comunicación.
Así pues, debemos escribir el texto anterior de la siguiente forma:
Me gustan las Tecnologías </br>
de la Información y Comunicación.
PONER NEGRITA EN LAS PALABRAS
Como en el concepto anterior, existen dos etiquetas que tiene que tener su cierre: <b>, </b>
Tal que podemos escribir este texto y se verá así:
Me gustan las Tecnologías de la Información y Comunicación
Pero en HTML, se verá así:
Me gustan las <b> Tecnologías de la Información y Comunicación</b>
SUPERÍNDICE y SUBÍNDICE
Otra vez más, utilizaremos una etiqueta para cada caso:
Superíndice: y
Ejemplo:
Cómo se ve: s 2
Cómo se escribe: s<sup> 2 </sup>
Subíndice: y
Ejemplo:
Cómo se ve: H 2
Cómo se escribe: H<sub> 2 </sub>
PONER UN ENLACE
En ocasiones, queremos poner un enlace en nuestra web para que el lector pueda acceder directamente a la página web que deseamos. Este paso es muy sencillo:
Primero tenemos que ir a la etiqueta que aparece en la barra de herramientas que pone Enlace.
Después pegamos la URL de la página web y el nombre o frase visual para la página web.
CAMBIAR TAMAÑO DE UN VIDEO
Muchas veces queremos insertar un vídeo en nuestra página web, pero cuando lo hacemos, no nos gusta el tamaño en el que aparece. La forma para editar el tamaño es poco técnica e introduciendo un poco de HTML.
Normalmente cuando se edita una entrada utilizamos el modo "Redactar", dónde primero insertaremos el vídeo. Luego utilizamos el modo "HTML", en el que buscamos un código similar a este:
En él, podemos editar el ancho/alto (width/height) en los números que aparecen al lado de estas dos palabras. Por ejemplo: width= height=
De este modo, insertaré dos vídeos, uno editado y otro no:
WEBGRAFÍA:
https://www.hazunaweb.com/curso-de-html/parrafos-saltos-linea/
https://www.snsmarketing.es/blog/como-poner-cursiva-negrita-y-subrayado-en-html/
http://lineadecodigo.com/html/superindice-con-html/
http://lineadecodigo.com/html/subindice-en-html/
http://www.tecnoxps.com/2012/11/como-cambiar-el-tamano-de-visualizacion-de-un-video-insertado-en-una-entrada-de-blogger.html
Aquí podéis consultar el Glosario del Blog.
Comentarios
Publicar un comentario