Saltar al contenido principal
LibreTexts Español

9.4: Atributos básicos

  • Page ID
    103281
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)\(\newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    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


    This page titled 9.4: Atributos básicos is shared under a CC BY license and was authored, remixed, and/or curated by Tiffani Reardon, Tammy Powell, Jonathan Arnett, Monique Logan, & Cassie Race.