Utiliza lenguajes de programación
estructurada, para generar aplicaciones que sistematicen la solución de
problemas de su entorno y combina sus conocimientos con el manejo de
herramientas ofimáticas y virtuales.
Investiga
- ¿Cuál es la importancia de aprender a
programar?
- ¿Cuál es la importancia de los programadores?
- ¿Por qué es necesario programar?
- ¿Qué beneficios trae la programación?
- ¿Cuál es el objetivo de la programación?
¿Qué es una etiqueta HTML?
HTML es un markup language, lo que significa que está escrito con códigos que puede leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en una página web está «marcado» con estos códigos para dar instrucciones al navegador web sobre cómo mostrar el texto. Estas etiquetas de marcado son las propias etiquetas HTML.
Ingresa al Link y copia las etiquetas básicas
https://www.iebschool.com/blog/que-es-etiqueta-html-analitica-usabilidad/
_________________________________________________________
Semana 26 de Julio
Crear una tabla simple
Para crear una tabla vamos a necesitar conocer, al menos, tres elementos: table, tr y td. Si bien existen otros cuantos que nos permitirán ampliar la funcionalidad de las tablas.
El primer elemento es table, table es el elemento que representa las tablas y será el que agrupe al resto de elementos. Por lo tanto tiene sus etiquetas de inicio y cierre.
ejemplo
<table>
<tr>
<!-- Contenido de las celdas de la fila 1 -->
</tr>
<tr>
<!-- Contenido de las celdas de la fila 2 -->
</tr>
<tr>
<!-- Contenido de las celdas de la fila 3 -->
</tr>
</table>Listas Ordenadas
Las listas ordenadas en HTML son aquellas que nos muestran los elementos de la lista en orden. Para representar el orden tendremos los elementos numerados. Es decir, cada uno de los elementos irá precedido de un número o letra que establezca su orden.
Las listas ordenadas en HTML se representan mediante el elemento OL.
<ol> ... </ol>
Cada uno de los elementos de la lista ordenada se representará mediante el elemento LI.
<ol>
<li>Elemento 1</li>
<li>Elemento 2</li>
...
<li>Elemento N</li>
</ol>Enlaces HTML
Para crear un enlace en HTML utilizamos el elemento A con la siguiente sintaxis:
<a>Contenido del enlace</a><a href="URI">Contenido del enlace</a>
Colores HTML
los colores básicos en HTML serán: valores hexadecimales
Rojo #FF0000
Verde #00FF00
Azul #0000FF
- Valores básicos
- Rojo - red
- Verde - green
- Azul - blue
- Blanco - white
- Negro - black
- Naranja - orange
Imágenes HTML
Insertar una imagen: El elemento img
Para insertar una imagen en HTML tenemos el elemento img, cuya sintaxis básica es:
<img src="nombreimagen.jpg" alt="" />
Semana 13 de Agosto
Tablas en HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fuerza y Movimiento</title>
</head>
<body bgcolor="blue">
<p><marquee><h1>Juegos tradicionales</h1></p></marquee>
<hr>
<br>
<h2><p style="color: #3DDD40 ;">Fuerza</p></h2>
<h2><p style="color: #3DDD40 ;">Movimiento</p></h2>
<h2><p style="color: #3DDD40 ;">Velocidad(rapidez)</p></h2>
<h2><p style="color: #3DDD40 ;">Primera ley de Newton</p></h2>
<hr>
<center><<iframe width="450" height="450" src="https://www.youtube.com/embed/7TCiNmbRqBU" title="Segunda Ley de Newton: la dinámica | Leyes de Newton" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></center>
<hr>
<center><TABLE BORDER>
<TR>
<TH>Juego</TH> <TH>Movimiento</TH> <TH>Video</TH>
</TR>
<TR>
<TD>Catapulta</TD> <TD>Movimiento parabólico</TD> <TD><iframe width="200" height="200" src="https://www.youtube.com/embed/rP4aOwbPJ9A" title="Cómo Hacer Una Catapulta Casera" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></TD>
</TR>
</TABLE></center>
</body>
</html>
