HTML

SITIO WEB STITCH

<html>

<head>
<title> STITCH</title>
</head>

<tr>

<td> <a href="creador.html"> CREADOR </td>

<td> <a href="historia.html">HISTORIA </td>

<td> <a href="peliculas.html">PELICULAS </td>

<td> <a href="personajes.html">PERSONAJES </td>

<td> <a href="videos.html">VIDEOS </td>

</tr>

</table>

</center>

</body>
</html>

AGREGAR VIDEO (LOCAL .MP4):

</video><br>

AGREGAR VIDEO (ENLACE):

<a href="https://www.youtube.com/watch?v=2Nv2yxEAY2g"> HISTORIA STITCH</a> <br>

AGREGAR TABLA PERSONAJES:

<table bgcolor="white" border="5">
<td align="center"> STITCH </td>
<td align="center"> LILO </td>
<td align="center"> DR.JUMBA JOOKIBA </td>
</tr><tr>
<td align="center"> <img src="STITCH .png" width="100" height="100"> </td>
<td align="center"> <img src="LILO .png" width="100" height="100"> </td>
<td align="center"> <img src="DR.JUMBA JOOKIBA.png" width="100" height="100"> </td>
</tr>
<tr>
<td align="center"> WENDY PLEAKLEY </td>
<td align="center"> GANTU </td>
<td align="center"> ANGEL </td>
</tr>

HARRY POTTER

ENLACE A GITHUNB

HTML

(Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language) es el componente más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, generalmente se utilizan otras tecnologías para describir la apariencia/presentación de una página web

CÒDIGOS HEXADECIMAL

TABLA

ESTRUCTURA BÀSICA EN HTML

<html>

<head>
<title> STITCH</title>
</head>

</body>
</html>

ETIQUETAS BÁSICAS

<center>TEXTO CENTRADO</center>
<I> ITALICA (CURSIVA)</I> <BR>
<B> NEGRITAS (BOLD)</B><BR>
<S> TACHADO</S> <BR>
<U> SUBRAYADO</U> <BR>
<H1> ENCABEZADO 1</H1>
<H2> ENCABEZADO 2</H2>
<H3> ENCABEZADO 3</H3>
<H4> ENCABEZADO 4</H4>
<H5> ENCABEZADO 5</H5>
<H6> ENCABEZADO 6</H6> <BR>
ETIQUETAS DE FUENTE
<font color="RED"> COLOR DE LETRA </font><BR>
<font face="Showcard Gothic"> TIPO DE LETRA </font><BR>
<font size="16"> TAMAÑO DE LETRA </font><BR>
<font color="GOLD" size="22"face="Calibri">  TU NOMBRE   </font><BR>

HASTA LA PRÀCTICA 3 LA VISTA PREVIA SERÌA MÀS O MENOS ASÌ:

