2020(e)ko azaroaren 24(a), asteartea

2 | Más etiquetas [código HTML]

<table align="center" border="1" style="background-color: #bbccee; width: 600px;"><tbody>
<tr>
<td><div style="text-align: center;">
En general, cada marca debe ser cerrada por su correspondiente marca
simétrica. A continuación mencionaremos algunas etiquetas muy utilizadas y al final se mostrará la forma de incluir comentarios en la programación HTML, y se finalizará esta entrada presentando el símbolo especial que más frecuentemente necesitaremos. </div>
</td></tr>
</tbody></table>
<br />
<br />
<hr />
<span class="codigo">&lt;H1&gt;</span>, <span class="codigo">&lt;H2&gt;</span> <span class="codigo">hasta &lt;H6&gt;</span> <b>Encabezados</b><br />
<br />
Sirven para escribir los titulares del texto y se pueden definir seis niveles de titulares. Por ejemplo, el siguiente código:<br />
<pre>      &lt;h1&gt;Texto muy grande&lt;/h1&gt;
      &lt;h2&gt;Texto grande&lt;/h2&gt;
      &lt;h3&gt;Texto algo más grande de lo normal&lt;/h3&gt;
      &lt;h4&gt;Texto normal&lt;/h4&gt;
      &lt;h5&gt;Texto pequeño&lt;/h5&gt;
      &lt;h6&gt;Texto muy pequeño&lt;/h6&gt;</pre>
<br />
Producirá la siguiente salida:<br />
<blockquote>
<h1>
Texto muy grande</h1>
<h2>
Texto grande</h2>
<h3>
Texto algo más grande de lo normal</h3>
<h4>
Texto normal</h4>
<h5>
Texto pequeño</h5>
<h6>
Texto muy pequeño</h6>
</blockquote>
<br />
<br />
<hr />
<span class="codigo">&lt;p&gt;</span> <b>Párrafos</b><br />
<br />
En principio, sin entrar en detalles de alineación u otras características, digamos que los párrafos se definen por las tags <span class="codigo">&lt;P&gt; y </span><span class="codigo">&lt;/P&gt;</span>. No obstante, pocas veces se marcan los párrafos mediante este par de etiquetas, porque generalmente se escribe el párrafo sin esas etiquetas y al final se le añade la directiva de <i>salto de línea </i>que se menciona a continuación.
<br />
<br />
<br />
<br />
<hr />
<span class="codigo">&lt;br /&gt;</span> <b>Salto de línea</b><br />
<br />
Esta marca no tiene contramarca y se utiliza ella sola escribiéndola al final de una párrafo. Sirve para realizar un salto de linea, pueden ponerse tantas como se desee y realizará un salto de línea por cada una de ellas.
<br />
<br />
<br />
<br />
<hr />
<span class="codigo">&lt;hr/&gt;</span> <b>Línea horizontal</b><br />
<br />
Esta
 marca no tiene contramarca y se utiliza ella sola. Sirve para mostrar una línea horizontal. Se recomienda un uso moderado de este recurso. Formato de la línea horizontal:<br />
