Programando HTML Paso A Paso 2

Clase 07
Algoritmos (Año 2021)

Página 1 de 13
Doc006-Programando
Materia: Laboratorio de Algoritmos y
Año: 2021 HTML paso a paso-02Tablón Trabajo de clase Personas
Curso: 4to de Datos
Estructura
Profesor: Claudio
año
Programación HTML paso a
Chapela
En el último texto vimos la estructura de un programa
paso-02
como seguramente recuerdan, es el acrónimo de
o bien, Lenguaje
escrito en HTML que,de Marcas de Hipertexto. Un programa
estructura
HyperText que se compone
Markup Language,de un
Todos los tiene
en html temas una
<!DOCTYPE
head y de<html
un body:
<head>
html>
<meta
lang="es">
<title>Titulo
</head>
charset="UTF-
<body>
Ver tu trabajo de la
</body>
8">
</html>
página</title>
Etiquetas
Las etiquetas son palabras clave que el navegador
ellas. Todas las etiquetas, salvo excepciones, tienen un
Conceptos de 5to año-Objetos
dentro contiene
interpretara
mostraremos
comienzo y unde
página que
y harátexto
algoque
cierre y
conserá el contenido de nuestra
Para consultar todas las etiquetas que existen,
diversas
en el formas.
encontrara mucha https://www.w3schools.com/tags/default.asp
información
link:
Ahora vamos a mencionar algunas etiquetas para
Pres002-Programacion Orientada a … Publicado: 2 dic 2021
Etiqueta
comenzar a trabajar:
Permite hacer comentarios sin que estos

Define el tipo de documento, para
<!DOCTYPE>
<!DOCTYPE html>
nuestro caso html.
<html>
<head>
<title>Title of the
</head>
document</title>
<body>
Exámenes The content of the
</body>
</html>
document......
Exa001-Guia de Preguntas de Examen Publicado: 31 ago 2021

Página 2 de 13
Doc006-Programando
Año: 2021 HTML paso a paso-02
Curso: 4to de Datos
Estructura
Profesor: Claudio
año
Etiqueta
Chapela
Clases
Define un enlace o link el cual será utilizado para enlazar
<a>
En el comienzo de la etiqueta se coloca el atributo
dirección que a otra.
de una página
href=” ” cuyo valor ser la
<a href="https://www.google.com">Enlace
enlazaremos.
google</a>
a la página de
También podemos llamar a otra página nuestra.
Clase
la carpeta del 02-11-2021
C:\programacion creada la página Publicado: 2 nov 2021
enlazar
Supongamoscon suque tenemos en
informacion.html, tendremos que
<a href="c:\programacion\informacion.html">N
ubicación, ej
información</a>
página de
Podemos saltar o enlazarnos a bloques internos dentro
Clase del
identificándolos con01-07-2021
el atributo id de Publicado: 1 jul 2021
de nuestra pagina
la siguiente
<a href="#parrafo1">El
forma:
Y más abajo en nuestro body tendremos nuestro párrafo
condor</a>
cóndor por
con información
Clase del22-06-2021
del Publicado: 22 jun 2021
<p id="parrafo1"
ejemplo: > El cóndor
simplemente cóndor (Vultur gryphus)es
la familia Cathartidae
andino, cóndor que habita
de los Andes o
una especie de ave de
Podemos colocar al final de la informacion del condor
en América del
regresar al principio Sur. </p>
con un texto
Clase
otra etiqueta
<a
a del
que diga Volver :
para 08-06-2021 Publicado: 8 jun 2021
href="#">Volver</a>
Etiqueta:
Lo que se coloca dentro figura como título de nuestra
<title>
superior Clase del 03-06-2021
página en la solapa Publicado: 3 jun 2021
<title>Documento
Clase 07
Clase del 01-06-2021 Publicado: 1 jun 2021
Página 1 de 13
Doc006-Programando
Clase del
Año: 2021 HTML11-05-2021 Tablón
paso a paso-02 Trabajo de clase Personas Publicado: 11 may 2021
Curso: 4to de Datos
Estructura
Profesor: Claudio
año
Chapela
paso-02
como seguramente
Clase del recuerdan, es el acrónimo de
27-04-2021 Publicado: 27 abr 2021
o bien, Lenguaje
escrito en HTML que,de Marcas de Hipertexto. Un programa
estructura
HyperText Markup Language,de un
que se compone
en html tiene una
<!DOCTYPE
head y de<html
un body:
<head>
html>
<meta
lang="es">
Clase del 22-04-2021
<title>Titulo
</head> Publicado: 22 abr 2021
charset="UTF-
<body>
de la
</body>
8">
</html>
página</title>
Etiquetas
Clase del 20-04-2021 Publicado: 22 abr 2021
Las etiquetas son palabras clave que el navegador
dentro contiene
interpretara y harátexto
algoque
mostraremos
comienzo y unde cierre y
página
Para que
consultar todas las etiquetas que existen,
diversas
en el formas. Ver más
encontrara mucha https://www.w3schools.com/tags/default.asp
información
link:
Etiqueta
<!--...--
contenido de la
Ejercitación
página
Etiqueta
<!DOCTYPE>
<!DOCTYPE html>
nuestro caso html.
<html>
Ejerc009-Variedades y Formularios
<head> Publicado: 30 sept 2021
<title>Title of the
</head>
document</title>
<body>
The content of the
</body>
Ejerc008-Variedades-06-matrices
</html>
document...... Publicado: 24 jun 2021
Ejerc007-Variedades-05-matrices Publicado: 17 jun 2021

