Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Copy of HTML
es lo contrario de lineal. En los buenos viejos tiempos -cuando un ratón era un animalillo que perseguía un gato- los programas de ordenador se ejectutaban de forma lineal: cuando el programa había ejecutado una acción seguía hasta la siguiente línea, y después de ésta a la siguiente, y a la siguiente, ... HTML, sin embargo, es diferente: se puede ir donde uno quiera cuando uno quiera.
Todo escrito
es lo que haces con el texto. Se marca (se cambia y edita) el texto del mismo modo que en un programa de edición de textos con encabezados, viñetas, negrita, etc.
Lenguaje es lo que es HTML. Este lenguaje hace uso de muchos términos en inglés
Es un lenguaje que sirve para escribir hipertexto
nn.doc
nn.xls
nn.ppt
nn.jpg
nn.gif
nn.zip
<NOMBRE ETIQUETA> TEXTO </NOMBRE ETIQUETA>
<HR ALIGN=LEFT SIZE=5 WIDTH=50%>
<etiqueta atributo="valor">
<HEAD>
<TITLE>Titulo del documento HTML</TITLE>
</HEAD>
Etiquetas <meta>. Sirven para incluir información que no se muestra como parte de la página web pero sirve para informar de características de la página web, como su descripción breve y sus palabras clave.
Ejemplo:
<meta name="description" content="Didáctica y divulgación de la programación aprenderaprogramar.com">
<meta name="keywords" content="didáctica, divulgación, programación, aprender">
En este caso las etiquetas le indican a los buscadores el contenido de nuestras páginas (description) y algunas palabras clave (keywords) para su localización. Esto es muy útil para que nuestra página aparezca en los buscadores (google, bing, yahoo, etc.).
Sirven para indicar que el documento html está relacionado con otro archivo o recurso externo.
Por ejemplo <link rel="stylesheet" type="text/css" href="estilos.css">
sirve para indicar que el documento HTML está vinculado al archivo estilos.css
Sirve para indicar la URL base en caso de especificarse URLs relativas dentro de la página web.
Por ejemplo
<base href="http://www.aprenderaprogramar.com/images/" target="_blank">
haría que si escribimos como ruta de una imagen "logo.png" dicha ruta sea en realidad "http://www.aprenderaprogramar.com/images/logo.png"
Sirven para incluir código en lenguajes de script.
Dentro de la cabecera en muchas páginas se incluye código en JavaScript, que es un lenguaje de programación que los navegadores son capaces de reconocer e interpretar. El código JavaScript se reconoce porque va comprendido entre las etiquetas
<script type="text/javascript">
// Aquí iría el código
</script>
Sirve para incluir estilos CSS que permiten dotar de colores, bordes, imágenes de fondo, etc. a los elementos de la página web.
CSS es un lenguaje utilizado en la presentación de documentos HTML. Un documento HTML viene siendo coloquialmente “una página web”. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y aspecto de una página web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informáticos para elegir multitud de opciones de presentación como colores, tipos y tamaños de letra, etc.
Establece un color de fondo para la página, y en donde "color" puede venir expresado mediante el nombre web inglés estándar o mediante el código hexadecimal del color (Ver capítulo sobre el color en la web).
<body bgcolor="red">
<body bgcolor="FF0000">
Define una imagen de fondo para la página web, y en donde "ruta_imagen"
background="ruta_imagen"
background="imagen.jpg"
leftmargin="n", para el margen izquierdo
topmargin="n", para el margen superior
rightmargin="n", para el margen derecho
bottommargin="n", para el margen inferior
text="color", para el texto de la página.
link="color", para los enlaces normales.
alink="color", para los enlaces activos.
vlink="color", para los enlaces visitados.
se refiere a numerados
1. Primera linea
2. Segunda linea
Se escribe:
<OL>
<LI>Primera linea
<LI>Segunda linea
</OL>
ordenados por algún criterio
- Primera linea
- segunda linea
<UL>
<LI>Primera linea
<LI>Segunda linea
</UL>
TYPE=1 (por defecto) para números,
TYPE=A para letras mayúsculas,
TYPE=a para letras minúsculas,
TYPE=I para numeración romana en mayúsculas
TYPE=i para numeración romana en minúsculas.
TYPE =DISC
TYPE =CIRCLE
TYPE = SQUARE
HTML
ETIQUETAS PARA TEXTO
ETIQUETAS PARA IMAGENES
Permiten modificar la apariencia que tendrá un bloque de texto al interior de la página.
Se puede afectar todo un párrafo, una línea, una palabra, caracteres individuales, simplemente encerrando el respectivo texto dentro de las etiquetas apropiadas.
<img>
Etiqueta <Body>
<HX> <HX/>
Código de colores
<FONT> <FONT/>
Es la que comprende toda la información dentro de la página web
<b>Texto en negrita</b>
<big>Texto grande</big>
<em>Texto enfatizado</em>
<i>Texto en itilica</i>
<small>Texto pequeño</small>
<strong>Texto fuerte</strong>
<sub>Texto subindice</sub>
<sup>Texto superindice</sup>
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>
Atributos
bgcolor
background
Etiquetas para listas
<ol> <ul> <li>
Ordenadas <ol>
Etiquetas
tags
type
¿Qué se necesita pata construir paginas con HTML?
Desordenados <UL>
Las etiquetas son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
Un editor de texto
Un navegador
Un dispositivo de almacenamiento
Una carpeta para aguardar todos los datos a colgar en la página
Conocimientos básicos en ingles
Caracteristicas
Las etiquetas están encerradas entre los signos "<" y ">".
El texto que se encuentra entre dos etiquetas es el contenido del elemento.
Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.
Extensión de un archivo
Es un grupo de letras o caracteres que acompañan al nombre del archivo, podrá servir para indicar su formato o qué tipo de archivo es
Al crear un documento con un editor de texto (como documento entenderemos el conjunto de ficheros, tanto de texto como de imágenes, que forman las distintas páginas), para que se guarde como página web debe tener la extensión .htm o .html,
Clasificación
inicio fin
apertura cierre
< > </ >
Atributos
Son modificadores que permitirán definir diferentes posibilidades en la etiqueta
Se definirán en la etiqueta de inicio y consistirán normalmente en el nombre del atributo y el valor que toma separados por un signo de igual
hr es para crear una linea horizontal
align es para ubicarla es un lugar de la pantalla
size es el tamaño de la linea
width es el ancho
Etiquetas para tablas
Es una organización visual de información enmarcado entre filas y columnas
<table> <td> <tr>
División del código
SIGNIFICADO
head body
head
Hyper
Text
Markup:
Language:
body
Etiquetas para la cabeza
Marcado
<TITLE>: Título de la página (obligatoria)
<meta> Define metadatos como descripción y palabras clave
<link>Define archivos vinculados
<base>Define ruta de acceso
<script>Delimita scripts incluídos
<style>Delimita definición de estilos