MARQUESINAS
<MARQUEE> MARQUESINA SENCILLA </MARQUEE>
<MARQUEE BGCOLOR="PINK"> COLOR DE MARQUESINA</MARQUEE>
<MARQUEE BEHAVIOR="ALTERNATE"> MARQUESINA NO DESAPARECE </MARQUEE>
<MARQUEE DIRECTION="RIGHT"> MARQUESINA A LA DERECHA </MARQUEE>
<MARQUEE SCROLLAMOUNT="200"> MARQUESINA RÁPIDA </MARQUEE>
<MARQUEE SCROLLDELLAY="50%"> MARQUESINA LENTA </MARQUEE>
< MARQUEE BGCOLOR="PURPLE"SCROLLDELLAY="50%"DIRECTION="UP"BEHAVIOR="ALTERNATE">
LEPI </ MARQUEE ><BR>
IMAGENES
<CENTER><IMG SRC="1.png"><BR></CENTER>
<IMG SRC="2.JPG" BORDER="10"><BR>
<IMG SRC="3.png" WIDTH="100" HEIGHT="100"><BR>
<MARQUEE BGCOLOR="PINK">
<IMG SRC="4.png"WIDTH="100" HEIGHT="100">
<IMG SRC="5.png" WIDTH="100" HEIGHT="100">
<IMG SRC="6.png"WIDTH="100" HEIGHT="100">
<IMG SRC="7.png" WIDTH="100" HEIGHT="100">
<IMG SRC="8.png" WIDTH="100" HEIGHT="100">
</MARQUEE>
VÍNCULOS
<A HREF="https://www.cartoonnetworkla.com.mx">   cartoonnetworkla   </a><br>
<A HREF="https://www.disneylatino.com.mx">   disneylatino   </a><br>
<A HREF="https://www.lossimpsonsonline.edu.ar">   lossimpsonsonline  </a><br>
<A HREF="https://www.google.com.mx">  <IMG SRC="google.png"  WIDTH="200" HEIGHT="200"> </a><br>
<A HREF="https://www.facebook.com">  <IMG SRC="facebook.jpg "WIDTH="200" HEIGHT="200"> </a><br>
<A HREF="https://tecnologiairapuatense.blogspot.com">
<IMG SRC="ci.png" WIDTH="200" HEIGHT="200">  </a><br>
TABLAS
<table bgcolor="green" border="4">
   <tr>
    <td align="center">HARRY</td>
    <td align="right">POTTER</td>
    <td align="left">PELICULAS</td>
    <td align="up">LIBROS</td> </tr>
   <tr>
    <td><img src="3.PNG" width=100" height="100"border="4"></td>
    <td><img src="2.jpg" width="100" height="100" border="8"> </td>
    <td><img src="4.png" width="100" height="100"border="12"></td>
   <td> <img src="5.png" width="100" height="100"border="16">    </td> </tr>
<tr>
    <th align="center"><a href="https://www.google.com"> GOOGLE  </a> </th>
    <th align="center"><a href="https://www.youtube.com">     YOUTUBE </a> </th>
    <th align="center"><a href="https://facebook.com"> FACEBOOK </a> </th>
    <th align="center"><a href="https://habilidadesdigitalesirapuatense.blogspot.com">    LEPI </a> </th> </tr>
  </table></center>

VIÑETAS, LISTAS Y LINEAS
Mis aficiones:
<ul>
<li> El cine.
<li> La montaña.
<li> La música.
</ul>
Mis preferencias:
<ol>
<li> Viajar.
<li> Salir con mis amigos.
<li> Dormir.
</ol>
<hr width=100% size=10 color="#FF0000">
  <hr width=400 size=20 color="pink">
  <hr width=50% size=5 color="purple">
  <hr width=50% color="white" align="right">
<hr width=50% align="left"  size=10>

FORMULARIOS
<FORM ACTION="mailto:maragya@hotmail.com" METHOD="post">
<TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Dirección E-mail:</TD>
<TD><INPUT type="text" size=36 name="dirección"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">
</FORM>
SONIDO Y VIDEO

AGREGAR STREAMING
<audio controls=""autoplay""on"" preload"none"
src="http://playerservices.streamtheworld.com/api/livestream-redirect/Los40.mp3">
<audio/>

LISTA STREAMING:

Hacemos clic derecho en el video que se está reproduciendo previamente en YouTube y elegimos copiar código de inserción

Y lo pegamos en nuestro web.

CÓDIGO PARA PONER SONIDO DE FONDO

AGREGAR UN CONTADOR
https://www.contadorvisitasgratis.com/index.php

ETIQUETAS BÁSICAS

ETIQUETA	CIERRE	ATRIBUTO	FUNCIÓN
<!--	-->		Añadir un comentario no visible.
<a>	</a>		Establece un vínculo.
		href	Dirección del vínculo.
		name	Establece un ancla.
		target	Establece el destino del vínculo: _blank, _self, _top, _parent, o "definido"
