3. REGLAS Y ETIQUETAS DEL HTML.



REGLAS DE HTML:
Obligatorio:
  • delimitar el ámbito de las etiquetas (salvo excepciones)
  • etiqueta interna se cierra antes que externa
  • etiquetas a nivel de bloque pueden contener etiquetas a nivel de línea, pero no al revés
  • etiquetas no sensitivas a mayúsculas
  • en vez de espacios agregar raya al piso
Pero no está de más cumplir además con XHTML:
  • Cerrar todos los tags, ie: <p> ... </p>, <li> ... </li>
  • Incluir marca de cierre para tags vacíos, ie: <hr />, <br />
  • Poner entre comillas todos los atributos, ie: <img src="miimagen.gif" />
  • Todos los tags en minúsculas
  • Terminar con </html>

ETIQUETAS HTML BÁSICAS:

 Etiquetas de formato de texto

SalidaEtiquetas requeridas
El texto en negritas.
El <B>texto</B> en negritas.
El texto en itálicas.
El <I>texto</I> en
 it&aacute;licas.
El texto en formato teletipo.
El <TT>texto</TT> en
 formato teletipo.
El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7.
El <FONT SIZE = +2 COLOR = "RED">
 texto </FONT> en 2 
 tama&ntilde;os m&aacute;s
 grandes y en rojo. El tama&ntilde;o
 puede ser ...
Utilizar la dirección de e-mail
claudio@acm.org
para contactarme.
Utilizar la direcci&oacute;n
 de e-mail <ADDRESS> 
 claudio@acm.org </ADDRESS>
 para contactarme.


Un ejemplo de página WEB


El siguiente ejemplo es el contenido del archivo eje2.htm en el directorio corriente:



<HTML>

 <HEAD>
  <TITLE>P&aacute;gina de ejemplo</TITLE>
 </HEAD>
 <BODY>
  <H2> Encabezado </H2>
  <P>Primer p&aacute;rrafo debajo del encabezado.</P>
  <H3> Un encabezado <BR> en dos renglones </H3>
  <P>P&aacute;rrafo con partes <B>en negrita</B> </P>
 </BODY>
</HTML>



 
TOMADO DE:  http://cur1nf.blogspot.com.co/2007/10/reglas-bsicas-html.html
http://ima.udg.edu/~dagush/cursohtml/etiquet1.htm#eje2

Comentarios

  1. Unknown22 de octubre de 2020, 11:28 a.m.

    y cuales serian las excepciones? porque no lo puedo encontrar

    ResponderBorrar
    Respuestas
    1. AlbertJabami30 de enero de 2022, 10:38 a.m.

      las excepciones serian las etiquetas huerfanas las que colanda la estiqueta abre y cierra en una solo etiqueta ejemplo:

      Borrar
    2. AlbertJabami30 de enero de 2022, 10:39 a.m.

      Colocando xD ejemplo la etiqueta image ""

      Borrar

Publicar un comentario

Entradas más populares de este blog

TABLA ASCII

Imagen
HEXADECIMALES: Se explicó el tema de hexadecimales y se realizaron ejercicios hexadecimales en clase. TABLA ASCII: ASCII  ( acrónimo   inglés  de  American Standard Code for Information Interchange  — Código Estándar Estadounidense para el Intercambio de Información), pronunciado generalmente  [áski]  o [ásci] o [ásqui], es un  código de caracteres  basado en el  alfabeto latino , tal como se usa en inglés moderno. Fue creado en  1963  por el Comité Estadounidense de Estándares (ASA, conocido desde 1969 como el Instituto Estadounidense de Estándares Nacionales, o  ANSI ) como una refundición o evolución de los conjuntos de códigos utilizados entonces en  telegrafía . Más tarde, en  1967 , se incluyeron las minúsculas, y se redefinieron algunos códigos de control para formar el código conocido como  US-ASCII . El código ASCII utiliza 7 bits para representar los caracteres, aunque inicialmente empleaba un bit adicional ( bit de paridad ) que se usaba para detectar erro
Leer más

CAJA DE TEXTO EN HTML.

CAJA DE TEXTO: Definición Llamamos campos de texto, dentro de un formulario, a los elementos que nos permiten recoger texto escrito por el usuario. En la pantalla se muestra una pequeña caja donde el usuario puede escribir el texto que pretende enviar. Podemos crear varios tipos de campos de texto, bien sea para introducir un dato simple (nombre, edad, dirección, correo electrónico, etc.) o para introducir un texto mas largo (comentarios, opiniones, etc.); también podemos crear un campo de texto para un dato simple, pero con el texto oculto, del tipo "contraseña". Delante o detrás de estos elementos debemos indicar, mediante el lenguaje HTML habitual para texto, el tipo de datos que queremos que el visitante nos proporcione, ya que los campos de texto son simplemente cajas, en las que escribir la información, la cual será enviada posteriormente. Como ya se dijo en la página anterior, todo el formulario debe ir dentro de las etiquetas  <form> ... </form
Leer más