9.4: Atributos básicos
- Page ID
- 103281
Los atributos HTML proporcionan más información para las etiquetas o les aplican características estilísticas que no son las predeterminadas. Por ejemplo, una <a>etiqueta requiere más información para saber a dónde debe vincularse, y una
La etiqueta puede tener un color de fuente diferente al predeterminado si lo desea. Echemos un vistazo a algunos atributos comunes y lo que hacen en la Tabla 2 a continuación.
Atributo | Lo que hace | Cómo se ve en HTML |
href | El atributo href pertenece a la <a>etiqueta y define a dónde irá el enlace. | <a href="distanceed.hss.kennesaw.edu/t...lcommunication">Este es un enlace al sitio web del libro de texto</a> |
src | El atributo src pertenece a la <img>etiqueta y define de dónde extraerá la etiqueta la imagen. Esto puede ser un sitio de imágenes o una ruta de archivo desde dentro del servidor. | <img src="logo.jpg" /> |
ancho | El atributo width se puede aplicar a imágenes, elementos iframe, tablas u otros elementos con un ancho numérico. Define qué tan ancho será el artículo. | <img src="logo.jpg" width="300px" /> |
altura | El atributo height se puede aplicar a imágenes, elementos iframe, tablas u otros elementos con una altura numérica. Define qué tan alto será el artículo. | <img src="logo.jpg" width="300px" heigth="300px" /> |
estilo | El atributo style le permite agregar elementos CSS en línea a su etiqueta. Algunos comunes son color, tamaño de fuente, familia de fuentes y alineación de texto. Se define un elemento de estilo de la misma manera que otros atributos, sin embargo, entonces hay que definir el valor del elemento style. Vea los ejemplos a la derecha para ver cómo se definen estos elementos de estilo. |
<p style="color:blue;">Se trata de texto azul. </p> <h1 style="font-size:24px;">este es un encabezado de fuente de 24pt. </h1> <a hred="distanceed.hss.kennesaw.edu/t...lcommunication" style="font-family:Arial;font-size:12px;">Este enlace a la página web del libro de texto es Arial 12 pt de fuente. </a> <h2 style="text-align:center;">Este encabezamiento está centrado en la página. </h2> |
Tabla\(\PageIndex{2}\): Atributos HTML comunes