CONCEPTOS BASICOS DE HTML
<p align="center">
This text is aligned to center
</p>
Para alinear los textos en los párrafos center, left, right
Mediciones de atributos
<hr width="50px" />
Como ejemplo, podemos modificar la línea horizontal
para que tenga un ancho de 50 píxeles.
Esto se puede hacer usando el atributo ancho
El atributo de alineación
<html>
<head>
<title>Attributes</title>
</head>
<body>
<p align="center">This is a text <br />
<hr width="10%" align="right" /> This is
also a text.
</p>
</body>
</html>
El atributo de alineación se usa para especificar cómo
se alinea el texto.
En el siguiente ejemplo, tenemos un párrafo que está
alineado al centro y una línea que está alineada a la
derecha.
Atributos
<p align = "center">
Este es un texto.
<hr width = "50%" align = "left" />
</p>
Tal vez se pregunte qué sucede si intenta aplicar
atributos contradictorios dentro del mismo elemento
La <img> etiqueta
La etiqueta <img> se usa para insertar una
imagen. Contiene solo atributos y no tiene una etiqueta
de cierre.
La URL (dirección) de la imagen se puede definir
utilizando el atributo src .
La sintaxis de la imagen HTML tiene este aspecto:
<img src = "image.jpg" />
Ubicación de imagen
Debe colocar la ubicación de la imagen para el
atributo src que se encuentra entre las comillas.
Por ejemplo, si tiene una foto llamada "tree.jpg" en la
misma carpeta que el archivo HTML, su código debería
verse así
<html>
<head>
<title> primera página </title>
</head>
<body>
<img src = "tree.jpg" alt = "" />
</body>
</html>
Cambio de tamaño de imagen
Para definir el tamaño de la imagen, use los atributos
ancho y alto.
El valor se puede especificar en píxeles o
como porcentaje
<html>
<head>
<title> primera página </title>
</head>
<body>
<img src = "tree.jpg" height = "150 px " width =
"150 px " alt = "" />
< ! - o ->
<img src = "tree.jpg" height = "50 % " width = "50
% " alt = "" />
</body>
</html>
Borde de la imagen
Por defecto, una imagen no tiene bordes. Use el
atributo de borde dentro de la etiqueta de imagen para
crear un borde alrededor de la imagen.
<img src="http://www.sololearn.com/images/tree.jpg"
height="150px" width="150px"
border="1px" alt="" />
La etiqueta <a>
Los enlaces también son una parte integral de cada
página web. Puede agregar enlaces a texto o imágenes
que permitirán al usuario hacer clic en ellos para ser
dirigido a otro archivo o página web.
En HTML, los enlaces se definen con la etiqueta <a> .
Use el atributo href para definir la dirección de destino
del enlace:
<a href =""> </a>
<a href="https://www.youtube.com/watch?
v=y9LlnLTH87U">
Learn Playing
</a>
El atributo objetivo
El atributo de destino especifica dónde abrir el
documento vinculado.
Al darle un valor _blank a su atributo, el enlace se
abrirá en una nueva ventana o pestaña nueva
<a href="http://www.sololearn.com" target="_blank">
Learn Playing
</a>