Scribd
Cargar
32 vistas

Resumen HTML Actualizado

El documento describe las etiquetas HTML para crear estructuras básicas de páginas web como encabezados, párrafos, listas y tablas. También cubre etiquetas para formato de texto como negrita, cursiva y subrayado. Además, explica cómo insertar imágenes, audio, video y formularios.

Cargado por

Néstor Parra Brazález
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
32 vistas

Resumen HTML Actualizado

El documento describe las etiquetas HTML para crear estructuras básicas de páginas web como encabezados, párrafos, listas y tablas. También cubre etiquetas para formato de texto como negrita, cursiva y subrayado. Además, explica cómo insertar imágenes, audio, video y formularios.

Cargado por

Néstor Parra Brazález
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 10

Resumen HTML

<html>
<head>
<title></title>
</head>
<body>
…
</body>
</html>
Creación de párrafos
<p>un texto</p>

Cabezado
<h1> texto</h1>
<h2>texto</h2>
<h3>texto</h3>
<h4>texto</h4>
Negrita
<b>texto que quieres poner negritra</b>

Cursiva
<i>texto que quieres en cursiva</i>
Salto de línea (no necesita etiqueta de cierra)
<br>Salto de línea
Fondo de color
<bodybycolor=”red”
Con una foto
<bodybackground=”laimagen.jpg”
Para centrar
<center> texto</center>
Para subrayar
<u>texto</u>
Para tipo de letra
<Font face=”arial”> hola</Font>
Y color de la letra
<Font color=”red”>hola</Font>
Para el tamaño de la letra
<Font size=” 12”>hola</Font>
Lista desordenadas
<ultype=”circle, square o disc”>
<li> DAI</li>
<li> ASI</li>
<li> ESI</li>
</u>
Lista ordenada
<oltype=”i,I,A,a,1”>
<li> DAI</li>
<li> ASI</li>
<li> ESI</li>
</ol>
Poner color o texto en la lista.
<li style=”color:red”;Font size:18px>texto</li>
Insertar imagen después del texto
<imgsrc=”foto.jpg”>
Meter lista después de una lista
<ulstyle:"list-style-type:square;">
<li>texto</li>
</ul>
Enlaces <a> </a>
<a href=”http:….”>
Ejemplo<a href=http://google.es>
Lo de arriba es un atributo de <a>
<a href=”# inicio”> ir a inicio </a>
<a name=”Inicio”> </a>
<a href=”nombrefichero”></a>
<body background=”ruta/nombre de archivo”>
<img src= "nombrefoto.formato">

Etiqueta Atributo Valor Significado


img Src URL Indica la URL
alt Texto Define un texto alternativo por si no se
encuentra la imagen
aling Top, Alinea la imagen respecto horizontal(left,
middle,bottom, right y center) como en sentido
left, right, center vertical(top, middle y bottom)
border Número Pone un marco a la imágen
height Número % Específica a la altura que debe tener la
imagen.
Width Número% Específica el ancho que debe tener la
imagen.
hspace número Se específica en píxeles la separación
horizontal entre el texto e imágen
vspace número Se específica en píxeles la separación
vertical entre el texto e imágen
longdesc URL Específica la URL desde la que procede la
imagen, o donde pretendemos enlazarla
más adelante

<audio src=”audio.mp3” controls></audio>


<video src=”video.mp4 controls></video>

Tablas:
<table>------------</table>
Especificar filas:
<tr>---------</tr>
Especificar columnas:
<td>---------</td>
Para poner celdas en estilo cabecera la etiqueta <td> se sustituye por la
etiqueta <th>.
Especificar título de la tabla:
<caption>---------</caption>
Top: título en la parte superior de la tabla.
Bottom: título en la parte inferior.
Left: título en la izquierda.
Right: título en la derecha.
ETIQUET ATRIBUTO VALOR SIGNIFICADO
A
tr Align Left, Right, Permite fijar la alineación horizontal de los
center elementos de una fila.
Valign Top, Permite fijar la alineación vertical de los
middle, elementos de una fila
bottom
bgcolor Color Indica el color de fondo.

