Scribd
Cargar
11 vistas3 páginas

INFORMATICA

HTML es el lenguaje que define el contenido de las páginas web y consiste en etiquetas que estructuran el texto, imágenes y otros elementos de una página. El documento explica etiquetas comunes como <html>, <head>, <body>, <p> y <img> y cómo los atributos como class, id, src y href personalizan el comportamiento de los elementos.

Cargado por

Sanchez Ocaña Guadalupe Mayrani
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
11 vistas3 páginas

INFORMATICA

HTML es el lenguaje que define el contenido de las páginas web y consiste en etiquetas que estructuran el texto, imágenes y otros elementos de una página. El documento explica etiquetas comunes como <html>, <head>, <body>, <p> y <img> y cómo los atributos como class, id, src y href personalizan el comportamiento de los elementos.

Cargado por

Sanchez Ocaña Guadalupe Mayrani
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

¿QUE ES?

HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata
de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán
una página web, como imágenes, listas, vídeos, etc.

HTML no es un lenguaje de programación; es un lenguaje de marcado que define la estructura de


tu contenido. HTML consiste en una serie de elementos que usarás para encerrar diferentes
partes del contenido para que se vean o comporten de una determinada manera.

ETIQUETAS
Las etiquetas HTML son elementos fundamentales para estructurar y dar formato al contenido
de una página web. Algunas etiquetas comunes incluyen:

1. <html>: Define el inicio y el final del documento HTML.

2. <head>: Contiene información sobre el documento, como metadatos, enlaces a hojas de estilo y
scripts.

3. <title>: Define el título del documento que se muestra en la pestaña del navegador.

4. <body>: Contiene el contenido visible de la página web.

5. <h1>, <h2>, <h3>, etc.: Encabezados de diferentes niveles, donde <h1> es el más importante y
<h6> el menos importante.

6. <p>: Define un párrafo de texto.

7. <a>: Define un enlace a otra página web o recurso.

8. <img>: Inserta una imagen en la página.

9. <ul>: Define una lista sin orden.

10. <ol>: Define una lista ordenada.

11. <li>: Define un elemento de lista dentro de <ul> o <ol>.

12. <div>: Define una sección o contenedor genérico.

13. <span>: Define una sección en línea o un contenedor genérico para un pequeño fragmento de
contenido.

Estas son solo algunas de las etiquetas más comunes en HTML. Hay muchas otras etiquetas que
se utilizan para diferentes propósitos, como el diseño de tablas (<table>, <tr>, <td>), formularios
(<form>, <input>, <button>) y multimedia (<audio>, <video>). Cada etiqueta tiene su propio propósito
y atributos específicos que se pueden usar para personalizar su comportamiento y apariencia.
ATRIBUTOS
Los atributos HTML son palabras especiales que se utilizan dentro de la tag de apertura para
controlar el comportamiento del elemento. Los atributos HTML son un modificador de un tipo de
elemento HTML. Con ellos podemos identificar mejor un elemento, informar qué archivo debe
usar esa tag, indicar el tipo de campo de texto, etc...

Hay dos tipos de atributos en HTML, los globales que son aceptos por toda las etiquetas, como:
class, id, lang, style y algunos otros que puedes consultar en la documentación también hay
específicos que solo algunas etiquetas plantean, como, src, disabled, href, label,etc..

La estructura de un atributo es:

nombre = "valor"

Donde class es el nombre del atributo (como class, src, styled, id) y intro es el valor de ese
atributo.

Son los principales atributos:

class = "NombreClase"

Las clases son como la clasificación de una tag/elemento, de modo que en estilo CSS una etiqueta
específica o un conjunto de etiquetas. También es posible usar JavaScript para seleccionar una
tag específica.

HTML:

< h1 class="titulo">Submerge en Tecnologia < / p >

CSS (No te preocupes por css, puedes aprenderlo en el curso HTML5 y CSS3 parte 1: Mi
primera página web:

.titulo {

font-size: 21px;

color: #fff;

background: blue;

En el código superior, seleccionamos el css con el selector de clase usando un punto antes del
nombre de la clase (.class), y luego aplicamos un tamaño de fuente, color y color de fondo.

id = "NombreDold"

Identificar de forma unica en elemento en aquella pagina HTML. Se utiliza para identificar el
destino de enlaces, labels y otras funcionalidades en esto sentido
src = "Link o directorio de la midia"

Comúnmente usado para indicar a la tag qué archivo usará el medio. Recibe valores como links
(https://google.com/miimagen.jpeg) o el nombre de un archivo que incluye en el proyecto
(/miimagen.jpeg).

alt = "Texto alternativo"

El atributo alt proporciona información alternativa para una imagen si el usuario por alguna razón
no puede visualizarla (por una conexión lenta, un error en el atributo src o si el usuario usa un
lector de pantalla).

<img src="https://caelum-online-pub

href = "Url"

Para la tag <a> , el atributo href especifica la URL de la página a la que va el link.

<p>Haga click <a href="https://www

<img src = "https://i.ytimg.com/vi

lang = "Lenguaje"

El atributo lang especificado en el lenguaje del contenido de la tag.

Ejemplos comunes son "en" para inglés, "pt" para portugués, "fr" para francés y así para delante.

target = "blank"

Este atributo abre el link del documento en una nueva ventana o pestaña.

<p>Haga click <a href="https://www

También podría gustarte