Want to create interactive content? It’s easy in Genially!
Comandos HTML
Paola Larico Paredes
Created on January 15, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Audio tutorial
View
Pechakucha Presentation
View
Desktop Workspace
View
Decades Presentation
View
Psychology Presentation
View
Medical Dna Presentation
View
Geometric Project Presentation
Transcript
Comandos del lenguaje de páginas web de HTML
Autor/a: PAOLA LARICO PAREDES Fecha: 22 / 01 /2024
Índice
04. ¿Cuáles son sus comandos?
01. ¿Qué es el HTML?
02.¿Para qué se utiliza y sus navegadores?
05. Ejemplos de comandos 06.Ejemplos de la web
03. ¿Qu funciones tiene?
07. Bibliografía
01
¿Qué es el HTML?
El HTML , es un lenguaje de marcado que permite definir la estructura de nuestro documento mediante etiquetas.
Palabras clave
etiquetas, comandos , páginas webs.
02
¿Para qué se utiliza?En qué navegadores
Es el código , que se usa para desplegar y estructurar una página web y sus contenidos, pues es un lenguaje usado para crear páginas webs por medio de marcadores (tags) y atributos, que definen cómo el contenido va a ser presentado en un navegador web. Por ejemplo Google Chrome.
Generales
- El HTML describe la estructura básica de una página y organizar la forma en que se mostrará su contenido, además de que HTML permite incluir enlaces hacia otras páginas o documentos.
Específicos
- Su función específica es estructurar y desplegar una página web y sus contenidos.
- Además de todo esto las partes más importantes del código son las siguientes:
¿Qué funciones tiene?
03
Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
04
¿Cuáles son sus Comandos?
Algunos de sus comandos son los siguientes:
<title>
<head>
<!DOCTYPE> Esta tag de HTML determina el tipo de documento.
<html>
En la sección <head> se almacenan los metadatos del documento.
Con esta etiqueta, el documento se definirá como documento HTML.
Este comando contiene el título del documento, que además se mostrará en la barra de título del buscador
05
Ejemplos de comandos para estructura de documentos
<article>
<section>
<body>
<nav>
Con <section> puedes resumir los elementos en un grupo.
La sección de navegación de una web.
<body> es la sección principal y engloba todo el contenido que verás en el navegador.
<article> es la sección de contenido de una web.
5.1
Ejemplos comandos para estructura de documentos / ordenación de webs.
<p>
<h1> a <h6>
<header>
<footer>
<p> indica que se trata de un párrafo
Los titulares van en las distintas tags h. Cuanto menor sea la cifra, mayor será el encabezado..
<footer> define el pie de página de una web o una sección.
<header> define el encabezado de una web o una sección.
5.2
Ejemplos comandos para ordenación de webs / tipos de letra
<i>
<b>
<br>
<hr>
Poner en cursiva palabras sueltas, frases o párrafos.
Poner en negrita palabras sueltas, frases o párrafos
<hr> crea una línea divisoria física entre dos tipos de contenido
Con la tag HTML <br> se fuerza un salto de línea
5.3
Ejemplos comandos para tipos de letra
<sub>
<sup>
<u>
<s>
Con <sub> puedes escribir caracteres en subíndices, como el 2 de H2O.
Con la etiqueta <sup>, el carácter seleccionado será un superíndice, p. ej. 1o
El texto seleccionado estará tachado.
El fragmento seleccionado estará subrayado
5.4
Ejemplos comandos para resaltar y marcar párrafos
<q>
<blockquote>
<strong>
<em>
<blockquote> marca todo un párrafo como cita.
Con <q> puedes marcar citas dentro de un texto.
Con <em> puedes enfatizar fragmentos de texto
Usa <strong> para resaltar párrafos
5.6
Ejemplos comandos para insertar contenido multimedia en HTML
<audio>
<video>
<img>
<map>
Con <video> puedes añadir contenido en vídeo
<audio> te permite insertar un sonido.
Con <map> puedes insertar un mapa en un documento.
La tag HTML <img> indica una imagen
5.7
Ejemplos comandos para crear tablas y listas con tags HTML
<td> define una casilla de la tabla.
<tr>
<td>
<table>
<caption>
Las líneas de la tabla se etiquetan con <tr>.
<caption> define el título de la tabla
Con la etiqueta <table> creas una tabla
5.8
Ejemplos comandos para crear tablas y listas con tags HTML
<li> indica cada punto de la lista.
<ul>
<li>
<th>
<ol>
<ul> crea una lista con viñetas.
<ol> crea una lista con números ordinales
La celda del encabezado de una tabla se define mediante <th>
5.9
Ejemplos comandos para tags de HTML para formularios
<select> te permite crear una lista de opciones.
<button>
<select>
<form>
<input>
Con <button> puedes añadir un botón
<input> se utiliza para controlar lo que se escribe
<form> inserta un formulario
Ejemplo de la web
06
Escribe un titular genial
Captamos mejor el contenido visual. Este tipo de contenido está asociado a mecanismos cognitivos y psicológicos. Las cosas entran por los ojos, la primera imagen es la que cuenta. Asociamos el contenido visual con emociones.