<ul>
<li>Si quisiéramos dar color y grosor a la línea horizontal lo haríamos así:<pre> &lt;hr style="background-color: #0056b2; height:5px;" /&gt;</pre>
</li>
<li>Si quisiéramos variar lo que ocupa de ancho la línea horizontal usaríamos: “width=x %”, siendo “x” el tanto por cien que ocupa la línea:<pre> &lt;hr <code class="plain plain">width="75%" /</code>&gt;</pre>
</li>
<li>Para que la línea horizontal tuviera un color sólido de relleno lo haríamos así:<pre> &lt;hr s<code class="plain plain">noshade="noshade" /</code>&gt;</pre>
</li>
<li>Para alinear la línea a la izquierda, derecha o centro utilizamos
“align”, con lo valores: “align = center” para el centro, “align = right” para la
derecha y “align = left” para la izquierda. En el siguiente ejemplo se aplican varias de las directivas de formato:<pre> <code class="plain plain"></code>&lt;hr style="background-color:#9900aa; height:15px;" align="left" width="50%" /&gt;</pre>
</li>
</ul>
Ejemplos:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyJrSqmTFXpiSsBCv8PEkiv0M-7GOCDLv06XR319Kn0O_KMCbVcM9QCL-wnNsGc-tpcyk5SGYw7p2MhI6ycRrnmT1khdHKKYUnIPE6TV2HM38SYo3bBjhgLcifGWrgzhaawsK40xwf0Yk/s1600/HR_adibideak.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="453" data-original-width="874" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyJrSqmTFXpiSsBCv8PEkiv0M-7GOCDLv06XR319Kn0O_KMCbVcM9QCL-wnNsGc-tpcyk5SGYw7p2MhI6ycRrnmT1khdHKKYUnIPE6TV2HM38SYo3bBjhgLcifGWrgzhaawsK40xwf0Yk/s640/HR_adibideak.png" width="640" /></a></div>
<br />
<br />
<hr />
<span class="codigo">&lt;blockquote&gt;</span> <b>Sangrado</b><br />
<br />
Aquel texto situado entre la marca <span class="codigo">&lt;blockquote&gt; y la marca </span><span class="codigo">&lt;/blockquote&gt; </span>queda desplazada a la derecha quedando a su izquierda una sangría o identación. Por ejemplo, el siguiente código:<br />
<pre>      &lt;<span class="codigo">blockquote</span>&gt;
      &lt;h1&gt;Texto desplazado a la derecha&lt;/h1&gt;
      <span class="codigo">&lt;/blockquote&gt;</span>
      &lt;h2&gt;Texto sin sangrado&lt;/h2&gt;</pre>
<br />
Producirá la siguiente salida:<br />
<blockquote>
<h1>
Texto desplazado a la derecha</h1>
</blockquote>
<h2>
Texto sin sangrado</h2>
<br />
<br />
<br />
<hr />
<span class="codigo">&lt;!--&nbsp;  --&gt;</span> <b>Comentarios</b><br />
<br />
Aquel texto situado entre la directiva&nbsp;<span class="codigo"><span class="codigo">&lt;!--</span> y la directiva </span><span class="codigo">--&gt; </span>no&nbsp; se mostrará a través del navegador y serviría para documentar el código y como recordatorio en futuras revisiones del documento.
<br />
<br />
<br />
<br />
<hr />
&amp;nbsp; <b>Espacio sin ruptura</b><br />
<br />
La entidad <tt><b>&amp;nbsp;</b></tt> (del inglés <u>N</u>on
      <u>B</u>reaking <u>Sp</u>ace que significa espacio sin ruptura) sirve
      para representar en HTML un espacio en blanco y se utiliza normalmente en
      dos casos:
      <br />
<ul>
<li>
   Cuando queremos que dos palabras no se separen al ajustar el texto al
   tamaño de la ventana, por ejemplo las dos palabras que forman una
   marca. En ese caso si ponemos <tt>Coca Cola</tt> el navegador puede
   separar las palabras pero si ponemos
   <tt>Coca<b>&amp;nbsp;</b>Cola</tt> el navegador no las separará
   aunque modifiquemos el tamaño de la ventana.
 </li>
<li>
   Cuando queremos evitar que el navegador agrupe todos los espacios
   como si fuesen uno sólo podemos utilizar la entidad
   <tt><b>&amp;nbsp;</b></tt> tantas veces como espacios en blanco
   queramos incluir.
 </li>
</ul>
Para consultar la forma de representar otros caracteres especiales pulsar sobre este <a href="http://www.it.uc3m.es/amillares/Module4/entidades.html" target="_blank">enlace</a>.<br />
<div>
<br /></div>

iruzkinik ez:

Argitaratu iruzkina