moovybt: Etiquetas HTML

miércoles, 1 de abril de 2020

Etiquetas HTML

En primer lugar, comenzamos la página dándole un nombre Si quieres escribir cualquier otra cosa, utilizamos <p>"Texto"</p>	Mi página web	<html> <head> <title> Mi pagina web </title> </head>
A continuación podemos ponerle un color de fondo a nuestra Página, si buscas en Internet hay una gran gama de colores que puedes escoger.	Yo he utilizado el siguiente código de color, que se corresponde con un rosa claro #FFB6C1	<body style="background-color:#FFB6C1;">
A continuación puedes añadir una imagen de presentación de tu blog, es muy sencillo:	Tendrás que ir a tu buscador y elegir una foto. A continuación click derecho y seleccionaremos "Copiar dirección de imagen" Utilizamos la siguiente etiqueta -> Si quieres centrar la imagen, o cualquier texto solo tienes que usar <center> al inicio	<img src="url de imágen"/
¿Necesitas poner un título a tu imagen? De esta manera el título de la seleccionada saldrá cuando pases el ratón por encima de la misma	Puedes escoger cualquier título, aunque piensa bien uno que ubique la fotografía en un espacio, un tiempo etc	Justo debajo de lo anterior deberás poner Title="El título (más cosas que quieras poner)"
Necesitas insertar un link en una imagen y no sabes cómo, en realidad es muy sencillo.	De nuevo, debemos ir a una imagen y pinchar sobre ella. Esta nos conducirá a un sitio web, del cual copiaremos su URL. A continuación volveremos a copiar la dirección de imagen de la que anteriormente has seleccionado	<img src="" alt= "Título"/> <a title="Titulo que saldrá al pasar por encima el ratón" href="URL sitio web"><img src=" dirección de imágen" alt="Título" />
Ahora simplemente quieres introducir un link normal.	Debemos ir al sitio web que has elegido y copiaras la URL junto con la siguiente etiqueta	Este enlace te conducira a <a href="URL">sitio (ej: wikipedia)</a><br />
Cómo introducir un vídeo	Primero debemos irnos a Youtube y al elegir un vídeo nos sale la opción de compartir, en la cual copiaremos el enlace de insertar y utilizaremos la siguiente etiqueta	<p> <texto copiado> </p>
Añadir un audio	Estaría bien que para esta parte visitases en este blog la entrada de contenido multimedia, donde ya explico como copiar el enlace pertinente. Una vez copiado, procederemos a utilizar la siguiente etiqueta	<iframe width="texto copiado"></iframe>
Añadir presentación de powtoon.	Parecido a la de youtube. Deberás elegir una presentación, y en la sección de compartir saldrá un enlace que solo tendrás que copiar	<Texto copiado>
Añadir una tabla como esta	Simplemente tenemos que tener en cuenta que dimensiones queremos darle a tabla y como ubicar las celdas, quedando una serie de códigos así. Esta tabla sería la básica. Si quieres juntar celdas, bien puedes usar <td colspan="2">1</td> o <td rowspan="2">1</td>	<tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr>
Para adornar un poco más nuestra página- Color de las letras	Es algo muy sencillo y que aportará un toque especial, solo debemos buscar un color que te parezca atractivo y utilizar la siguiente etiqueta.	<font color="Color">texto que quieras de ese color</font>
Para variar el tamaño de la letra	Hay diferentes números para elegir el tamaño que le quieres dar a tu letra, del 1 al 6 definido por Hn, siendo n un número del 1 al 6. 1 el más grande, 6 del menor.	<Hn>texto</Hn>
Negrita, cursiva, subrayado.	para poder poner en negrita, cursiva o subrayado se utilizan las siguientes etiquetas	<B>texto</B> <I>texto</I> <u>texto</u>

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)