0% encontró este documento útil (0 votos)
12 vistas8 páginas

Guía Completa de HTML y JS Básico

Cargado por

Andy Usiña
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
12 vistas8 páginas

Guía Completa de HTML y JS Básico

Cargado por

Andy Usiña
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd

Datos curiosos e importantes

<!-- Comentarios -->

<p>Esto es un parrao <span>Adicional</span> En el texto </p>

<a href=""></a>

<form action="">
<label for="focNombre">Nombre:</label>
<input type="date" name="txtNombre" id="focNombre" placeholder="Nombre">
</form>

<textarea name="" id="" cols="30" rows="10"></textarea>

<form action=""> METODO POST Y GET

Propiedad Value en TEXT y INPUT

Etiquetas DIV
Manejo de botones
<button type="button">Script</button>
<button type="reset">Reinicio de Valores</button>
<button type="submit">Enviar</button>

UL y OL, sub elementos

Manejo de Tablas
<table style="border: 1px solid
black;">
<tr>
<th>Numero</th>
<th>Descripcion</th>
</tr>
<tr>
<td>1</td>
<td>Peliculas</td>
</tr>
</table> -- ver thead, tbody, tfoot
Referencias Link y Script
<link rel="stylesheet" href="">
<script src="[Link]"></script>

Formas de comentarios
CSS - /* */
JS - //
Etiquetas multimedia
más utilizadas
<img src="ruta_imagen.jpg" alt="Descripción imagen" />

<audio controls>
<source src="ruta_audio.mp3" type="audio/mpeg" />
</audio>

<video width="320" height="240" controls>


<source src="ruta_video.mp4" type="video/mp4">
</video>

<iframe width="560" height="315"


src="[Link] frameborder="0"
allowfullscreen></iframe>
[Link]
<body>
<form action="" method="post">
<label for="">Numero</label>

Inicios en JS <input type="num " name=""


id="inputNumero1" value="10" />
<button type="button"
onclick="Obtenervalor()">Script</button>
<br />
<label for="">El valor es: <span
id="spnResultado">0</span></label>
</form>
</body>
<script>
function Obtenervalor() {
var valor =
[Link]("inputNumero1");

[Link]("spnResultado").tex
tContent = [Link];
if ([Link] == 2) {

[Link]("spnResultado").sty
[Link] = "blue";
}
Ejercicios JS y HTML

1.- Vamos a sumar 4 números


- Sumar los dos primeros
- Sumar los dos segundos
- Restar las dos sumas
Ejercicios JS y HTML

.- Realizar la conjetura de Collat


- Ingresar un numero
- Mostrar la serie
TAREA
Realizar una pagina web incorporando todos los objetos, se solicita realizar el HTML,
interacción con JS.

Los diseños se calificaran como:

1) La idea de pagina web


2) El mejor diseño de una página
3) La utilización adecuada de etiquetas

También podría gustarte