Pract07 2023 Inf e Int MA

I.E.S.”FCO.
DE PAULA GONZÁLES VIGIL”/MECATRÓNICA AUTOMOTRIZ
APLICACIÓN PRÁCTICA N°07 DE INFORMÁTICA E INTERNET

SESIÓN DE APRENDIZAJE
Fundamentos de gestión y desarrollo web.
CONTENIDOS BÁSICOS
Páginas web.
HTML
DEFINICIÓN
HTML (HyperText Markup Language - lenguaje de marcas de hipertexto) es un lenguaje de marcado que se
usa para crear documentos que se pueden ver o distribuir por Internet
ESTRUCTURA BÁSICA
PRINCIPALES ETIQUETAS EN THML

Etiqueta Descripción Atributos
<b> Texto en negrita –
<i> Texto cursiva –
<u> Texto subrayado –
<center> Centrado –
<p> Define un párrafo align
Define encabezados de distintos

<h1> – <h6> align
tamaños
href, target, download, rel, type,

<a> Define un enlace
hreflang, accesskey, tabindex
<u> Define texto subrayado –
<address> Define información de contacto –
<br> Salto de línea –
Cambio de temática a partir de una

<hr> –
línea dibujada
1 Ing. GUADALUPE CHOQUE CHOQUE

I.E.S.”FCO. DE PAULA GONZÁLES VIGIL”/MECATRÓNICA AUTOMOTRIZ
Etiqueta Descripción Atributos
<ul> Una lista desordenada. type, start, reversed
<ol> Una lista ordenada. type, start, reversed
Un elemento de lista dentro de una lista

<li> value
desordenada u ordenada.
<table> Crea una tabla border, cellpadding, cellspacing, width
Define una celda de encabezado en una

<th> colspan, rowspan
tabla
<tr> Define una fila en una tabla –
<td> Define una celda en una tabla colspan, rowspan
Permite incluir imágenes en el

<img> src, alt, width, height
contenido de una página
APLICACIONES
EJEMPLO 01
1. Abra el editor Bloc de Notas y digite la siguiente aplicación:
<html>
<head>
<title>Ejemplo01</title>
</head>
<body>
<center><h1>INTRODUCCIÓN A HTML</h1></center>
</body>
</html>
2. Grabe el archivo con el nombre de ejemplo01.html

3. Abra el archivo desde un navegador para obtener la siguiente salida:
EJEMPLO 02
1. En el Bloc de Notas digite la siguiente aplicación:

<html>
<head>
<title>Ejemplo02</title>
</head>
<body>
<center><h1><font color="red">INTRODUCCIÓN A INTERNET</font></h1></center>
<p align="justify">Se dice que el origen de Internet se debe gracias a un proyecto militar desarrollado
por ARPANET (Advanced Research Proyects Agency Networks), una red de computadoras del
ministerio de defensa de los Estados Unidos que buscaba como fin crear una red de computadoras
que uniera a los centros de investigación de defensa en caso de ataques para mantener contacto
remotamente y no se interrumpiese su funcionamiento a pesar de que alguno de sus nodos fuera
destruido. De todas formas, su propósito inicial era encontrarle a la computadora otros usos además
del de calculador.</p>
<center><img src="imagen1.jpg" width=400 height=300></center>
<p align="justify">En 1989, se hizo una primera propuesta de usar computadoras y enlaces para crear
una red, posteriormente conocido como WWW (World Wide Web) que refiere a un conjunto de
normas que permite la consulta de archivos de hipertexto (http).
<br>
Sir Timothy Berners-Lee, un ingeniero británico, realizó la inicial propuesta para WWW en ese año y
posteriormente, mediante la implementación de http consiguió la primera comunicación exitosa.
</p>
</body>
</html>

3. Abra el archivo desde un navegador.
EJEMPLO 03
1. En el Bloc de Notas digite la siguiente aplicación:
<html>
<head><title>Ejemplo 03</title></head>
<body>
<center><h1>HORARIO</h1>
<table border =1>
<tr>
<th>Hora</th>
<th>Lunes</th>
<th>Martes</th>
<th>Miercoles</th>
<th>Jueves</th>
<th>Viernes</th>
</tr>
<tr>
<td><CENTER>8:00 - 9:00<CENTER></td>
<td><CENTER>DCD</CENTER></td>
<td>MATEMÁTICA BÁS</td>
<td>MATEMÁTICA I</td>
<td>DES.PERS.Y LID</td>
<td>MATEMÁTICA BÁS.</td>
</tr>
<tr>
<td><CENTER>9:00 - 10:00<CENTER></td>
<td>MATEMÁTICA BÁS</td>
<td>DES.PERS.Y LID.</td>
</tr>
<tr>
<td>10:00 - 11:00</td>
<td><CENTER>COMUNICACIÓN</CENTER</td>
<td>DES.PERS.Y LID.</td>
</tr>
<tr>
<td>11:00 - 12:00</td>
<td>DES.PERS.Y LID</td>
</tr>
</center>
</table>
</body>
</html>

3. Abra el archivo desde un navegador. ¿Cuál es la salida?
Tacna, junio del 2023

Pract07 2023 Inf e Int MA

Cargado por

Información del documento

Descripción 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

Pract07 2023 Inf e Int MA

Cargado por

Copyright:

Formatos disponibles

I.E.S.”FCO.

DE PAULA GONZÁLES VIGIL”/MECATRÓNICA AUTOMOTRIZ

APLICACIÓN PRÁCTICA N°07 DE INFORMÁTICA E INTERNET

PRINCIPALES ETIQUETAS EN THML

<b> Texto en negrita –

<i> Texto cursiva –

<u> Texto subrayado –

<p> Define un párrafo align

Define encabezados de distintos

href, target, download, rel, type,

<u> Define texto subrayado –

<address> Define información de contacto –

<br> Salto de línea –

Cambio de temática a partir de una

1 Ing. GUADALUPE CHOQUE CHOQUE

Etiqueta Descripción Atributos

<ul> Una lista desordenada. type, start, reversed

<ol> Una lista ordenada. type, start, reversed

Un elemento de lista dentro de una lista

<table> Crea una tabla border, cellpadding, cellspacing, width

Define una celda de encabezado en una

<tr> Define una fila en una tabla –

<td> Define una celda en una tabla colspan, rowspan

Permite incluir imágenes en el

2. Grabe el archivo con el nombre de ejemplo01.html

2 Ing. GUADALUPE CHOQUE CHOQUE

2. Grabe el archivo con el nombre de ejemplo02.html

2. Grabe el archivo con el nombre de ejemplo02.html

4 Ing. GUADALUPE CHOQUE CHOQUE

También podría gustarte