ESCUELA CETIS 120
Nombre del alumno: José Avimelec Espinosa Velázquez
Grado: 2°A
Especialidad: Soporte y Mantenimiento de Equipo de Computo
Turno: Matutino
Nombre de la materia: Submodulo ll
Nombre del profesor(a): Ing. José Andrés Santoy García
CICLO ESCOLAR
2015- 2016
Códigos de HTML
Paso 1: Para poder imprimir el texto con mi nombre hice primero darle clic en archivo y darle guardar como te llevara a los archivos en la parte de abajo le pones tu nombre y le pones así como un ejemplo "AvimelecEspinosaVelazquezindex.html" con comillas y ya después les sale un link de tu pagina web del HTML y de aquí ya le pones el title lo que tu le quieras poner le das guardar y van a su pagina web y lo actualizan y ya les saldra en title.
<html>
<head>
<title> Todo sobre el futbol </title>
</head>
Paso 2: Para poder ponerle color de fondo puedes primeramente consultar la barra de colores o tambien puedes ponerle el color que tu le quieras poner en ingles y ya despues cuando hagan eso le dan guardar y se van a su pagina la actualizan y ya les va a salir el color en su pagina web.
<bgcolor="cream" text="black">
Paso 3: Para poder colocar la imagen de fondo primero debes pone que imagen debes poner <body background="Imagen.jpg"> para que se pueda poner la imagen asi como lo indica el codigo.
<body background="http://www.starmedia.com/imagenes/2014/03/nou-camp-remodelacion-estadio-barcelona-600x422.jpg">
Paso 4: Para hacer la edición del texto primeramente debes hacer los siguientes códigos para darle su tipo de tamaño del cual quieres realizar, su fuente para que des entender de donde sacaste el tema, el color se lo puedes poner con <font color="000000"> asi para que puedas darle un color al texto, Para poder alinearlo le das <center> al principio y al final </center> cuando ya termines el texto y para que se separen los textos al principio le pones <p> y al final del texto </p> asi para que puedas separar el codigo.
<center><h2><font color="red" face="impact">Reglas Actuales</h1></center></font>
<h2><center>Terreno de juego</center></h2>
<h4><p>El terreno de juego debe ser de césped natural o artificial, aunque esta opción puede depender del reglamento de la competición.
El terreno deberá ser rectangular, siendo su largo entre 90 y 120 m (100 y 110m para partidos internacionales), y su ancho entre 45
y 90m (64 y 75m para partidos internacionales). Todo el perímetro del terreno estará rodeado por líneas de 12cm de ancho como
máximo: las 2 más largas tendrán el nombre de líneas de banda, mientras que las demás serán las líneas de meta. Dentro del campo se
traza una línea paralela y equidistante a las líneas de meta, la cual será llamada línea media. El punto medio de esta línea será el
centro de una circunferencia de radio igual a 9,15m.</p></h4>
<h4><p>En cada intersección entre las líneas de meta y de banda (4 en total) se colocará un banderín no puntiiagudo de por lo menos 1,5m
de altura. Opcionalmente se pueden poner banderines exteriores al terreno a 1m de distancia de la intersección entre las líneas de
banda y la línea media. Tomando como centro cada una de las intersecciones, se deberá marcar una semicircunferencia de radio 1m que
vaya desde la línea de banda hasta la línea de meta, por el interior del terreno. Esta área recibe el nombre de área de esquina.</p></h4>
<h4><p>En la zona de las metas se trazarán las áreas de meta. Se trazan dos líneas perpendiculares a la línea de meta, ubicadas a 5,5m de
la parte interior de cada poste vertical de la meta. Dichas líneas se adentrarán 5,5m en el terreno de juego y se unirán con una
línea paralela a la línea de meta. El área delimitada por dichas líneas y la línea de meta será el área de meta.</p></h4>
<h4><p>La denominada área penal se traza igual que la área de meta, pero con líneas de 16,5m. Dentro de esta área, se marcará el punto
penal. Dicho punto estará ubicado a 11m de la línea de meta y equidistante de los postes de la meta. En el exterior de la área penal
se marcará un segmento de circunferencia con centro en el punto penal y un radio igual a 9,15m.</p></h4>
Paso 5: Para poder insrertar cualquier imagen en tu HTML primeramente lo que debes realizar es <img src="imagen.gp">y ya te aparecera tus imagenes en el HTML.
<left><img src="http://media2.fcbarcelona.com/media/asset_publics/resources/000/140/450/size_640x360/pic_Panorama_sin_t_tulo1BB2.v1421236050.jpg"</left>
<right><img src="http://www.ecestaticos.com/image/clipping/738ef0b8c9da398ab6d94b52724ad253/imagen-sin-titulo.jpg"</right>
Paso 6: Para hacer una edicion de imagen primeramente lo que debes realizar es ponerle es la anchura de cuanto quieres ponerle la imagen y la altura para ver de que temaño lo prefieres esa imagen asi como se muestra el siguiente codigo.
width="500" height="300">
Paso 7: Primeramente para poderle meter musica a tu pagina web primero debes poner es <EMBED SRC="Mi musica.mp3"> y de ahi ya le vas siguiendo en la edicion de musica.
<center><EMBED SRC="Mi top 10 canciones del Fifa 14!!!!.mp3" AUTOSTART="true" LOOP=infinite Volume="80" WIDTH="200" HEIGHT="80"></center>
Paso 8: Para poder insertar video primeramente debes elegir cual video le quieres poner en youtube le das compartir y ya que le diste ahi le das clic insertar y de ahi te sale un codigo para que lo puedas insertar en el bloc de notas ya cuando lo tengas le das guardar actualizas tu pagina y ya sale tu video en tu pagina.
<center><iframe width="560" height="315" src="https://www.youtube.com/embed/lIvp6BJaiIE" frameborder="0" allowfullscreen></iframe></center>
Paso 9: Bueno en este caso para poder ponerle hipertexto a nuestra pagina web debemos tener en cuenta como vamos a generar ese codigo para que se pueda realizar bien y se pueda abrir bueno en este codigo que se muestra es el siguiente puedes ponerle hipertexto el que tu quieras solo que si lo habra.
<a href="index.html">Inicio</a> -
<a href="nosotros.html">Nosotros</a> -
<br>Copyright
2016 Mandanos un mensaje via email a
<a href="mailto:info@website.com">info@website.com</a>
</td>
</tr>
<tr>
<td colspan"2"><center><h2>Equipo</h2></center></td>
<td colspan"2"><center><h2>PJ</h2></center>
<td colspan"2"><center><h2>G</h2></center>
<td colspan"2"><center><h2>E</h2></center>
<td colspan"2"><center><h2>P</h2></center>
<td colspan"2"><center><h2>GF</h2></center>
<td colspan"2"><center><h2>GC</h2></center>
<td colspan"2"><center><h2>DG</h2></center></td>
<td colspan"2"><center><h2>PTS</h2></center></td>
</tr>
<tr>
Paso 11: Para la edicion de la tabla puedes ponerle los bordes de que cuantos quieres que tenga, el tamaño de la tabla puedes considerar de cuanto quieres que sea su tamaño chico, mediano o grande, para darle un color a tu tabla puede ser del que tu gustes le pones bgcolor="#01A9DB"> el color que tu quieras ponerle, para poder alinearlo bien le das <center> para que quede centrada la tabla y el formato puedes ponerle del que tu quieras puedes agregarselo para que tenga un buen aspecto en la tabla.
<center><table border="1" width="70%" bgcolor="#01A9DB"></center>
Paso 12: Para poder hacer los menus primeramente debemos tener en cuenta el siguiente codigo para que se pueda poner puede ser Index y Nosotros como se muestra:
<a href="AvimelecEspinosaVelazquezindex.html">Inicio</a> -
<a href="nosotros.html">Nosotros</a> -
Paso 13: Para la edicion de los menus primeramentese debe tener en cuenta lo principal de como quieres que se abra la pagina de index y nosotros que se puede hacer en el siguiente codigo que se va a mostrar como se puede hacer la edicion de los menus:
2016 Mandanos un mensaje via email a
<a href="mailto:info@website.com">info@website.com</a>
Paso 14: Para poder ponerle marquesinas en un texto primeramente debes ponerle <maquee> y al final </marquee> y ya cuando actualices tu pagina ya tendras las marquesinas.
<marquee><center><h1><font color="red" face="impact">Todo lo que hay que saber sobre el Futbol.</h1></center></font></marquee>
Paso 15: Para ponerles adornos en tu pagina web puede ser de los que tu quieras hacer para que tenga un buen aspecto en la pagina que vas realizando.
<meta name="description" content="Esta es mi primera pagina creada en HTML">
<meta name="keyword" content="mi primera pagina sobre el futbol, mi pagina en html, creacion de paginas">
</body>
</html>
No hay comentarios:
Publicar un comentario