ETIQUET ATRIBUTO VALOR SIGNIFICADO


A
Td/th Bordercolor Numero Fija el borde de color.
hex
align Left, Right, Permite fijar la alineación horizontal de los
center elementos.
valign Top, Permite fijar la alineación vertical de los
middle, elementos.
bottom
Bgcolor Color Indica el color de fondo.
Width número Fija el ancho de una tabla.
Nowrap Impide que la línea de texto dentro de una
celda se divida en varias líneas.
Rowspan Número Indica el número de filas
colspan número Establece el número de columnas

<td width="20%" style="border-color: blue">celda4 f2-c2</td>


<frameset rows=”20%”>
<frame name=”” src=”a.html” marginwidth=”10”
marginheight=”10” scrolling=”auto”>
<frame name=”” src=”b.html” marginwidth=”10”
marginheight=”10” scrolling=”auto”>
</frameset>
</html>
<html lang=”es”>
<head>
<title>Ejer 3</title>
</head>
<Framesets rows=”20%,*>
<frame src=?”Pagina1.html”></frame>
<frameset cols=”20%,*”>
<frame src=”Pa
<cols>
<rols>
Formularios
<form>…….</form>
Detro de la etiqeta tenemos tres opciones:
-action: Indiaca al navegador que debe hacer con la información una vez
pulsado el botón de envío. Puede tomar el valor URL si se van a enviar los
datos a un servidor o mailto: direccióndecorreo si se mandan a una
dirección de correo.
-Method: Informa al navegador sobre la forma de enviar los datos para su
procesamiento.
-Puede tomare dos valores:
-El primero: post en el que el envio de información no es visible al usuario
El segundo: Get si se envían a través de una pagina web; es la forma mas
seguida.
-El tercero: enctype: Determina la forma de codificación de la información,
suele ser envio como texto plano.
La frma que tirnr la etiqueta form es la siguie4nte:
<form action=”URL” method=”post” enctype=”text-plain”>
Atributos de la etiqueta form:
Etiqueta Atributo Valor Significado
target nombre Especifica el
nombre del
marco en el que
se mostrará la
repuesta al
envió del
formulario
action URL Atributo
obligatorio:
Indica a donde
se debe enviar la
form información del
formulario
encype Tipo mime Determina la
forma en la que
se debe codificar
la información,
ya sea como
texyo
plano(text/plain)
o como fichero
(multipart/form-
data)
Method Get, post Determina como
se debe enviar la
información.
Con get se
enviará a través
de la URL; con
post se hará en
el cuerpo de la
petición(invisible
a los usuarios)
name texto Define un
nombre univoco
para el
formulario
Dentro de esta etiqueta hay nuevas etiquetas:
accept Tipos MIME Indica el tipo
MME del
archivo (solo se
utiliza con
type=”file”)
aling Left,right,top, Define la
middle,bottom alineacon del
texto frente a la
imagen
Alt Texto Establece un
texto alternativo
para la imagen
Input checked Indica que el
cuadro de
validación debe
aparecer
seleccionado
por defecto
maxlength número Determinarle
numero máximo
de caracteres
que se pueden
insertar en un
campo de texto
name texto Atributo
obligatorio.
Define un
nombre univoco
para el
elemento
size numero Define el
tamaño de
elemento
<input>. No se
puede utilizar
con
type=”hidden”
src URL Indica el tipo de
elemento. Por
defecto, será
texto.
Type Buttom Indica el tipo de
Checkbox, elemento. Por
File, defecto, será
Hidden, texto.
Image,
Password,
Radio,
Input Reset,
Submit,
Text.

value value Define el valor


del tipo de
elemento:
-Si type
=button,reset o
submit, define el
text del botón.
-si type=image,
define el
resultado
simbolico del
campo pasado a
un script
-Si
type=checkbox
o radio, este
atributo es
obligatorio.
Define el
resultado del
elemento input
al ser pulsado. El
resultado se
envía a URL
indicada en
<form>
Si
type=”hidden”,
passwordo text,
define el valor
por defecto del
elemento.

<select>.........</select>

También podría gustarte