01-introducion al html

Jorge Catalao septiembre 01, 2024



¿Qué es HTML?

HTML es el lenguaje de marcado estándar utilizado para crear páginas web. Permite definir la estructura y el contenido de una página web a través de una serie de elementos y etiquetas.

Ejemplo

HTML (HyperText Markup Language) es un lenguaje de marcado que se utiliza para estructurar el contenido en la web.


Código del ejemplo

                                
 <div id="QueEsHTML" class="mt-5">

   <h2>¿Qué es HTML?</h2>

   <p>HTML es el lenguaje de marcado estándar utilizado para crear páginas
 web.</p>

 </div>


...

Documento Simple en HTML

Un documento HTML básico incluye las etiquetas necesarias para definir la estructura de una página web.

Ejemplo

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documento Simple</title>
    </head>
    <body>
    <h1>Hola Mundo</h1>
    <p>Este es un documento HTML básico.</p>
    </body>
    </html>

Código del ejemplo 

                                
    <!DOCTYPE html>

    <html lang="en">

      <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width,
    initial-scale=1.0">

        <title>Documento Simple</title>

      </head>

      <body>

        <h1>Hola Mundo</h1>

        <p>Este es un documento HTML básico.</p>

      </body>

    </html>


Código Explicado de HTML

El siguiente desglose explica cada componente clave en un documento HTML básico:

Ejemplo

  • <!DOCTYPE html> - Indica que el documento es HTML5.
  • <html> - Elemento raíz del documento HTML.
  • <head> - Contiene metadatos sobre el documento.
  • <title> - Define el título del documento, visible en la pestaña del navegador.
  • <body> - Contiene el contenido visible del documento.

Código del ejemplo

                                
   <!DOCTYPE html>

   <html>

     <head>

       <title>Título</title>

     </head>

     <body>

       <h1>Encabezado</h1>

       <p>Párrafo</p>

     </body>

   </html>


¿Qué es un Elemento HTML?

Un elemento HTML consta de una etiqueta de inicio, contenido y una etiqueta de finalización. El contenido es lo que aparece entre estas etiquetas.

Ejemplo

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

Código del ejemplo

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




Estructura de una Página HTML

La estructura básica de una página HTML consta de una declaración ` <!DOCTYPE html>`, una etiqueta `<html>` que envuelve todo el contenido, una etiqueta ` <head>` para metadatos y una etiqueta ` <body>` para el contenido visible.

Ejemplo

<!DOCTYPE html>
            <html>
            <head>
            <title>Título de la Página</title>
            </head>
            <body>
            <h1>Encabezado</h1>
            <p>Contenido de la página</p>
             </body>
            </html>

Código del ejemplo 

                                <!DOCTYPE html>

                                <html>

                                  <head>

                                    <title>Título de la Página</title>

                                  </head>

                                  <body>

                                    <h1>Encabezado</h1>

                                    <p>Contenido de la página</p>

                                  </body>

                                </html>



Tags:
Jorge Catalao

Posted by: Jorge Catalao

Durante el decorrer de los años y ya desde niño mis gustos preferidos, fue siempre la electrónica y la programación, eso que llevo a que me formase en varias escuelas profesionales, en temas tales como: electrónica Electricidad programación Técnicas de refrigeración etc. Tengo varias carreras profesionales relacionadas a los temas anteriormente descritos, precisamente por ese motivo, me he entusiasmado a crear un blog donde los temas serán los mencionados anteriormente. Espero que a mis visitantes les guste, y se aprovechen de los conocimientos que llevo años recopilando. Si eres estudiante de electricidad, electrónica o programación, aquí vas adquirir los conocimientos básicos, tanto para que continúes tus estudios, como para tu formación profesional. Cursos completos desde cero, los iré recopilando poco a poco, los cuales servirán para consulta tanto de estudiantes como electricistas profesionales, será como un manual o mas bien dicho un resumen donde podremos encontrar lo que necesitamos. Bueno espero que vos guste y me seguis, ya que los temas los ire duplicar tanto nel blog, como en mi canal de youtube.

Publicar un comentario

0 Comentarios

Si desea contactar comigo, lo puede hacer atravez deste formulario gracias