Ing Clase12 9-12 Negrita, Etc
Ing Clase12 9-12 Negrita, Etc
Ing Clase12 9-12 Negrita, Etc
Practica No. 9
Nombre de la Practica Efectos_simples_1.html
ETIQUETAS: FUNCION :
<B> </B> Tag que resalta los textos haciendo mas gruesos los
caracteres
<I> </I> Tag que resalta los textos inclinando los caracteres.
<U< </U> Tag que resalta textos subrayando caracteres.
<S> </S> Tag que pretende enfatizar los textos, mediante un
tachonado con una línea en medio del texto.
<SMALL> </SMALL> Tag que disminuye el tamaño de los caracteres
<SUB> </SUB> Tag que coloca subíndices en los textos.
<SUP> </SUP> Tag que permite colocar superíndices en los textos.
<TT> </TT> Tag que resalta un texto haciendo la letra tipo máquina
de escribir
<PRE> </PRE> Tag que respeta cualquier formato previo que se
encuentre dentro de este tag.
<EM> </EM> Tag que enfatiza los caracteres qtiquetados
<STRONG> </STRONG> Enfatiza fuertemente el texto etiquetado.
<ADDRESS> </ADDRESS> Tag que usa un texto con formato de domicilio.
EJEMPLO 9:
<html>
<head>
<title>
ORGANIZACION
</title>
</head>
<body>
<b>Esto es letra negrita</b><br>
<i>Esto es letra cursiva</i><br>
<u>Esto aparece subrayado</u><br>
<s>Esto aparece tachado</s><br>
Este texto no tiene efectos
</body>
</html>
EJEMPLO 9 A:
<html>
<head>
<title>
ORGANIZACION
</title>
</head>
<body>
Este mensaje tiene letra normal<br>
<b>Este mensaje esta resaltado con letra tipo "negrita"</b><br>
Este mensaje tiene letra normal<br>
<b>Este mensaje esta resaltado con letra tipo "negrita"</b><br>
</body>
</html>
1
HTML ING. R.C.G.G.
EJEMPLO 9 B:
<html>
<head>
<title>
ORGANIZACION
</title>
</head>
<body>
Este mensaje tiene letra normal<br>
<i>Este mensaje esta resaltado con letra tipo "italica"</i><br>
Este mensaje tiene letra normal<br>
<i>Este mensaje esta resaltado con letra tipo "italica"</i><br>
</body>
</html>
EJEMPLO 9 C:
<html>
<head>
<title>
ORGANIZACION
</title>
</head>
<body>
Este mensaje tiene letra normal<br>
<u>Este mensaje esta resaltado con letra SUBRAYADA</u><br>
Este mensaje tiene letra normal<br>
<u>Este mensaje esta resaltado con letra SUBRAYADA</u><br>
</body>
</html>
EJEMPLO 9 D:
<html>
<head>
<title>
LETRA TACHADA
</title>
</head>
<body>
Este mensaje tiene letra normal<br>
<strike>Este mensaje tiene letra tachada</strike><br>
Este mensaje tiene letra normal<br>
<strike>Este mensaje tiene letra tachada</strike><br>
</body>
</html>
2
HTML ING. R.C.G.G.
EJEMPLO 9 E:
<html>
<head>
<title>
titulo
</title>
</head>
<body>
Este mensaje tiene tamaño normal<p>
<big>Este mensaje tiene tamaño grande</big><p>
Normal,<big>grande y</big>normal<p>
<big>grande</big>normal y <big>grande</big>.
</body>
</html>
EJEMPLO 9 F:
<html>
<head>
<title>
LETRA TACHADA
</title>
</head>
<body>
Este mensaje tiene tamaño normal<br>
<small>Este mensaje tiene tamaño pequeño</small><br>
normal,<small>Pequeño y </small>normal<p>
<small>Pequeño</small>normaly <small>pequeño</small>.
</body>
</html>
EJEMPLO 9 G:
<html>
<head>
<title>
SUBINDICE
</title>
</head>
<body>
<center>H<sub>2</sub>SO<sub>4</sub>
</body>
</html>
3
HTML ING. R.C.G.G.
EJEMPLO 9 H:
<html>
<head>
<title>
SUBINDICE
</title>
</head>
<body>
From "Publicado en Internet"<sup>&Copy;</sup><p>
CON MS-Internet Explorer(V.4.0)<sup>®</sup><p>
<sup>©</sup>Copyright 1998by<p>
Instituto Politecnico Nacional<p>
C.E.C.y T
México.
</body>
</html>
EJEMPLO 9 I:
<html>
<head>
<title>
SUBINDICE
</title>
</head>
<body><br><br>
<h3 align=CENTER>
Observa la siguiente expresión matematica:</h3>
<h2 align=CENTER>
(X<sup>2</sup>+ab<sup>x</sup>)<sup>ayz</sup></h2>
</body>
</html>
EJEMPLO 9 J:
<html>
<head>
<title>
SUBINDICE
</title>
</head>
<body>
ESTE ES UN TEXTO CON LETRA NORMAL
<TT>ESTE ES UN TEXTO CON LETRA TIPOGRÁFICA</TT>
este es un texto con letra normal.<p>
<tt>Este es en texto con letra tipográfica</tt>
</body>
</html>
4
HTML ING. R.C.G.G.
EJEMPLO 9 K:
<html>
<head>
<title>
SUBINDICE
</title>
</head>
<body>
ESTE ES UN TEXTO CON LETRA NORMAL<P>
<pre>AQUÍ PRESENTAMOS UNA CADENA DE CARACTERES HECHA CON LETRA
PREFORMATEADA </PRE>
AQUI PRESENTAMOS UN TIPO DE LETRA NORMAL<P>
<PRE>aqui presentamos un tipo de letra preformateada </pre><p>
</body>
</html>
EJEMPLO 9 L:
<html>
<head>
<title>
LETRA TACHADA
</title>
</head>
<body>
Este mensaje tiene tamaño normal<br>
<em>Este mensaje tiene marcaje de enfasis</em><br>
normal,<em>Enfatizado y </em>normal<p>
<em>enfatizado</em>normaly <em>enfatizado</em>.
</body>
</html>
EJEMPLO 9 M:
<html>
<head>
<title>
SUBINDICE
</title>
</head>
<body>
Este mesaje esta escrito con letra normal<br><br>
<strong>Este mensaje esta escrito con letra tipo: "Gran Enfásis" </strong><br><br>
Este mensaje esta escrito con letra normal<br><br>
<strong>Este mensaje esta escrito con letra tipo:"Gran Enfásis"</strong>
</body>
</html>
5
HTML ING. R.C.G.G.
EJEMPLO 9 N:
<html>
<head>
<title>
adress
</title>
</head>
<body>
<address>Yoliztli Vega Gullien<br>Apartado Postal 2119<br>
Cd.Juárez Chihuahua<br>México.</Address>
</body>
</html>
6
HTML ING. R.C.G.G.
Practica No. 10
Nombre de la Práctica Encabezamientos_1.html
ETIQUETAS: FUNCION :
EJEMPLO 10:
<html>
<head>
<title>
LINEAS hORIZONTALES
</title>
</head>
<body>
<h1>
Esto es texto con h1.</h1>
<h2>
Esto es texto con h2.</h2>
<h3>
Esto es texto con h3.</h3>
<h4>
Esto es texto con h4.</h4>
<h5>
Esto es texto con h5.</h5>
<h6>
Esto es texto con h6.</h6>
Esto es el texto normal.<br>
Como ve, continua debajo del titular.
</body>
</html>
EJEMPLO 10 A:
<html>
<head>
<title>
LINEAS hORIZONTALES
</title>
</head>
<body>
<center><h1>Este es un encabezado de tamaño "H1"</h1>
<h2>Esto es un encabezado de tamaño "H2".</h2>
<h3>Esto es un encabezado de tamaño "H3".</h3>
<h4>Esto es un encabezado de tamaño "H4".</h4>
<h5>Esto es un encabezado de tamaño "H5".</h5>
<h6>Esto es un encabezado de tamaño "H6".</h6>
<h5>Esto es un encabezado de tamaño "H5".</h5>
<h4>Esto es un encabezado de tamaño "H4".</h4>
7
HTML ING. R.C.G.G.
8
HTML ING. R.C.G.G.
Practica No. 11
Nombre de la Práctica Formato_1.html
ETIQUETAS: DEFINICION :
<PRE> </PRE> Indica que el texto que se encuentra encerrado en este tag , ya
posee un formato determinado.
EJEMPLO 11:
<html>
<head>
<title>
USO DE PREFORMATEADO
</title>
</head>
<pre>
<h3>Esto es una línea de texto con varios espacios e
n blaco.
Esto es otra línea de texto con tabulaciones.
9
HTML ING. R.C.G.G.
Practica No. 12
Nombre de la Práctica Sangrado_1.html
ETIQUETAS: DEFINICION :
EJEMPLO 12:
<html>
<head>
<title>
USO DE SANGRADOS
</title>
</head>
<body>
Texto normal. No aparece sangrado.
<blockquote>
Texto sangrado<br>
mas texto sangrado.
</blockquote>
Este texto es normal de nuevo.
</body>
</html>
10