Este documento proporciona una introducción básica a las tablas, listas, marcos, hipervínculos, imágenes, videos y formularios en HTML. Explica cómo insertar tablas, listas ordenadas y no ordenadas, y listas de definiciones usando las etiquetas adecuadas. También describe cómo agregar marcos, hipervínculos, imágenes, videos y formularios a una página web mediante las etiquetas correspondientes.

1. MANUAL BASICO DE HTML
JanetAlejandra BeltranVizcarra

2. TABLAS
 Las tablas nos ayudan a organizar mejor
nuestra información.
 El codigo para insertar una tabla es:
<table></table> ´que nos sirve para inicializar
y cerrar la tabla´
<tr>
<td></td> ´td nos ayudara a ingresar los datos
en la tabla´

3. ATRIBUTOS DE TABLA
 Border : nos ayuda a definir el borde de
nuestra tabla
<table border=“3”>
 Width: Nos ayuda a definir el ancho de la
tabla
<table border=“3” width=“50%”>

4. LISTAS
 Las listas nos ayudan a representar nuestra
información dentro de HTLM existen tres
tipos de listas
 Listas no ordenadas
 Listas ordenadas
 Listas de definiciones

5. Listas no ordenadas
 Las listas ordenadas van enmarcadas dentroo
de las etiquetas <ul></ul> cada punto que
queramos añadir a la lista lo haremos dentro
de la etiqueta<li>
ejemplo
<ul>
<li>Ejemplo
<li>ejemplo2
</ul>

6. Listas ordenadas
 Las listas ordenadas van dentro de las
etiquetas <ol></ol>. Cada punto de la lista se
escribe con la misma etiqueta que las listas
no ordenadas <li>
Ejemplo
<ol>
<li>ejemplo
<li>ejemplo2>
</ol>

7. Listas de definiciones
 Si lo que vamos hacer en un listado de
definiciones podemos usar las etiquetas
<dl><dt><dd>
 <dl> nos indica que dentro de ella va a ir una
definicion
 <dt> nos indica que dentro de ella ira el
termino que vamos a defenir es decir ira el
titulo de la definicion
 <dd> nos indica que dentro de ella ira la
definicion

8. FRAME
 los marcos son instrumentos que forman ya
parte habitual del web y que los navegadores
gestionan hoy día a la perfección. Los
detractores de los marcos afirman la
inutilidad de subdividir ulteriormente las
páginas web, las cuales, en última instancia,
pueden resultar poco legibles

9. FRAME
 Documento Marco
 <FRAMESET></FRAMESET>
 altura en filas
 <FRAMESET ROWS=,,,></FRAMESET>
 altura en filas
 <FRAMESET ROWS=*></FRAMESET>
 anchura en columnas
 <FRAMESET COLS=,,,></FRAMESET>

10.  anchura en columnas
 <FRAMESET COLS=*></FRAMESET>
 anchura del borde
 <FRAMESET BORDER=?>
 borde
 <FRAMESET FRAMEBORDER="yes|no">
 color del borde
 <FRAMESET BORDERCOLOR="#$$$$$$">

11. HIPERVINCULOS
 Para agregar un hipervínculo a una pagina de
html utilizaremos la etiqueta <a>
 <a href=“direccion“
target="central">ejemplo</a>
 La direccion del archivo que vincularemos es
sumamente importante porque si este no es
el correcto el hipervinculo no funcionara

12. IMÁGENES
 Para agregar una imagen a una pagina de
html utilizaremos <img src>
 <img src=“direccion”>
Al igual que en los hipervinculos es muy
importante que la dirección de la imagen sea
la correcta para asegurarnos de que asi sea
puede consultar en propiedades de la imagen

13. VIDEO
 Para agregar un video a una pagina de html
lo haremos de la siguiente forma
 <video width=“320” height=“240 ” controls>
 <source src=“video.mp4” type=“videp/mp4”>

14. FORMULARIOS
 Para agregar un formulario lo haremos con la eqtiqueta <form></form>
 Ejemplo
<FORM ACTION=http://www.coder.com/code/mailform/mailform.pl.cgi
METHOD=POST>
<INPUTTYPE=HIDDEN NAME=MAILFORM_ID VALUE="Val_7743">
<INPUTTYPE=HIDDEN NAME=MAILFORM_SUBJECT VALUE="Mi primer
formulario">
<INPUTTYPE=HIDDEN NAME=MAILFORM_URL
VALUE="http://www.htmlpoint.com/risposta.htm">
<B>Nombre y apellidos</B><BR>
<input type=text NAME=MAILFORM_NAME size=33><BR><BR>
<B>Dirección de correoelectrónico</B><BR>
<input type=text NAME=MAILFORM_FROM size=33><BR><BR>
<B>Comentarios</B><BR>
<TEXTAREA NAME=MAILFORM_TEXT ROWS=10 COLS=42
WRAP></TEXTAREA><BR><BR>
<INPUTTYPE=SUBMIT VALUE="Envía"><INPUT TYPE=RESETVALUE="Cancela">
</FORM>