HTML

Centro De Estudios Tecnológicos Industrial Y De Servicios
No.120
“Josefa Ortiz De Domínguez”
Ramírez Gómez María Fernanda
Soporte Y Mantenimiento De Equipo De Computo

Submodulo2: Instala Controladores
Del Equipo De Computo (Y Periféricos)
Tema: Programación
2 “A”
José Andrés Santoy García
Abril Del 2018

Imprimir Texto en Pantalla
<html> le indica a tu navegador que tu documento es una
página web y debe representarla como tal
<head> los elementos que se encuentran entre las esta
etiqueta es el encabezado, contiene datos e información
para el funcionamiento la página, que el usuario no ve.
<title> encierran el título de la página, es imprescindible su
uso, se muestra en la barra superior del navegador. </title>
cierre del titulo
</head> cierre de encabezado
<body> En el espacio comprendido entre las etiquetas
<body> es el que contiene todo el contenido que quieres
visualizar
Mi Primer Pagina Web
</body> cierre del cuerpo
</html> cierre del programa
Segundo Programa: Color de fondo
<html>
<head>
<title> Color de Fondo </title>
</head>
<body bgcolor= “red”> Aquí se pone el nombre del color que
quieras pero en ingles
</body>
</html>
3er programa: Edición de Texto

<html> Inicio del programa
<body bgcolor = "red"> modifica el color de fondo
<center> centra el texto
<h3> cambia el grosor del texto
<h1> cambia el tamaño del texto
</h1> cierre del código para cambiar texto
</h3> cierre del código para cambiar el grosor del
texto
Cuarto Programa: Imagen de Fondo
<html> Inicio del texto

<body background="son.jpg"> Aquí se agrega la imagen
que quieras poner quintando bgcolor cambiándolo por
background agregándole la teminacion .jpg si es asi la
imagen
Quinto Programa: Insertar Imagen
<html> inicio del programa
<body background="son.jpg"> imagen de fondo
<img src="son.jpg”> imagen insertada poniendo el nombre
de la imagen mas su terminacion
</img> cierre para insertar la imagen
Sexto Programa: Insertar Marquesina

<html>
<center/>
<marquee> music</marquee> Para que el el texto se
mueva
<marquee direction=""> musica </marquee> marquee
direction se utiliza para que tu eligas el movimiento del
texto a la direccion que gustes escribiendola en ingles
<marquee direction="down" width="250" height="2oo”>
elige el largo y el lancho de la marquesina
</marquee> cerrar las marquesinas
Séptimo Programa: Insertar Hipervínculo

<html> inicio del programa
Para crear un hipervínculo se necesita utilizar el ancla
<a> </a>
pero para que nos diriga a un sitio se debe utilizar de la
siguiente manera
<a href="MUSICA.html">Todo sobre la música </a> para
que nos diriga a la pagina deseada se le debe agregar href
que significa referencia de hipervínculo
Octavo Programa: Insertar Tabla

<table> inserter table/ crear la tabla
<tr> crear cada fila de la tabla <td> crear cada columna en
la tabla
Ejemplo:
<html>
<body>
<table> INICIO DE LA TABLA
<tr> INICIO DE FILA
<td>MUSIC </td>
<td>MUSIC</td>
</tr> CIERRE DE LA FILA
</table> cierre de la tabla
</body>
</html>cierre del programa
Noveno Programa: Editar tabla
<table> Insertar tabla. Para editar la table atu gusto te solo
especifica como la quieres
Bgcolor = color de la tabla en este caso siempre y cuando lo
uses como te mostrare a continuación
Width= anchura height= altura bordercolor= color de los
bordes o las lineas de la tabla border= tamaño del borde
Ejemplo:
<html>
<head><title>HISTORIA DE LA MUSICA </title></head>
<body>
<h1>INFO.MUSIC </h1>
<table width="20%" height=50% bgcolor="red"
bordercolor="blue" border="5">
<tr>
<td><strong>HISTORIA </strong></td>
<td><strong>MUSICA </strong></td>
<td><strong>MUSICA </strong></td>
</tr>
<tr>
<td>COLUMNA</td>
<td>ELECTRONICA </td>
<td>POP</td>
</tr>
<tr>
<td>HISTORIA DE LA MUSICA </td>
<td>PRIMEROS MUSIC</td>
<td>GENERO</td>
</tr>
<tr>
<td>ROCK </td>
<td>REGGAE</td>
<td>METAL</td>
</tr>
</table>
</body>
</html>
DECIMO PROGRAMA: INSERTAR MUSICA
La etiqueta embed sirve tanto para incrustar archivos de
audio como de video en la página web. <embed src="..."
...(atributos) ...></embed>, la etiqueta de cierre final es
conveniente ponerla para que funcione correctamente
src= Indica la ruta para acceder al archivo multimedia que
queremos abrir.
loop=Define el número de veces que se reproducirá el
fichero, como valor podemos poner un numero entero, o
las palabras true (infinitas veces) o false (sólo una vez).
playcount=Define el número de veces que se reproducirá el
fichero en Internet Explorer.
autostart=Define si el fichero debe empezar a reproducirse
por si solo a la vez que la página (valor true), o debe
necesitar la intervencion del usuario mediante la consola o
código javascript para reproducirse (valor false)..
Ejemplo:
<html>
<head><title>historia de la musica </title></head>
<body>
<embed src="el tiempop.m4a" loop="1" playcount="1"
autostart="false" width="200" height="50">
</body>
</html>
Onceavo Programa: insertar GIF
<html>
<title>insertando gif</title>
<head> </head>
<body>
<img src=”goku.GIF”> Al igual que inserter una simple
imagen se pone el nombre de ella pero esta vez con la
terminacion .GIF
</body>
</html>
Doceavo Programa: Insertar Menus

<html>
<head><center><b> Bienvenidos músicos
<title>historia de la musica </title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
#header {
margin:auto;
width:500px;
font-family:Arial, Helvetica, sans-serif;
}
ul, ol {
list-style:none;
}
.nav > li {
float:left;
}
.nav li a {
background-color:#000;
color:#fff;
text-decoration:none;
padding:10px 12px;
display:block;
}
.nav li a:hover {
background-color:#434343;
}
.nav li ul {
display:none;
position:absolute;
min-width:140px;
}
.nav li:hover > ul {

display:block;
}
.nav li ul li {
position:relative;
}
.nav li ul li ul {
right:-140px;
top:0px;
}
</style>
</head>
<body>
<div id="header">
<ul class="nav">
<li><a href="">Inicio</a></li>
<li><a href="">musicos </a>
<ul>
<li><a href="">cultura profetica
</a></li>
<li><a href="">golden ganga
</a></li>
<li><a href="">los aguas aguas
</a></li>
<ul>
<li><a href="">Submenu1</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">generos </a>
<ul>
<li><a href="">jazz </a></li>
<li><a href="">reggaeton </a></li>
<li><a href="">rock</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

HTML

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

Centro De Estudios Tecnológicos Industrial Y De Servicios

Ramírez Gómez María Fernanda

Soporte Y Mantenimiento De Equipo De Computo

José Andrés Santoy García

Abril Del 2018

3er programa: Edición de Texto

Cuarto Programa: Imagen de Fondo

<html> Inicio del texto

Sexto Programa: Insertar Marquesina

Séptimo Programa: Insertar Hipervínculo

Octavo Programa: Insertar Tabla

Doceavo Programa: Insertar Menus

.nav li:hover > ul {

Anda mungkin juga menyukai