Entradas

Videos de apoyo

Imagen
CREAR UN SITIO EN DW 6 Propiedades de la pagina Estilos CSS

Competencias del Submodulo I Diseña software para web

Imagen

Enlaces

Imagen
Sintaxis <a   atributo=" valor " > Texto del enlace </a> Ejemplo Vamos a crear un enlace hacia la home de Virtualnauta.com Código <body> <a   href="/ http://www.virtualnauta.com/ " > La home de Virtualnauta </a> </body> Resultado La home de Virtualnauta EL atributo target Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace. Ejemplo Vamos a abrir el documento en una nueva página del navegador. Código <body> <a href="http://www.vitualnauta.com/"  target=" _blank " >La home de Virtualnauta</a> </body> Resultado La home de Virtualnauta EL atributo name Este atributo se usa para definir una determinada ubicación dentro de la página. Supongamos que definimos un destino de vínculo llamado "destino-uno" en el archivo "uno.html". Sintaxis ...texto antes del destino de vínculo... <a  name=...

Caracteres especiales HTML

Caracteres especiales de uso frecuente Resultado Descripción Nombre Número Espacio en blanco &nbsp; &#160; < Menor que &lt; &#60; > Mayor que &gt; &#62; & &amp; &#38; " Comillas &quot; &#34; ¡ Apertura signo de exclamación &iexcl; &#161; ¿ Apertura signo de interrogación &iquest; &#191; ® Marca registrada &reg; &#174; © Derecho de autor &copy; &#169; € Euro &euro; &#8364; á a minúscula con acento &aacute; &#225; é e minúscula con acento &eacute; &#233; í i minúscula con acento &iacute; &#237; ó o minúscula con acento &oacute; &#243; ú u minúscula con acento &uacute; &#250; ñ ñ minúscula &ntilde; &#241; ü u minúscula con diéresis &uuml; &#252; Á A mayúscula con acento &Aacute; &#193; É E mayúscula con acento &Eacute; &#201; Í I mayúscula con acento &Iacute; &#205; Ó O mayúscula con acento ...

Formato del Texto

Ejemplo Código <b> Texto en negrita </b> <big> Texto grande </big> <em> Texto enfatizado </em> <i> Texto en itálica </i> <small> Texto pequeño </small> <strong> Texto fuerte </strong> <sub> Texto subíndice </sub> <sup> Texto superíndice </sup> <ins> Texto subrayado </ins> <del> Texto tachado </del> <tt> Texto teletipo </tt> Resultado Texto normal  Texto en negrita Texto normal  Texto grande Texto normal  Texto enfatizado Texto normal  Texto en itálica Texto normal  Texto pequeño Texto normal  Texto fuerte Texto normal  Texto subíndice Texto normal  Texto superíndice Texto normal  Texto subrayado Texto normal  Texto tachado Texto normal  Texto teletipo Etiquetas para dar forma al texto Etiquetas Descripción <b> Define un texto en negrita <big> Define un texto grande <em...

Etiquetas básicas

Imagen
Tabla con las etiquetas básicas Etiquetas Descripción Ej. <h1>  a  <h6> Define el tamaño de los encabezados <p> Define un párrafo <!-- --> Define un comentario <br> Define un salto de línea <hr> Define una línea horizontal Código <html> <head> <title>Headings</title> </head> <body> <h1> Heading 1 </h1> <h2> Heading 2 </h2> <h3> Heading 3 </h3> <h4> Heading 4 </h4> <h5> Heading 5 </h5> <h6> Heading 6 </h6> </body> </html> Resultado Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Código <hr> Resultado Código <html> <head> <title>Párrafos</title> </head> <body> <p> Este es el primer párrafo. </p> <p> Y este es el segundo párrafo. </p> </body> </html> Resultado Este es el primer párrafo. Y este...