viernes, 5 de abril de 2019

Código HTML y Atributos

Las etiquetas

-El formato general a seguir:
<etiqueta> contenido </etiqueta>
-La inclusión de comentarios que no se ven
<|comentario>
-Las etiquetas que nunca deben faltar
<html></html>
<head></head>
<body></body>
<b></b> negrita
<i></i> cursiva


Formateo elemental de texto:

-Encabezamientos
<H1></H1>.............<H6></H6>

-Salto de párrafo
<P></P>

-Centrado
<CENTER></CENTER>

-Negrita y Cursiva

<B></B>      <i></i>


Ejemplo 1

<HTML>
<HEAD>
<TITLE>MI PRIMER PAGINA WEB</TITLE>
</HEAD>
<BODY>
<H1>TITULO GRANDE</H1>
<H2> TITULO</H2>
<H3>TITULO MEDIO</H3>
<H6> TITULO PEQUEÑO</H6>
</BODY>
</HTML>

                                      PRACTICAR
<HTML>
<HEAD>
<TITLE>MI PRIMER PAGINA WEB</TITLE>
</HEAD>
<BODY>
<H1> TITULO GRANDE </H1>
<H2> TITULO </H2>
<H3>TITULO MEDIO</H3>
<H6>TITULO PEQUEÑO</H6>
<HR>
<P>
<CENTER><B><I>BUENO,AHORA PENSEMOS..</I> </B> </CENTER>
</P>
<HR>
</BODY>
</TITLE>


 Atributos y Contenido

                                               Elemento
         Etiqueta de apertura     Contenido      Etiq. de cierre

<p class="texto"> Curso HTML </p>

Nombre   Valor
      Atributo





                                                            Más Etiquetas


<BASEFONTSIZE=3> TAMAÑO DE LETRA </BASE FONT SIZE> (+Defino tamaño para toda la pagina por defecto)

 Alineacion de parrafos

- ALIGN= left, ALIGN= right, ALIGN=center - <p ALIGN=opción>



Fondos

*Puede ser:textura, imágenes y colores
Sintaxis:
- <BODY BACKGROUND= "fondo.gif" >
- <BODY BGCOLOR= "color" >
Ejemplo:
<body background= <"fondo.jpg">
<body bgcolor= <"#FDFEFE">     


Tamaño de letra - Color y estilo
-<FONT SIZE=3>   </FONT SIZE> TAMAÑO

-<FONT COLOR=<"#FDFEFE">   </FONT COLOR> COLOR DE LAS FUENTES (LETRAS)


-FONT FACE=<"ARIAL">   </FONT FACE> ESTILO
                                         
                                        Forma simplificada de hacerlo
-<FONT SIZE=5,COLOR="#FDFEFE">,FACE"ARIAL">  </FONT> 

cREACIOPN DE LISTAS 

.Listas no ordenadas
-<UL> 
-<LI>
</UL> 

.Lista ordenadas
-<ol>
-<li>
-</ol>


Ejemplo

 <OL>
        <LI> Primer
        <LI> Segun
         <LI> Tercer
  </OL>

<UL>
          <LI> Naturals
          <UL>
                          <LI> Biologia
                          <LI> Botánica
</UL>
<LI> Socials
<UL>
                         <LI> Goegrafia
                         <LI> Historia

</UL>
</UL>

ATRIBUTOS PARA LISTAS UL/OL 

Las listas no ordenadas van dentro de la etiqueta <ul> HTML y de su cierre </ul>. Cada punto que queramos añadir a la lista, lo haremos dentro de la etiqueta <li> y su cierre.

Las listas ordenadas van enmarcadas dentro de las etiquetas <ol> </ol> Cada punto de la lista se escribe con la misma etiqueta que en las no numeradas: <li>. Pero al ser listas ordenadas los símbolos serán números y éstos se irán generando automáticamente por orden, conforme escribamos nuevos puntos.



No hay comentarios:

Publicar un comentario