REPASO DE HTML

Description

Este es mi repaso para el examen 22
JD GV
Flashcards by JD GV, updated more than 1 year ago
JD GV
Created by JD GV over 7 years ago
12
0

Resource summary

Question Answer
Html El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
EJEMPLOS <html> <head> <title>MI PRIMERA PAGINA</title> </head> <body bgcolor="#FFCC99"> <font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font> </body> </html>
HEAD Head es un término inglés que significa "cabeza". En español es utilizado para referirse a: En informática: Un programa informático típico de los sistemas Unix: head (Unix).
EJEMPLOS Por ejemplo: <html> <head> ... </head> ... </html>
TITLE El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>.
EJEMPLOS Por ejemplo: <html> <head> <title> Curso de HTML </title> </head> ... </html>
BODY El cuerpo del documento contiene la información propia del documento, es decir lo que pqueremos que se visualice, el texto de la página, las imágenes, los formularios, etc. Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.
EJEMPLOS Por ejemplo: <html> <head> <title> Curso de HTML </title> </head> <body> ... </body> </html>
H1 xisten una serie de encabezados que suelen utilizarse para establecer títulos dentro de una página. La diferencia entre los distintos tipos de encabezado es el tamaño de la letra, el tipo de resaltado, y la separación existente entre el texto y los elementos que tiene encima y debajo de él. Hay que tener en cuanta que el navegador del usuario es el que aplicará el estilo del encabezado por lo que el mismo título se puede visualizar de forma diferente según el navegador. Existen seis etiquetas que representan seis tipos de cabeceras distintas. Todas estas etiquetas precisan una etiqueta de cierre.
EJEMPLOS Por ejemplo, para insertar el texto: El lenguaje HTML Apartado 1: Las etiquetas Habría que escribir: <H2 align="center">El lenguaje HTML</H2><H4>Apartado 1: Las etiquetas</H4>
P El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>. No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente. También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda), right (derecha), center (centrado) o justify (justificado).
EJEMPLOS Por ejemplo, para insertar el texto: Bienvenidos a mi página. Aquí encontraréis cursos de formación muy interesantes. Habría que escribir: <p align="center">Bienvenidos a mi p&aacutegina.</p> <p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten muy interesantes.</p>
BR En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla INTRO. Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto. La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br> después de ella, ya que dicha etiqueta no existe.
EJEMPLOS Por ejemplo, para insertar el texto: Queridos usuarios, tengo el placer de comunicaros que hay una nueva sección. Habría que escribir: Queridos usuarios,<br>tengo el placer de comunicaros que hay una nueva secci&oacuten.
IMG Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre. El nombre de la imagen ha de especificarse a través del atributo src.
EJEMPLOS Por ejemplo, para insertar la siguiente imagen: Habría que escribir: <img src="imagenes/logo_animales.gif">
A Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo. Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y </a>. A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace.
EJEMPLOS Por ejemplo, para insertar el enlace: Visita www.aulaclic.com Habría que escribir: <a href="http://www.aulaclic.com">Visita www.aulaclic.com</a>
BGCOLOR El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido. Si no sabes cómo representar los colores en hexadecimal, o a qué número o nombre se corresponde cada uno de ellos, puedes consultarlo aquí.
EJEMPLOS Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir: ... <body bgcolor="#0000FF"> ... </body> </html> Sería equivalente a poner: ... <body bgcolor="blue"> ... </body> </html>
TEXT A través de la etiqueta <body> también es posible establecer el color del texto de la página a través del atributo text.
EJEMPLOS Por ejemplo, para hacer que el color del texto de una página sea de color rojo, tendremos que escribir: ... <body text="#FF0000"> ... </body> </html>
MARQUEE Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea. Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>. La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen. A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez). A través del atributo direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o left (de izquierda a derecha). También es posible establecer un color de fondo, a través del atributo bgcolor.
EJEMPLOS Por ejemplo, para insertar la siguiente marquesina: Esto es una marquesina Habría que escribir: <marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee> También es posible insertar imágenes, tablas y otros elementos entre las etiquetas <marquee> y </marquee>, no sólamente texto. Si quieres saber cómo crear listas, consúltalo aquí .
HR El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre. Es posible especificar algunos atributos de la regla horizontal:
EJEMPLOS Por ejemplo, para insertar el texto y la regla horizontal siguientes: Inicio Bienvenidos a mi página. Habría que escribir: Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi p&aacute;gina.
OL ara que una lista sea ordenada, sus elementos deberán encontrarse entre las etiquetas <ol> y </ol>. A través del atributo type es posible elegir el tipo de numeración, que puede ser 1 (números), a (letras minúsculas), A (letras mayúsculas), i (numeros romanos en minúsculas) o I (números romanos en mayúsculas).
EJEMPLOS Por ejemplo, para insertar la siquiente lista: Perro Gato Periquito Habría que escribir: <ol type="i"> <li>Perro</li> <li>Gato</li> <li>Periquito</li> </ol>
UL Para que una lista sea desordenada, sus elementos deberán encontrarse entre las etiquetas <ul> y </ul>. A través del atributo type es posible elegir el tipo de viñeta, que puede ser circle (círculo), disc (disco) o square (cuadrado
EJEMPLOS or ejemplo, para insertar la siquiente lista: Perro Gato Periquito Habría que escribir: <ul type="circle"> <li>Perro</li> <li>Gato</li> <li>Periquito</li> </ul>
LI Cada uno de los elementos de una lista ha de insertarse entre las etiquetas <li> y </li>.
EJEMPLOS Por ejemplo, para insertar en una lista los siguientes elementos: Perro Gato Periquito Habría que escribir: ... <li>Perro</li> <li>Gato</li> <li>Periquito</li>
Show full summary Hide full summary

Similar

Repaso de html
martin lora azcona
REPASO HTML
gabriella soriano
Repaso de HTML
Alfonzo Araque
Repaso Html
Luis Grullon
Repaso de HTML
Arlette De Marchena
repaso HTML
pablo garcia
REPASO DE HTML
Ariel Martinez
Johan guzman
Johan Rodriguez
Repaso HTML
Crismarlyn Fernandez
Repaso html
silvia castillo
repaso html
Henry Beras