Página 2 de 13
Doc006-Programando
Curso: Ejerc006-Variedades-04
4to de Datos
Estructura
Profesor: Claudio Publicado: 23 sept 2021
año
Etiqueta
Chapela
<a>
de unaEjerc005-Variedades-03-Desafio
página
Fa… Publicado: 14 may 2021
enlazaremos.
google</a>
a la página de
la carpeta C:\programacion creada la página
enlazar con suque tenemos en
Ejerc004-Variedades-02
Supongamos Publicado: 11 may 2021
ubicación, ej
información</a>
página de
identificándolos con el atributo id de
Ejerc003-Variedades-01
de nuestra pagina Publicado: 11 may 2021
la siguiente
forma:
condor</a>
cóndor por
con información del
<p id="parrafo1" > El cóndor
ejemplo:
Ejerc002-Contadores
simplemente cóndor (Vultur y Acumuladores
gryphus)es Publicado: 14 may 2021
de los Andes o
en América del
con un texto
otra etiqueta a para
<a
que diga Volver :
Ejerc001-Estructuras de control y cic… Publicado: 13 abr 2021
href="#">Volver</a>
Etiqueta:
<title>
superior
página en la solapa
<title>Documento
Clase 07
Presentaciones
Página 1 de 13
Doc006-Programando
Año: 2021
Pres005-Division
HTML paso a paso-02Tablón y factorial
modulo Trabajo de clase Personas Publicado: 1 jun 2021
Curso: 4to de Datos
Estructura
Profesor: Claudio
año
Chapela
paso-02
o bien,Pres004-Algo
escrito Lenguaje de Marcasde
en HTML que, de Máximos Mínimos
Hipertexto. Un programa y… Publicado: 11 may 2021
estructura que se compone
en html tiene una
<!DOCTYPE
head y de<html
un body:
<head>
html>
<meta
lang="es">
<title>Titulo
Pres003-Algoritmos de ordenam…
</head> 1 Publicado: 22 abr 2021
charset="UTF-
<body>
de la
</body>
8">
</html>
página</title>
Etiquetas
Pres002-Contadores
Las etiquetas son palabras clave queAcumuladores
el navegador Publicado: 22 abr 2021
dentro contiene
algoque
mostraremos
página
Para que
diversas
en el formas.
Pres001-Presentacion
encontrara de la mate…
https://www.w3schools.com/tags/default.asp
mucha información 3 Publicado: 9 mar 2021
link:
Etiqueta
<!--...--
contenido de la
página
Documentos
Etiqueta
<!DOCTYPE>
<!DOCTYPE html>
nuestro caso html.
<html>
<head>
<title>Title of the
</head>
Doc012-Programando HTML
document</title> y JavaS… Publicado: 28 sept 2021
<body>
The content of the
</body>
</html>
document......
Doc011-Programando HTML y JavaSc… Publicado: 17 jun 2021
Página 2 de 13
Doc010-Programando
Doc006-ProgramandoHTML y JavaS… Publicado: 20 may 2021
Curso: 4to de Datos
Estructura
Profesor: Claudio
año
Etiqueta
Chapela Doc009-Programando HTML y JavaS… Publicado: 13 abr 2021
<a>
de una página
enlazaremos.
google</a>
Doc008-Programando
a la página de estructuras y … Publicado: 30 mar 2021
enlazar
ubicación, ej
información</a>
Doc007-Programando HTML y CSS Publicado: 30 mar 2021
página de
de nuestra pagina
la siguiente
forma:
Y más abajo en nuestro body tendremos
Doc006-Programando
condor</a> nuestro
HTML párrafo
paso a… Publicado: 25 mar 2021
cóndor por
ejemplo:
de los Andes o
Podemos colocar al final de la informacion
Doc005-Diagrama
en América del
con un texto
de flujodel condor Publicado: 18 mar 2021
<a
que diga Volver :
href="#">Volver</a>
Etiqueta:
Lo queDoc004-Programando paso
se coloca dentro figura como título
<title> deanuestra
paso-01 Publicado: 17 mar 2021
superior
<title>Documento
ClaseDoc003-IntroducciónHTML
07 Publicado: 17 mar 2021
Página 1 de 13 Ver más
Doc006-Programando
Año: 2021 HTML paso a paso-02Tablón Trabajo de clase Personas
Curso: 4to de Datos
Estructura
Profesor: Claudio
año
Chapela
paso-02
Actividades-Tareas
o bien, Lenguaje
escrito en HTML que,
estructura
de Marcas de Hipertexto. Un programa
que se compone
en html tiene una
<!DOCTYPE
head y de<html
un body:
<head>
html>
<meta
lang="es">
<title>Titulo
Tarea006-Pagina
</head>
charset="UTF-
<body>
enciclopédica Fecha de entrega: 30 oc…
de la
</body>
8">
</html>
página</title>
Etiquetas
Tarea005-Programando
Las etiquetas JavaScript y…
son palabras clave que el navegador Fecha de entrega: 20 jun…
dentro contiene
algoque
mostraremos
página
Para que
diversas
en el formas.
encontrara mucha información en html
https://www.w3schools.com/tags/default.asp Fecha de entrega: 25 jun…
link:
Etiqueta
<!--...--
contenido de la
JavaScript-01 Fecha de entrega: 26 ab…
página
Etiqueta
<!DOCTYPE>
Tarea002-Diagrama
<!DOCTYPE html>
nuestro caso html. de Flujo Fecha de entrega: 2 abr …
<html>
<head>
<title>Title of the
</head>
document</title>
<body>
Tarea001-algoritmos
The content of the y seudocódigo Fecha de entrega: 22 m…
</body>
</html>
document......
Página 2 de 13
Doc006-Programando
Curso: 4to de Datos
Estructura
Profesor: Claudio
año
Etiqueta
Chapela
<a>
de una página
enlazaremos.
google</a>
a la página de
enlazar
ubicación, ej
información</a>
página de
de nuestra pagina
la siguiente
forma:
condor</a>
cóndor por
ejemplo:
de los Andes o
en América del
con un texto
<a
que diga Volver :
href="#">Volver</a>
Etiqueta:
<title>
superior
<title>Documento

Programando HTML Paso A Paso 2

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Programando HTML Paso A Paso 2

Cargado por

Copyright:

Formatos disponibles

Clase 07

Algoritmos (Año 2021)

Exa001-Guia de Preguntas de Examen Publicado: 31 ago 2021

Ejerc007-Variedades-05-matrices Publicado: 17 jun 2021

Doc011-Programando HTML y JavaSc… Publicado: 17 jun 2021

También podría gustarte