INICIO HTML CSS

HTML

Este es ejemplo de un documento de HTML simple:

        
  <!DOCTYPE html> 
  <html>
  <head>
    <title>Titulo de la pagina</title>
  </head>
  <body>
            
    <h1>Esto es un encabezado</h1>
    <p>Esto es un párrafo</p>
            
  </body>
  </html>
        
        

¿QUE SON LOS ELEMENTOS EN HTML?

Un elemento en HTML es definido por una etiqueta de inicio, un contenido y otra etiqueta de cierre:

<etiqueta> Aquí va el contenido </etiqueta>

El elemento es todo lo que se encuentra entre las etiquetas.

<h1> Esto es un encabezado </h1>

<p> Esto es un párrafo </p>

Partes de un documento de HTML simple:

• La declaración <!DOCTYPE html> define que este es un documento HTML5.

• El elemento <html> es el elemento ruta de la pagina de HTML.

• El elemento <head> contiene la información de metadatos acerca del documento(titulo, enlace de diseño o script).

• El elemento <title> especifica el titulo de la pagina, el cual se ve en la pestaña del navegador.

• El elemento <body> es un contenedor de todo el contenido visible de la pagina (encabezados, párrafos, imágenes, etc).

• El elemento <h1> define un encabezado grande.

• El elemento <head> define un párrafo.

HTML BÁSICO

Documento en Html

• Todo documento de HTML debe de empezar declarando el tipo de documento: <!DOCTYPE html>, el tipo documento se declara una sola vez al escribir <!DOCTYPE html> en la parte superior del documento antes de cualquier etiqueta de html. Esto es necesario ya que ayuda a el navegador a mostrar la pagina web correctamente.

• El documento HTML como tal se inicia con <html> y termina con </html>.

• La parte visible del documento va entre <body> y </body>

Ejemplo:

          
    <!DOCTYPE html>
    <html>
    <body>
              
      <h1>Esto es un encabezado</h1>
      <p>Esto es un párrafo</p>
              
    </body>
    </html>
          
        

Encabezados en Html

• En HTML para poner un encabezado se utilizan las etiquetas <h1> hasta <h6>. Para los encabezados mas importantes se utiliza <h1> y <h6> para aquello de menor importancia.

Ejemplo:

             

  <h1> Esto es un ejemplo </h1>
              

  <h2> Esto es un ejemplo </h2>



  <h3> Esto es un ejemplo </h3>

  <h4> Esto es un ejemplo </h4>


  <h5> Esto es un ejemplo </h5>

  <h6> Esto es un ejemplo </h6>
            
          

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo

Esto es un ejemplo
Esto es un ejemplo

Párrafos en HTML

• En HTML para poner un párrafo se utilizan la etiqueta <p>.

Ejemplo:

             
    <p> Esto es un párrafo </p>
              
          

Enlaces en HTML

• En HTML para poner un enlace o link se utilizan la etiqueta <a>.

Ejemplo:

         
<a href="https://www.ejemplo.com"> Esto es un enlace </a>
          
      

• Para definir el enlace de destino se utiliza en atributo <href.

• Los atributos se utilizan para darle información adicional del elemento.

Imágenes en HTML

• En HTML para poner una imagen se utilizan la etiqueta <img>. (Esta etiqueta no se cierra)

Ejemplo:

         
<img src="ejemplo.jpg" alt="alternativa.jpg" width="104" height="142">
          
      

• Para definir el archivo fuente se utiliza en atributo src, para una alternativa alt y para definir el tamaño de la imagen se utilizan los atributos width y height.