<b>	</b>		Texto en negrita.
<blockquote>	</blockquote>		Sangrado.
<body>	</body>		Parte visible en pantalla del documento.
		alink	Modifica el color del vínculo cuando está activado.
		background	Para colocar una imagen de fondo.
		bgcolor	Para establecer un color de fondo.
		link	Modifica el color del vínculo antes de estar activado.
		vlink	Modifica el color del vínculo cuando ya ha sido visitado.
<br>			Salto de línea.
<caption>	</caption>		Establece el título de una tabla. Dentro de <table>.
<center>	<center>		Centra en horizontal.
<dd>			La definición del término. Dentro de <dl>
<dl>	</dl>		Listado de términos y sus definiciones.
<dt>	</dt>		Término para ser definido. Dentro de <dl>
<font>	</font>		Fuente.
		size	Tamaño de la fuente.
		color	Color
		face	Tipo de letra.
<form>	</form>		Formulario
		action	="mailto:la_dirección_de_correo"
		method	="post"
		enctype	="text/plain"
<frame>	</frame>		Marco.
		name	Nombre que se le da para referirse después a él.
		src	Establece qué documento se va a cargar inicialmente en el marco.
		frameborder	Indica si habrá o no borde entre los marcos.
		noresize	Si se escribe, el navegante no puede redimensionar los marcos.
		scrolling	Establece si habrá o no barra de scrolling.
<frameset>	</frameset>		Estructura de los marcos.
		cols	Número de columnas.
		rows	Número de filas.
<h1>	</h1>		Encabezado de primer orden.Hay otros 5: <h2><h3><h4><h5><h6>
<head>	</head>		Cabecera del documento.
<hr>			Línea de separación horizontal.
		align	Alineación de la línea.
		noshade	Sin efecto tridimensional.
		size	Grosor de la línea.
		width	Anchura de la línea.
<html>	</html>		Apertura y cierre del código.
<i>	</i>		Letra cursiva.
<iframe>	</iframe>		Marco en línea. Carga en un marco otra página.
		name	Nombre que se le da al espacio para posteriores referencias.
		src	Establece qué documento se carga inicialmente.
		frameborder	Establece si habrá o no borde de separación.
<img>			Inserta una imagen.
		alt	Texto alternativo a la imagen.
		border	Establece si va a tener borde o no, cuando sirva de vínculo.
		height	Altura de la imagen.
		width	Ancho de la imagen.
		src	Establece qué imagen se va a insertar.
<li>			Componente de una lista. Dentro de <ul> o de <ol>
<ol>	</ol>		Lista numerada de objetos.
<p>	</p>		Párrafo nuevo.
<sub>	</sub>		Subíndice.
<sup>	</sup>		Superíndice.
<table>	</table>		Tabla.
		align	Alinea la tabla: center, right, left
		bgcolor	Establece el color de fondo de la tabla.
		border	Establece un borde a la tabla
		cellpadding	Separación entre el borde de la tabla y el contenido.
		cellspacing	Separación entre las celdas.
		width	Establece el ancho de la tabla.
<td>	</td>		Celda de una tabla.
		align	Establece la alineación del texto dentro de la celda: left, center, right.
		bgcolor	Establece el color de fondo para la celda.
		colspan	Extiende la celda sobre varias columnas.
		height	Establece la altura de la celda.
		rowspan	Extiende la celda sobre varias filas.
		valign	Establece la alineación vertical: top, middle, bottom.
		width	Establece el ancho de la celda.
<th>	</th>		Titular de la columna de una tabla. Dentro de <tr>.
<title>	</title>		Establece el nombre del documento. Dentro de <head>
<tr>	</tr>		Fila de una tabla.
<u>	</u>		Subrayado.
<ul>	</ul>		Lista no numerada de objetos.

HISTORY BOARD

SECUNDARIA MOTOLINIA

HTML

HTML