¡Descarga Guía de comandos HTML y más Apuntes en PDF de Informática solo en Docsity!
GUÍA RÁPIDA DE COMANDOS HTML
El HTML (HIPERTEXT MAKE UP LENGUAGE), son comandos con los que se desarrollan las páginas WEB. A continuación hay una lista con algunos de los comandos usados en HTML.
- DESCRIPCI ON
2. INICIO 3. FINAL
4. COMENTARIOS
- Obligatorias
- Principio de Document o 7. 8. 9. Toda la codificación debe estar incluida en estas etiquetas
- Encabezad o
- Dentro del encabezado se encontrará el título.
- Título 15. 16.
- Es el texto que aparece en la barra de títulos del navegador
- Cuerpo 19. 20.
- Cuerpo de la página
- Para toda la página
- Color de Fondo
- Permite colocar un color uniforme de fondo a toda la página. Este color estará formado por 3 números hexadecimales que indiquen:
- RR = tonalidad de color rojo
- VV = tonalidad
del color verde
AA = tonalidad del color azul
Imagen de Fondo
nombreimagen. gif deberá reemplazarse por el nombre de la imagen. Se recomienda utilizar formatos .gif o .jpg
Colores de texto color de enlaces enlaces visitados
Permite definir un estilo de fuente, color, tamaño, etc para todo el documento.
Meta 43.
- Permite definir propiedades internas del documento. Name = "description" content = ” Será el resumen con que se publicará en el buscador. No utilizar más de 25 palabras" Name = "keywords"
- Negrita
- Cursiva
- Subrayado
- Coloca el texto incluido con éstos formatos.
- Parpadeo 76. 77.
- El texto estará parpadeante
- Grande
- Pequeña
- Agranda el texto
- Disminuye el texto
- Subíndice
- Superíndic e
- Representa el texto sobre el renglón o bajo el renglón.
- Color del Texto
- Permite colocar un color a la fuente. El color está representado por un número hexadecimal.
- Tamaño del Texto
font>
- Define un tamaño de fuente específico. n repr e-senta un número del 0 al 7 al que luego podrán agregarle los signos + o -
- Tip o de fuente
font>
- Permite definir un nombre de Fuente específico.
- Esti lo de fuente
tt>
- Formato de fuente Courier de tamaño menor (Typewrit er)
- Tex to preformat eado
pre>
- Formato de fuente tipo Courier. Se representan los espacios en blanco
- Tex to en Movimient o
- (text o)
marquee>
- Permite que un texto tenga movimiento. Pueden agregarse atributos para dimensionar la marquesina, para alinear el texto, para modificar tamaño, fuente y color.
- Lín ea Horizontal
- No utiliza etiqueta de cierre
- Traza un línea horizontal cuyo grosor está representado por “n”
- Esp acio en Blanco
- No utiliza etiqueta de cierre
- Represe nta un espacio en blanco.
- Co mentario
- ->
- Coment arios que no serán visibles en la pantalla.
- Car acteres especiales
131. E
scribo
Para ver
- & lt;
gt;
- Permite n que los caracteres especiales sean leídos por todos los navegadores en sus distintas versiones.
- Presentación de párrafos
- Ali neaciones
center>
- Todo texto que se escriba entre estas etiquetas sufrirá esa alineación.
- San gría
blockquote>
- Se utiliza para destacar una cita.
- Par rafo
Realiza la separación entre párrafos, y la alineación de estos.
Re nglones en blanco
196.
Permite dejar renglones en blanco
Tratamiento de imágenes
Im agen Individual
Permite insertar una imagen en la página que estamos diseñando. El archivo de la imagen deberá estar ubicado en la misma carpeta que la página, caso contrario se deberá indicar su ruta de acceso
Tex to de la
imagen alt="texto"> drá leerse al pasar el puntero del ratón sobre la imagen o cuando ésta no se carga.
Ali neación del texto
Indicará la posición en que ubicaremos al texto que acompaña a la imagen
Top Arri ba
* **Middle** Medio * **Bottom** Abajo
An cho
Alt o
Define el tamaño de la imagen
Width = ancho * height = altura n = será un valor en pixeles
Vid eos
Permite agregar archivos de video.
Listas
List a numerada
título de la lista
Primera opción Segunda opción Tercera opción
ol>
- Se utiliza cuando las opciones deben ser numerados. La opción t ype representan número o letras y start indicará el número con que inicia.
- List a no
- Se utiliza cuando las
Anchor)
- Loc alizar enlace anterior
- texto del ancla
- Enlaza una posición previamente marcada, dentro de la misma página
- Enl ace a otra página con marca, dentro del mismo sitio
texto indicativo del enlace 257. 258. Enlaza a la posición establecida en marca, en la página ab.htm
- Enl ace con imagenes
- xxx se debe reemplazar por la dirección URL destino del enlace.
- nombrei magen.gif se debe reemplazar por el nombre de imagen seleccionado
- Enlaza a la dirección URL haciendo un click sobre la imagen.
- Tablas
- De finición
table>
- Crea una tabla
- Bor des
- Col or de Bordes
- n = representa al grosor del borde. También se podrá especificar el
color del borde
Sep aración entre celdas
Las celdas podrán separarse por el n valor
Sep aración entre el borde y el contenido
El contenido podrá estar separado del borde por el valor indicado en n
Alt o
anc ho
Se puede establecer un valor o un porcentaje para definir el tamaño de la tabla
Col or de Fondo o
Im agen de Fondo
(^) 292.
Se puede establecer un color de fondo de toda la tabla o colocar una imagen de fondo
Tít ulo
texto del título
caption>
- Posibilit a colocar un título a la tabla alineado top =arri ba o bottom =abajo
- De finición de filas
tr>
- Por cada fila que tenga la tabla deberá utilizarse esta etiqueta: se podrá
enctype="text/plain">T exto referente especificada en formato de texto.
Intr oducción de datos
Ingresa un objeto dentro del formulario, se deberá definir el tipo de objeto, el nombre del campo formulario, el valor inicial que se le asigna, el tamaño máximo de visualización del campo y el tamaño máximo de caracteres que puede tener ese campo. Con el type = "text" no se asigna Value
Op ciones de type
button checkbox file hidden image password radio reset submit text
- checkbo x = se visualiza un cuadro de verificación, si deseamos que aparezca tildado agregamos CHE CKED. password = el ingreso se representa con asteriscos. radio = visualiza botones de radio y permite que el usuario elija una opción entre varias. Se agregan tantos
input como opciones deseamos.
- reset = visualiza un botón que al hacerle click borrará los datos. submit = visualiza un botón que al hacerle click enviará los datos. text = crea un campo para ingresar caracteres alfa- numéricos
- Ing reso de un texto que ocupa muchas líneas
otros frame.
- Atr ibutos del tag frameset
border= frameborder= framespacing=
- Border = 0 indica que no habrá huecos de separación entre frames (para Netscape). frameborder = 0 indica que no habrá borde de separación entre frames. framespacing = 0 indica que no habrá huecos de separación entre frames (para Explorer).
- Atr ibutos del tag frame
- frameborder="n o" marginheight="número" marginwidth="número" name="nombre del frame" noresize scrolling="yes/no/auto" src="dirección.htm"
- Frameb order = elimina los bordes de un frame marginwidth y m arginheight = definen el ancho y alto de los margenes del frame. name = define el nombre del frame.
- Noresize = indica que el fram no podrá redimen- sionarse. scrolling = inidca si tendrá o no barra de desplazamiento. src = indica el contenido del
frame.
- Si el frame no puede visualizars e
noframes>
- Si el navegador no cuenta con la posibilidad de incluir Frames, con este tag puede definirse una dirección alternativa. Se coloca luego de los tag FRAME y llevan dentro un texto definifo entre los tag
