Está en la página 1de 2

http://www.ite.educacion.

es/formacion/materiales/182/cd/
http://www.w3schools.com/html/default.asp

ESTRUCTURA GENERAL </tr>


<html> <tr>
<head> <td>1º Bachillerato</td>
<title>Mi primera página</title>
</head> <td>Matemáticas</td>
<body bgcolor=”blue” text=”black” link=”blue”> </tr>
Hola mundo <tr>
</body> <td>2º Bachillerato</td>
</html> <td>Filosofía</td>
</tr>
FORMATO DE TEXTO </table>
<p>Párrafo</p> Párrafo
Otros atributos: rowspan="2" (expandir filas), colspan="2"
<p align=”right”>//alinea el párrafo a la (expandir columnas), bgcolor="#A4E4E8", border="1"
derecha (left, center, justify)
<h1></h1> …… <h6></h6> Títulos PARA INCLUIR ENLACES
<strong></strong> Negrita <a href=”http://buscon.rae.es”>diccionario de la RAE</a>
<em></em> Cursiva <a href="http://www.rtve.es/resources/TE_SALALBA/mp3/2
<u></u> Subrayado /8/1286271765182.mp3">el archivo de audio</a>
<hr> Línea
<br>Salto de línea Enlace absoluto:
<a href=”http://www.misitioweb.com/presentacion.html”>Accede a
<center> Centrado
la presentación</a>
<strike> : Tachada. Equivale a <s>
Enlace relativo:
<blink> : parpadeo
<a href=”presentacion.html”>Accede a la presentación</a>
<big> : tamaño ligeramente mayor. Puede anidarse.
<small> : tamaño ligeramente menor. Puede <a href=”oferta/index.html”>Nuestra oferta formativa</a>
anidarse. <a href="mailto:ite@gmail.com" target=”blank”>Enviar correo
<sub> y <sup> : subíndice y superíndice
correo</a> //target=”blank” para que se abra en otra pestaña del
<font face=”verdana” color=”red” size=10>texto </font>
navegador
PARA INCLUIR UNA LISTA
PARA INCLUIR IMAGENES
Lista sin orden……
<ul type="circle"> <img src="http://www.iesvillablanca.es/imagenes/banner.gif"/>
<li>Apples</li>
<li>Bananas</li> <img src="imagenes/mifoto.jpg" alt="esta es mi foto"
<li>Lemons</li> width="483px" height="150px" align=”right”/>
<li>Oranges</li>
SALTAR DENTRO DE LA PAGINA (MARCADORES)
</ul> Se define un nombre para el elemento al que se quiere saltar
type=circle, square o disc (marcador):
Lista con orden…. <a name="capitulo3"><h2>Capítulo 3</h2></a>
<ol>
se escribe el código para saltar al nombre definido antes:
<li>Apples</li>
<li>Bananas</li> <a href="#capitulo3">Saltar al capítulo 3</a>
<li>Lemons</li> PARA INCLUIR UN VIDEO
<li>Oranges</li> <video width="320" height="240" controls="controls">
</ol> <source src="movie.mp4" type="video/mp4" />
type= A, a, I Tu navegador no admite la etiqueta de video
PARA INCLUIR UNA TABLA </video>
<table border="1">
<caption>Asignaturas de bachillerato</caption> PARA INCLUIR UN AUDIO
<tr> <audio controls="controls">
<td>Curso</td> <source src="song.mp3" type="audio/mpeg" />
<td>Asignatura</td> Tu navegador no admite la etiqueta de audio</audio>

1
ATRIBUTOS
Algunas etiquetas pueden llevar “atributos”, es decir,
valores que cambian ciertas propiedades de diseño de
la etiqueta.
<Body>
<body bgcolor=”red” text=”black” link=”blue”
vlink=”grey”> // cambia color de fondo, de texto, de enlaces
y de enlaces visitados de toda la página
<body background=”imagen.jpg”> //imagen de fondo de
página

PARA QUE SE VEAN BIEN ACENTOS Y Ñ


<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">

También podría gustarte