Search Header Logo
DETALLAR ESTRUCTURA TÉCNICA

DETALLAR ESTRUCTURA TÉCNICA

Assessment

Presentation

Computers

10th Grade

Hard

Created by

Johana Echavarria

FREE Resource

38 Slides • 14 Questions

1

DETALLAR ESTRUCTURA TÉCNICA

HTML

Slide image

2

Slide image

3

INTRODUCCIÓN

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.


El HTML es un lenguaje de marcación de elementos para la creación de documentos de hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web.

4

HTML

Este lenguaje se escribe en un documento de texto, por eso necesitamos un editor de textos para escribir una página web. Así pues, el archivo donde está contenido el código HTML es un archivo de texto, con una peculiaridad, que tiene extensión .html


De modo que cuando programemos en HTML lo haremos con un editor de textos, lo más sencillo posible y guardaremos nuestros trabajos con extensión .html, por ejemplo mipagina.html

5

¿ Qué es HTML?

HTML, siglas en inglés de HyperText Markup Language. Es un lenguaje de marcado que básicamente se encarga de la estructura de una página web, es decir indica el orden que debe llevar el contenido del documento.

Slide image

6

¿Cuáles son las etiquetas básicas para crear un documento HTML?

Para crear un documento HTML sencillo o básico debe tener tres elementos contenedores y una etiqueta:

Slide image

7

Slide image

VIdeo: https://www.youtube.com/watch?v=10GHKjgQIR0&ab_channel=BitechStudio

8


<!DOCTYPE html>Indica de que tipo es el documento y/o la versión, ya que puede ser HTML o XML y siempre va al principio de la página.

<html>: Es un elemento que agrupa todo el contenido del documento, menos la etiqueta !DOCTYPE.

<head>: Es usado como encabezado en el podemos poner la caja de búsqueda, el logo, un titulo entre otros, aunque también incluye información que el usuario no llega a ver.

<body>: Es el cuerpo de la página, en el podemos visualizar todo el contenido que tenemos para ofrecer de nuestra web, como ser imágenes, enlaces, videos, colores y tamaño de el texto, el texto como tal, etc.

9

Datos extra:

  • Un documento HTML tiene la siguiente extensión .html o .htm.

  • Podemos crear nuestro documento en cualquier editor de texto como el Bloc de notas en Windows. el programa SublimeText y de manera online con repl.it

  • No podemos olvidar que después de ponerle nombre a nuestro archivo debemos agregarle la extensión .html

10

ESTRUCTURA SEMÁNTICA DE UNA PÁGINA EN HTML5

11

¿Qué son las etiquetas HTML?

Las etiquetas son marcas que pueden resaltar o destacar una parte del texto dentro del código o agrupar contenido de este mismo, para ir formando la estructura de la pagina, lo cual genera orden.


Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >

12

EJEMPLO:

Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /.


Ej.: <b>Esto está en Negrita</b>

Slide image

13

Slide image

14

Slide image

15

Slide image

16

Etiquetas HTML básicas

  • <body> para el contenido

  • <head> para información sobre el documento

  • <div> división dentro del contenido

  • <a> para enlaces

  • <strong> para poner el texto en negrita

  • <br> para saltos de línea

  • <H1>…<H1> para títulos, va desde H1 hasta H6

Slide image

17

Etiquetas HTML básicas

  • <img> para añadir imágenes al documento

  • <ol> para listas ordenadas

  • <ul> para listas desordenadas

  • <li> para elementos dentro de la lista

  • <p> para parágrafos

Slide image

18

Slide image

19

Slide image

20

Slide image

21

Slide image

22

Slide image

23

Slide image

24

Slide image

25

Slide image

26

Slide image

27

Slide image

28

Slide image

29

Slide image

30

Slide image

31

Slide image

32

Slide image

33

Slide image

34

Slide image

35

Slide image

36

Slide image

37

Slide image

38

Multiple Choice

  1. ¿Qué significa HTML?

1

Lenguaje de material de hiperweb

2

History Totaly MyWeb Lenguage

3

HyperText Markup Language

4

List Mist Text Hi

39

Multiple Choice

2. ¿Cuál de las siguientes etiquetas permite agregar párrafos a mi página Web?

1

<p>

2

<Font color>

3

<br>

4

<img>

40

Multiple Choice

3 ¿Cuál de las siguientes etiquetas me permite agregar contenido a mi página Web?

1

<Title>

2

<Body>

3

<Img>

4

<H1>

41

Multiple Choice

4. ¿Cuál de las siguientes etiquetas permite cambiar el tipo de letra en la página Web?

1

<Font Size>

2

<Font Color>

3

<Font Face>

4

Ninguna

42

Multiple Choice

5. ¿Qué es una etiqueta?

1

Es una marca

2

Es una orden

3

Es una nota

4

Todas las anteriores

43

Multiple Choice

6. Como se guarda un archivo Html

1

tu nombre y .doc

2

nombre del grupo y .com

3

No importa el nombre solo al final .html

4

no importa el nombre y .xls

44

Multiple Choice

7. La etiqueta utilizada para definir los títulos es:

1

<marquee> </marquee>j

2

<h1> <h2> <h3> <h4> <h5> y <h6>

3

<p> </p>

4

<li></li>

45

Multiple Choice

8. Estructura básica de un documento html

1

<html>

<head>

<title> titulo pagina </title>

elementos de cabecera

</head>

<body>

contenido del documento

2

<head>

<title> titulo pagina </title>

elementos de cabecera

</head>

<body>

contenido del documento

</body>

3

<html>

<head>

<title> titulo pagina </title>

elementos de cabecera

</head>

<body>

contenido del documento

</body>

</html>

46

Multiple Choice

Question image

9. ¿Cual es la etiqueta que permite la insercion de enlaces?

1

<b>

2

<href>

3

<a>

4

<p>

47

Multiple Choice

10 . Con que etiqueta puedo agregar un titulo

1

<inicio>

2

<titulo>

3

<head>

4

<title>

48

Multiple Choice

11. El contenido de una página web, puede ser:

1

Imágenes y Vídeos.

2

Imágenes, Texto, Vídeos, Audio, etc.

3

Es mejor sólo imágenes y texto.

4

Todos los anteriores son correctos.

49

Multiple Choice

12 . ¿Qué etiqueta define una lista ordenada?

1

<ol>

2

<ul>

3

<li>

50

Multiple Choice

13. ¿Cuál es la extensión con la que se debe guardar el archivo de página web?

1

.hmlt

2

.mlth

3

.htlm

4

.html

51

Multiple Choice

14 . Si quiero dar el color rojo de fondo a una página web

1

< bg color = "rojo" >

2

<body bgcolor="blue">

3

<body bgcolor="rojo">

4

<body bgcolor="red">

52

Slide image

DETALLAR ESTRUCTURA TÉCNICA

HTML

Slide image

Show answer

Auto Play

Slide 1 / 52

SLIDE