DETALLAR ESTRUCTURA TÉCNICA

Presentation

•

Computers

•

10th Grade

•

Hard

Johana Echavarria

FREE Resource

38 Slides • 14 Questions

DETALLAR ESTRUCTURA TÉCNICA

HTML

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.

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

¿ 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.

¿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:

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

<!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.

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

ESTRUCTURA SEMÁNTICA DE UNA PÁGINA EN HTML5

¿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 >

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>

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

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

Multiple Choice

¿Qué significa HTML?

Lenguaje de material de hiperweb

History Totaly MyWeb Lenguage

HyperText Markup Language

List Mist Text Hi

Multiple Choice

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

<p>

<br>

<img>

Multiple Choice

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

<Title>

<Body>

<Img>

<H1>

Multiple Choice

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

Ninguna

Multiple Choice

5. ¿Qué es una etiqueta?

Es una marca

Es una orden

Es una nota

Todas las anteriores

Multiple Choice

6. Como se guarda un archivo Html

tu nombre y .doc

nombre del grupo y .com

No importa el nombre solo al final .html

no importa el nombre y .xls

Multiple Choice

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

<marquee> </marquee>j

Multiple Choice

8. Estructura básica de un documento html

<html>

<head>

<title> titulo pagina </title>

elementos de cabecera

</head>

<body>

contenido del documento

<head>

<title> titulo pagina </title>

elementos de cabecera

</head>

<body>

contenido del documento

</body>

<html>

<head>

<title> titulo pagina </title>

elementos de cabecera

</head>

<body>

contenido del documento

</body>

</html>

Multiple Choice

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

<b>

<href>

<a>

<p>

Multiple Choice

10 . Con que etiqueta puedo agregar un titulo

<head>

<title>

Multiple Choice

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

Imágenes y Vídeos.

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

Es mejor sólo imágenes y texto.

Todos los anteriores son correctos.

Multiple Choice

12 . ¿Qué etiqueta define una lista ordenada?

<ol>

<ul>

<li>

Multiple Choice

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

.hmlt

.mlth

.htlm

.html

Multiple Choice

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

< bg color = "rojo" >

DETALLAR ESTRUCTURA TÉCNICA

HTML

Show answer

Auto Play

Slide 1 / 52

SLIDE

Similar Resources on Wayground

47 questions

Exterior Angle Theorem

Presentation

•

10th Grade

48 questions

UD 6: Intervenció en activitats d'orientació i mobilitat

Presentation

•

46 questions

Module 41 Lesson

Presentation

•

10th Grade

49 questions

Дефиниране, предефиниране и използване на методи

Presentation

•

10th Grade

42 questions

Software -> System Software

Presentation

•

10th Grade

46 questions

Bài 11: KIỂU MẢNG

Presentation

•

11th Grade

48 questions

F1 U5 Les animaux domestiques de mon frère

Presentation

•

10th Grade

47 questions

6.3 Comparing Function Characteristics RECAP

Presentation

•

Popular Resources on Wayground

10 questions

HCS SCI 03 Summer School Assessment 1

Quiz

•

3rd Grade

15 questions

HCS SCI 05 Summer School Assessment 1 Review

Quiz

•

5th Grade

22 questions

Day 9 Equations and Inequalities Review

Quiz

•

9th Grade

10 questions

Writing and Identifying Ratios Practice

Quiz

•

5th - 6th Grade

7 questions

PYRAMID PERSPECTIVES part 1

Presentation

•

9th - 12th Grade

12 questions

Understanding the Fourth of July

Quiz

•

9th Grade

15 questions

Soccer World Cup Quiz Questions

Quiz

•

7th Grade

Discover more resources for Computers

7 questions

PYRAMID PERSPECTIVES part 1

Presentation

•

9th - 12th Grade