Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Diseño Web

    Cargado por

    Daniela Arias
    7 vistas7 páginas
    diseño web

    Título original

    diseño web

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    diseño web

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    7 vistas7 páginas

    Diseño Web

    Cargado por

    Daniela Arias
    diseño web

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 7

    <a></a>

    Sintaxis
    <a>se crea un enlace a otra página web</a>
    definición
    etiqueta que sirve para crear un enlace en página web, es el atributo principal de la
    etiqueta de HTML

    ejemplo
    <a> https://uanama.e-ducativa.com/archivos/repositorio//6000/6207/html/5_etique.htm
    </a>

    <audio></audio>
    Sintaxis
    <audio>insertar audio a un documento</audio>

    definición
    se utiliza para insertar contenido de audio a un documento de THML

    ejemplo
    <audio> src="miaudio.mp3" controls> este es un elemento de audio no soportado por tu
    navegador, prueba con otro </audio>

    <body></body>

    Sintaxis
    <body>represento el contenido del documento</body>

    definición
     representa el contenido de un documento HTML, solo puede haber un elemento body

    ejemplo
    <body>
    <header>
    <h1> PRODUCTOS DE CAUCHO Y LONA </h1>
    <h3>TRANSMISIÓN DE POTENCIA Y CONDUCCIÓN DE FLUIDOS</h3>
    </header>

    <nav>
    <ul>
    <h2>Productos</h2>

    <li> MANGUERAS </li>


    <li> ACOPLES </li>
    <li> CORREAS </li>
    </ul>
    </nav>

    <section>
    <p>MANGUERAS</p>
    <article> Hidráulicas </article>
    <article> Plasticas </article>
    <article> Especiales</article>
    <img src="https://www.pcl.com.co/images/products/otros/mangs.jpg">
    </section>

    </body>

    <code></code>
    Sintaxis
    <code>represento código para hacer útil las funciones</code>

    Definicion
    inserta texto que representa código de computadora. Puede ser útil para mostrar
    funciones, código de programación o variables

    ejemplo
    <code>function cambiarColor (elemento, evento) {...}</code>

    <del></del>
    Sintaxis
    <del>marcar el texto o documto suprimidas</del>

    definicion
    El elemento del (deleted-borrado) marca las partes de un texto o documento que han
    sido suprimidas o sustituidas. Sus etiquetas son: <del> y </del> (ambas obligatorias).
    Crea una caja: a veces en línea a veces en bloque
    Ejemplo
    <p> El agua es insípida <del>y húmeda. </del> <ins>inodora e incolora. </ins> </p

    <dt></dt>
    Sintaxis
    <dt>descripción de definiciones de un elemento</dt>

    Definición
    especifica un término en una descripción o lista de definiciones, y como tal debe
    utilizarse dentro de un elemento <dl> Es usualmente seguido por un elemento <dd>; sin
    embargo, múltiples elementos <dt> en un renglón indican diferentes términos.

    ejemplo
    <dt>Firefox</dt> <dt>Mozilla Firefox</dt> <dt>Fx</dt>

    <footer></footer>
    Sintaxis
    <footer>pie de pagina de el elemento de seccion</footer>

    definicion
    representa un pie de página para el contenido de sección más cercano o el elemento
    raíz de sección.

    ejemplo
    <footer> <H6>ENCUENTRANOS EN INSTRAGRAM, SI SON CAPAZ
    JAJAJAJAJAJA</H6> </footer>

    <hr></hr>
    Sintaxis
    <hr>cambio de escena de una historia</hr>

    definicion
    representa un cambio de tema entre párrafos (por ejemplo, un cambio de escena en una
    historia, un cambio de tema en una sección). En versiones previas
    de HTML representaba una línea horizontal.

    ejemplo
    <a href="URL">Hypervínculo</a>

    <ins></ins>
    Sintaxis
    <ins>marco las partes del texto del documento</ins>

    definicion
    marca las partes de un texto que han sido añadidos al documento. Sus etiquetas son:
    <ins> e </ins> (ambas obligatorias). Crea una caja: a veces en linea a veces en bloque.

    Ejemplo
    <p>My favorite color is <del>blue</del> <ins>red</ins>!</p

    <link></link>
    Sintaxis
    <link>relación del documento actual</link>

    definicion
    especifica la relación entre el documento actual y un recurso externo. Los usos posibles
    de este elemento incluyen la definición de un marco relacional para navegación. Este
    elemento es más frecuentemente usado para enlazar hojas de estilos.
    ejemplo
    <link href=”valor URL”></link>

    <nav></nav>
    Sintaxis
    <nav>pagina para proporcionar enlace de navegacion</nav>
    Definición
    representa una sección de una página cuyo propósito es proporcionar enlaces de navegación,
    ya sea dentro del documento actual o a otros documentos.
    Ejemplo
    <nav class="menu">
    <ul>
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Sobre nosotros</a></li>
    <li><a href="#">Contacto</a></li>
    </ul>
    </nav>
    <output></output>
    Sintaxis
    <output> valores de resultados que se desean mostrar </output>

    definición
    se usa para marcar el resultado de un cálculo o de una acción del usuario. El ejemplo clásico es
    el de una calculadora de sumas donde introduciendo el valor en dos campos nos da el valor de
    la suma

    ejemplo
    <p>Base: <input type="number" id="base" value="0" min="0" max="30"></p>

    <p>Exponente: <input type="number" id="exponente" value="0" min="0" max="30"></p>

    <p><input type="button" value="Calcular" onclick="mostrarPotencia()"></p>

    <p>Resultado: <output id="potencia" for="base exponente"></output></p>

    <rp></rp>
    Sintaxis
    <rp>definicion del elemento que se va a mostrar</rp>
    Definicion
    se utiliza en las anotaciones de rubí para definir el contenido del navegador no soporta el
    elemento de rubí se muestra

    ejemplo
    <ruby> 漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt> </ruby>

    <section></section>
    Sintaxis
    <section>represento documento para determinar el esquema</section>
    definición
    representa una sección genérica de un documento. Sirve para determinar qué contenido
    corresponde a qué parte de un esquema
    ejemplo
    <h1>El extraño interior</h1> <section> <h2>Introducción</h2> <p>Boris era un hombre muy
    solitario...</p> </section> <section> <h2>Un blanco fácil</h2> <p>Las contradicciones seguían creciendo
    en su mente...</p> </section> <section> <h2>A nadie le importa</h2> <p>Pasando desapercibido, Boris
    intentaba comprender a las personas que transitaban a su lado...</p> </section>

    <style></style>

    Sintaxis

    <style>ver la información del estilo</style>

    Definicion

    Es el elemento encargado de indicar la información de estilo. Sus etiquetas son: <style> y


    </style> (ambas obligatorias).
    Ejemplo
    <style type="text/css"> p {color: red; } </style> <p> Texto en rojo </p>

    <td></td>

    Sintaxis

    <td>definir la celda del dato indicado</td>

    Definicion

    define la celda de una tabla que contiene datos. Esta participa en el modelo de tablas.
    Ejemplo

    <title></title>

    Sintaxis

    <title>escribe tiulo para el documento</title>

    Definicion

    provee un título o nombre para el documento

    ejemplo

    <title>Introducción a HTML</title> <title>Configuración de texto y color con HTML y CSS</title>

    <wbr></wbr>

    Sintaxis

    <wbr>saltar linea del texto</wbr>

    Definicion

    representa una posición dentro del texto donde el explorador puede opcionalmente saltar una línea

    ejemplo

    <div dir=rtl>123,<wbr>456</div>

    También podría gustarte