mirror of
https://github.com/SrIzan10/edicion-en-html.git
synced 2026-06-27 19:02:21 +00:00
419 lines
7.3 KiB
HTML
419 lines
7.3 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html lang="es-es">
|
|
<head>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<title>Estructura general - Enfatización</title>
|
|
<link rel="stylesheet" href="../nvu2005.css" type="text/css">
|
|
<link rel="stylesheet" href="../multi2.css" type="text/css">
|
|
<!-- compliance patch for microsoft browsers --><!--[if lt IE 7]> <script src="../ie7/ie7-standard-p.js" type="text/javascript"></script> <![endif]-->
|
|
</head>
|
|
|
|
|
|
<body>
|
|
<div id="localizador">
|
|
<p>La base>>Texto - Enfatización</p>
|
|
|
|
</div>
|
|
<div id="flechadcha">
|
|
<a href="texto3.html" title="avanzar"><img src="../Images/flechadcha.gif" border="0"></a>
|
|
</div>
|
|
<div id="flechaizq">
|
|
<a href="texto1.html" title="retroceder"><img src="../Images/flechaizq.gif" border="0"></a>
|
|
</div>
|
|
|
|
<div class="solapas">
|
|
<ul>
|
|
|
|
|
|
<li><a href="texto1.html">Tipos
|
|
y cuerpos</a></li>
|
|
|
|
|
|
<li class="activo"><a href="texto2.html">Enfatización</a></li>
|
|
|
|
|
|
|
|
<li><a href="texto3.html">Marcado
|
|
por contenido</a></li>
|
|
|
|
<li><a href="texto4.html">Justificación</a></li>
|
|
|
|
<li><a href="texto5.html">Títulos
|
|
o cabeceras</a></li>
|
|
|
|
<li><a href="texto6.html">Listas</a></li>
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="principal">
|
|
<h2>Enfatización</h2>
|
|
|
|
|
|
|
|
|
|
<p>Una característica que sí que tiene que
|
|
ver claramente con el formato de presentación del
|
|
texto es la utilización de las
|
|
tipografías en negrita, itálica y subrayada. Su
|
|
utilización se ajusta al convenio general de etiqueta de
|
|
apertura y etiqueta de cierre limitando el texto al que se aplica el
|
|
efecto. </p>
|
|
|
|
|
|
|
|
|
|
<table style="width: 100%;" border="0">
|
|
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
<th style="width: 460px;">Este código...</th>
|
|
|
|
|
|
|
|
|
|
<th style="width: 31px;"> </th>
|
|
|
|
|
|
|
|
|
|
<th style="width: 454px;">...da como resultado</th>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
<td style="width: 460px;">
|
|
|
|
|
|
|
|
<p><code><b>esto es
|
|
negrita</b></code></p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td style="width: 31px;" class="imgcentr"> <img style="width: 29px; height: 29px;" alt="...da como resultado..." title="...da como resultado..." src="../imagenes/flechaderecha.gif"> </td>
|
|
|
|
|
|
|
|
|
|
<td style="font-weight: bold; width: 454px;">
|
|
|
|
|
|
|
|
<p>esto es negrita</p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
<td style="width: 460px;">
|
|
|
|
|
|
|
|
<p><code><strong>esto
|
|
también se suele mostrar como negrita
|
|
</strong></code></p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td style="width: 31px;" class="imgcentr"> <img style="width: 29px; height: 29px;" alt="...da como resultado..." title="...da como resultado..." src="../imagenes/flechaderecha.gif"> </td>
|
|
|
|
|
|
|
|
|
|
<td style="width: 454px;">
|
|
|
|
|
|
|
|
<p><strong>esto también se suele
|
|
mostrar como negrita</strong></p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
<td style="width: 460px;">
|
|
|
|
|
|
|
|
<p><code><i>esto es
|
|
itálica</i></code></p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td style="width: 31px;" class="imgcentr"> <img style="width: 29px; height: 29px;" alt="...da como resultado..." title="...da como resultado..." src="../imagenes/flechaderecha.gif"> </td>
|
|
|
|
|
|
|
|
|
|
<td style="font-style: italic; width: 454px;">
|
|
|
|
|
|
|
|
<p>esto es itálica</p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
<td style="width: 460px;">
|
|
|
|
|
|
|
|
<p><code><em>esto también se
|
|
suele mostrar como itálica</em></code></p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td style="width: 31px;" class="imgcentr"> <img style="width: 29px; height: 29px;" alt="...da como resultado..." title="...da como resultado..." src="../imagenes/flechaderecha.gif"> </td>
|
|
|
|
|
|
|
|
|
|
<td style="width: 454px;">
|
|
|
|
|
|
|
|
<p><esto también="" se="" suele="" mostrar="" como="" itálica=""></esto><em>esto
|
|
también se suele mostrar como itálica</em></p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
<td style="width: 460px;">
|
|
|
|
|
|
|
|
<p><code><u>esto es
|
|
subrayada</u></code></p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td style="width: 31px;" class="imgcentr"> <img style="width: 29px; height: 29px;" alt="...da como resultado..." title="...da como resultado..." src="../imagenes/flechaderecha.gif"> </td>
|
|
|
|
|
|
|
|
|
|
<td style="text-decoration: underline; width: 454px;">
|
|
|
|
|
|
|
|
<p>esto es subrayada</p>
|
|
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<p>Como has podido comprobar hay dos etiquetas para enfatizar un
|
|
texto utilizando negrilla y otras dos para la itálica. La
|
|
primera etiqueta de ambas parejas hace referencia al aspecto
|
|
"físico", mientras que la segunda forma de llamarlas tiene
|
|
más que ver con el "sentido" o la importancia dentro del
|
|
contexto. De hecho la etiqueta <code><b></code>
|
|
proviene de la palabra bold que
|
|
significa exactamente negrita, mientras que <code><strong></code>
|
|
significa fuerte o
|
|
enfático. En cuanto a la <code><i></code>
|
|
corresponde a
|
|
"italic" que hace referencia al aspecto físico de la letra,
|
|
mientras que <code><em></code> procede de
|
|
emphasized que
|
|
podríamos traducir como enfatizado o recalcado.</p>
|
|
|
|
|
|
|
|
|
|
<div class="practicas"><img class="numact" style="width: 29px; height: 29px;" alt="Actividad 5" title="Actividad 5" src="../imagenes/numeracion/cinco.gif">
|
|
<ul>
|
|
|
|
|
|
<li>Crea un nuevo documento en la pestaña
|
|
<img style="width: 65px; height: 20px;" alt="Normal" src="../imagenes/pestananormal.png"> y escribe una frase.</li>
|
|
|
|
|
|
<li>Selecciona una palabra y pulsa el icono <img class="imgcentr" style="width: 20px; height: 27px;" alt="Negrita" title="Negrita" src="img/iconegrita.png"></li>
|
|
|
|
|
|
<li>Comprueba la forma en la que se visualiza y pasa
|
|
a la pestaña <img class="imgcentr" style="width: 99px; height: 21px;" alt="Codigo fuente" title="Codigo fuente" src="../imagenes/pestanacodigofuente.png"> para comprobar el código que se
|
|
ha introducido.</li>
|
|
|
|
|
|
<li>Vuelve a pulsar<img class="imgcentr" style="width: 20px; height: 27px;" alt="Negrita" title="Negrita" src="img/iconegrita.png">para que el
|
|
texto pierda la apariencia que habíamos logrado. A
|
|
continuación pulsa el icono <img style="width: 20px; height: 27px;" alt="Gran énfasis" title="Gran énfasis" src="img/icogranenfasis.png"> de
|
|
la 2ª barra de formato.</li>
|
|
|
|
|
|
<li>Comprueba que la visualización sigue siendo la
|
|
misma que en el caso anterior y pasa a a la pestaña
|
|
<img class="imgcentr" style="width: 99px; height: 21px;" alt="Codigo fuente" title="Codigo fuente" src="../imagenes/pestanacodigofuente.png">para
|
|
comprobar el código que se ha introducido.</li>
|
|
|
|
|
|
<li>Sigue el mismo procedimiento para comparar el efecto al
|
|
utilizar los iconos <img class="imgcentr" style="width: 20px; height: 27px;" alt="Cursiva" title="Cursiva" src="img/icocursiva.png"> de la
|
|
primera barra de formato y <img class="imgcentr" style="width: 20px; height: 27px;" alt="Énfasis" title="Énfasis" src="img/icoenfasis.png"> de la
|
|
segunda.</li>
|
|
|
|
<li>Guarda tu trabajo como <strong>actividad5.html</strong></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<br>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|