You are on page 1of 11

 

 
TECNOLÓGICO NACIONAL DE MÉXICO
 
Instituto Tecnológico de Villahermosa 
 
 
Profesor: Javier Romero Castro
 
 
Alumno: Bryan Cruz Hernández
 
 
No. de control: 19300825
 
 
Asignatura: Programación Web
 
 
Tema: Pagina html
CODIGO HTML

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>etiquetas</title>

</head>

<body>

<div class="header">

<br>

<center>Hola mundo c</center>

<p align="left">hola mundo p</p>

<p align="center">hola mundo p</p>

<p align="right">hola mundo p</p>

<B>TECNOLOGICO DE VILLAHERMOSA B</B>

<br>

<u>TECNOLOGICO u</u>

<br>

<I>TECNM I</I>

<hr>

<h1>Titulo</h1>

<h2>Titulo</h2>

<h3>Titulo</h3>

<h4>Titulo</h4>

<h5>Titulo</h5>
<h6 align="left">Titulo</h6>

<h6 align="center">Titulo</h6>

<h6 align="right">Titulo</h6>

<font face="Arial">Titulo font</font><br>

<font size="3">Titulo font</font><br>

<font face="Arial" size="5" color="green">Titulo font</font><br>

<table width="400px" align="left" border="4px">

<tr>

<td>Celda 1</td>

<td>Celda 2</td>

</tr>

<tr>

<td>Celda 4</td>

<td>Celda 5</td>

</tr>

</table>

<table width="400px" align="left" border="4px">

<thead>

<tr>

<th>Usuario</th>

<th>Puntos</th>

<th>Activo</th>

<tr>

<td>Celda 1</td>

<td>Celda 2</td>

<td>Celda 5</td>

</tr>

<tr>

<td>Celda 3</td>
<td>Celda 4</td>

<td>Celda 6</td>

</tr>

</table>

<TABLE width="400px" align="left" border="4px">

<TR><TH ROWSPAN=2>Head1</TH>

<TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD>

</TR>

<TR><TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD> <TD>Item 8</TD>

</TR>

<TR><TH>Head2</TH>

<TD>Item 9</TD> <TD>Item 10</TD> <TD>Item 3</TD> <TD>Item 11</TD>

</TR>

</TABLE>

<table width="1px" align="right" border="4px" style="height:200px" bgcolor=”#0000FF>

<tr valign="top">

<th>Month</th>

<th>Savings</th>

</tr>

<tr valign="bottom">

<td>January</td>

<td>$100</td>

</tr>

</table>

<TABLE width="1px" align="left" border="4px" style="height:200px" bgcolor=”#0000FF>

<TR> <TD><TH ROWSPAN=2></TH>

<TH COLSPAN=2>Media</TH></TD>
</TR>

<TR> <TD><TH>Altura</TH><TH>Peso</TH></TD>

</TR>

<TR> <TH ROWSPAN=2>Sexo</TH>

<TH>Hombres</TH><TD>1.9</TD><TD>85</TD>

</TR>

<TR> <TH>Mujeres</TH><TD>1.7</TD><TD>60</TD>

</TR>

</TABLE>

<br>

<img src="img.jpg"

width="100"

height="140"

title="Exposición de un T-Rex en el museo de la Universidad de Manchester.">

<br>

<A href="inicio.html">inicio</A><br>

<a name="target" href=”https://www.masterseosem.com” target=”_blank”>texto ancla</a>

<ul type="circle">

<li>Esto</li>

<li>Lo otro</li>

<li>Lo de más allá</li>

</ul><br>

<ol start="50">

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol><br>

<li>Milk</li><br>
<form action="" method="post">

<fieldset>

<legend>Título</legend>

<input type="radio" name="radio" id="radio"> <label for="radio">Clic aquí</label>

</fieldset>

</form>

<form action="#" method="POST">

<fieldset>

<label>Número</label><br>

<input type="text" name="numero" id="numero"><br>

<input type="button" value="enviar" onClick="enviarDatos()">

</fieldset>

</form>

<form action="page.html" method="post">

<label>Fruta:

<input type="text" name="fruit" dirname="fruit.dir" value="cherry" />

</label>

<input type="submit" />

<label for="pwd">Password:</label>

<input type="password" id="pwd" >

<div>

<label for="title">Título del artículo:</label>

<input type="text" id="titulo" name="titulo" value="Mi excelente artículo del blog">

</div>

<div>

<label for="content">Contenido del artículo:</label>


<textarea id="contenido" name="contenido" cols="60" rows="5">

Este es el contenido de mi excelente actículo del blog. ¡Espero lo disfrutes!

</textarea>

</div>

<div>

<button type="submit">Actualizar artículo</button>

</div>

<input type="hidden" id="acticuloId" name="articuloId" value="34657">

<label>

Ingresa tu cumpleaños:

<input type="date" name="bday" />

</label>

<p><button>Submit</button></p>

<label for="appt-time">Choose an appointment time: </label>

<input id="appt-time" type="time" name="appt-time" value="13:30" />

<fieldset>

<legend>Selecciona tu metodo:</legend>

<div>

<input type="radio" id="contactChoice1"

name="contact" value="email">

<label for="contactChoice1">Email</label>

<input type="radio" id="contactChoice2"

name="contact" value="phone">

<label for="contactChoice2">Telefono</label>
<input type="radio" id="contactChoice3"

name="contact" value="mail">

<label for="contactChoice3">Mail</label>

</div>

<div>

<button type="submit">Submit</button>

</div>

</fieldset>

<div>

<input

type="checkbox"

id="subscribeNews"

name="subscribe"

value="newsletter" />

<label for="subscribeNews">Subscribirse a newsletter?</label>

</div>

<div>

<button type="submit">Subscribir</button>

</div>

</form>

</form>

<br>

<select name="select">

<option value="value1">Value 1</option>

<option value="value2" selected>Value 2</option>

<option value="value3">Value 3</option>


</select><br>

<textarea name="textarea" rows="10" cols="50">Write something here</textarea>

</form>

</body>

</html>
RESULTADOS

You might also like