Embed Size (px)
Citation preview
HTML
DEZEN VANESA 6TO DCM SISTEMAS MULTIMEDIALES ABIERTOS – REPASO TEÓRICO HTML5
Hola!!!! Como están??? Debido a la extensión de la cuarentena les dejo mas ejercicios para que realicen con la ayuda del apunte que tienen!
Los que aún no enviaron su práctica anterior, espero que lo hagan en estos días… demás está recordarles que todos las actividades formaran parte de sus notas…
Estas actividades deberán ser entregadas dentro de la semana que viene al email [email protected]
Les cuento que he creado esta nueva dirección para poder ver sus correos sin olvidar ninguno ya que el otro se encuentra abarrotado con los emails que me llegan de todos los profes para subir las actividades al aula virtual de la página!
Les pido disculpas si no contesto rápidamente, pero quédense tranquilos que todos los archivos van a tener devolución…
Las consultas realícenlas en el mismo email que les deje mas arriba!
Nota: por favor cuando envíen trabajos en el asunto del email pongan primero el curso en este caso 6to DCM luego el nombre de la materia SMA y luego su apellido. PORQUE SINO CORRO EL RIESGO DE NO IDENTIFICARLOS, YA QUE LLEGAN EMAIL DE TODOS LOS ESTUDIANTES ENVIANDO TRABAJOS.
EJ: 6DCM-SMA-APELLIDO
GRACIAS!!!!
A trabajar desde casa!! #yomequedoencasa
2
DEZEN VANESA 6TO DCM SISTEMAS MULTIMEDIALES ABIERTOS – REPASO TEÓRICO HTML5
PRÁCTICA 3
En este ejercicio, crearemos un documento HTML para iniciarnos con el tamaño de la fuente. Para profundizar
un poco más sobre lo que hemos visto en este tema, hemos utilizado también un encabezado y un efecto de
letra un poco peculiar.
1. La cabecera del documento junto con la etiqueta de apertura sería:
2. El cuerpo del documento quedaría como el siguiente:
3. Guardar como apellidoynombre-practica3.html
3
DEZEN VANESA 6TO DCM SISTEMAS MULTIMEDIALES ABIERTOS – REPASO TEÓRICO HTML5
PRÁCTICA 4:
Líneas Crearemos una página para practicar con líneas horizontales. Esta herramienta, junto con todas sus variedades, es
muy útil para dar un aspecto más profesional a nuestras páginas.
1. La cabecera del documento junto con la etiqueta de apertura sería:
2. El cuerpo del documento quedaría como el siguiente:
3. Guardar como apellidoynombre-practica4.html
4
DEZEN VANESA 6TO DCM SISTEMAS MULTIMEDIALES ABIERTOS – REPASO TEÓRICO HTML5
PRÁCTICA 5: Corrige los errores que presenta el código base que se te proporciona. También pueden existir
ciertas cosas que no están mal, pero que se pueden hacer mejor. Guardar como apellidoynombre-practica5.html
Código base<html><head><title>World Wide Web</title></head><body>
<h1>World Wide Web</h1>
<p>En informática, la <strong><em>World Wide Web</strong></em> (WWW) o Red informática mundial comúnmente conocida como la web, es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, videos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.</p>
<h3>Historia<h3>
<p>La web se desarrolló entre marzo de 1989 y diciembre de 1990 por el inglés Tim Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992.</p>
<p>Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares web (como los lenguajes de marcado con los que se crean las páginas web), y en los últimos años ha abogado por su visión de una web semántica.</p>
<p>Una frase famosa de Tim Berners-Lee es:</p>
<blockquote><p>There is only one web.</p></blockquote>
<p>Fuente: <em>Wikipedia</em></p>
</html>
5
DEZEN VANESA 6TO DCM SISTEMAS MULTIMEDIALES ABIERTOS – REPASO TEÓRICO HTML5
LISTAS ORDENADAS Y NO ORDENADASPara ampliar teoría siempre vayan al apunte que les envié a sus email en su momento.EJEMPLO 1: El siguiente código define una lista no ordenada y hace uso de atributos para la etiqueta <li>. Guarda el código como archivo html con el nombre ejemplo1listNOrdenada.html.
<html>
<head>
<title> Ejemplo del uso de listas </title>
</head>
<body>
<ul>
<li type="circle"> Esto es un tipo de punto. </li>
<li type="square"> Este es otro. </li>
<li type="disc"> Y este es otro diferente. </li>
</ul>
</body>
</html>
EJEMPLO 2: El siguiente código define una lista ordenada haciendo uso de atributos. Guarda el código como archivo html con el nombre ejemplo2listasOrdenadas.html.
<html>
<head>
<title> Ejemplo del uso de listas </title>
</head>
<body>
<ol>
<li> Línea 1 </li>
<li> Línea 2 </li>
<li> Línea 3 </li>
</ol>
</body>
</html>
6
DEZEN VANESA 6TO DCM SISTEMAS MULTIMEDIALES ABIERTOS – REPASO TEÓRICO HTML5
El atributo start nos permite indicar el número por el cual queremos que empiece la lista, ya que
por defecto las listas ordenadas en HTML empiezan por el número 1. <ol
start="numero"> ... </ol>
De esta forma, si queremos que la lista empiece por el número 5, escribiremos el siguiente
código:<ol start = ”5”>
<li> Línea 1 </li>
<li> Línea 2 </li>
<li> Línea 3 </li>
</ol>
De igual manera podemos indicar el tipo de lista ordenada en HTML que queremos representar.
Entre los tipos de listas que podemos representar tenemos:
1 - Listas decimales
a - Listas alfabéticas en minúsculas
A - Listas alfabéticas en mayúsculas
i - Listas de números romanos en minúsculas
I - Listas de números romanos en mayúsculas
Los valores indicados al principio son los que le podemos asignar al atributo type de la lista
ordenada en HTML. <ol type="tipo"> ... </ol>
Si queremos que nuestra lista aparezca ordenada mediante letras en mayúsculas escribimos lo
siguiente: <ol type=”A”>
<li> Línea 1 </li>
<li> Línea 2 </li>
<li> Línea 3 </li>
</ol>
7
DEZEN VANESA 6TO DCM SISTEMAS MULTIMEDIALES ABIERTOS – REPASO TEÓRICO HTML5
EJEMPLO 3: El siguiente código define una lista de definición. Guarda el código como archivo html con el nombre ejemplo2listasDefinicion.html.
<dl>
<dt>Término1</dt>
<dd>Definición 1</dd>
<dt>Término 2</dt>
<dd>Definición 2</dd>
<dt>Término N</dt>
<dd>Definición N</dd>
</dl>
PRÁCTICA LISTA ORDENADA, NO ORDENADA Y DE DEFINICIÓNPRÁCTICA 6: Generar distintos tipos de listas.
Una lista ordenada
Si su computadora no enciende, a continuación encontrará dos pasos para tratar de resolver este problema:
1. Asegúrese de que el cable eléctrico y/o el adaptador de corriente alterna esté firmemente conectado a la computadora. Para portátiles y mini portátiles, asegúrese de que el cable eléctrico esté completamente conectado al adaptador de corriente alterna.
2. Si está conectado a un protector de sobretensión, asegúrese de que este esté encendido.3. Pruebe una toma de corriente diferente.4. Para computadoras de mesa, compruebe el ajuste de voltaje de la fuente de poder (los
adaptadores de corriente alterna cambian automáticamente).
Si su computadora aún no enciende, puede consultar nuestro articulo cerca de ¿Cómo realizar un reseteo de poder en mi portátil?. Este artículo le mostrará como descargar residuos eléctricos que podrían causar que su computadora no encienda correctamente.
Si el problema persiste, su computadora podría necesitar reparación. Por favor, contacte Soporte de Acer.
Una lista sin ordenar
¿Cómo realizar un reseteo de poder en mi portátil?
Si la computadora no enciende, podría ayudar si se realiza un reseteo de poder (power reset). Esto descarga cualquier residuo eléctrico que podría prevenir que la portátil encienda correctamente.
8
DEZEN VANESA 6TO DCM SISTEMAS MULTIMEDIALES ABIERTOS – REPASO TEÓRICO HTML5
Desconecte el adaptador de corriente alterna de su portátil. Voltee su portátil para remover la batería. Deslice el bloqueador a la posición de desbloqueado y luego
sujete el apéndice de liberación. Mientras sujeta el apéndice de liberación remueva la batería.Nota: Existen dos apéndices que sujetan la batería en su lugar. Uno es el apéndice bloqueador y el otro es el apéndice de liberación.
Voltee la portátil y abra el panel. Oprima el botón de encendido por 30 segundos y deje de oprimir. Voltee nueva mente la portátil y reinserte la batería en su lugar. Deslice el apéndice bloqueador a la posición de bloqueado. Voltee la portátil por última vez y conecte el adaptador de corriente alterna. Encienda su portátil.
Si el problema persiste, por favor, contacte Soporte de Acer
Listas anidadas
Unoo Unoo Doso Tres
Dos Tres
9
