Aprendiendo HTML

Temario del curso

Hola, escribiendo mi primer documento HTML

Aprendiendo sobre diseño web


Encabezados HTML

Encabezado de nivel 1- Solopuede existir un h1 pr docuemnto html

Encabezado de nivel 2

Encabezado de nivel 3

Encabezado de nivel 4

Encabezado de nivel 5
Encabezado de nivel 6
☝️

etiquetas de texto básicas

Un párrafo

Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique expedita quae accusantium voluptate excepturi nulla facilis vero eos eum? Nam iure porro repellendus illo consectetur nemo maiores ipsum cum iusto.

Palabras en: negrita, itálica, subrayado, e=mc2 , H2O, letras pequeñas

☝️

Etiquetas de texto semánticas

Este texto es importante, Este texto hace énfasis.

Yo solo sé, que no se nada
Sócrates

☝️

Etiquetas de saltos

Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Accusantium error impedit consequuntur reprehenderit voluptatibus veritatis dolorum quasi assumenda eveniet cumque harum,

dignissimos aperiam nesciunt eius doloribus nulla ad modi esse?

☝️

Etiquetas de preformateo

     Tareas por hacer
        - HTML 
            -Terminar de grabar las secciones de este curso
            -Editar en un solo video 
        - CSS 
            -Comenzar a grabar secciones CSS 
            -Editar en un solo video
    

Este texto está en formato de código

      
        import React from "react";
        import Title from"√Title";

        function App {
          return <Title />
        }
      
    

☝️

Etiquetas semánticas estructurales

Div - Es una etiqueta contenedora que no tiene semántica
Header - cabecera de un sitio web o una sección
-main . define la seccion principal del documento, solo puede exisitir una etiqueta main por documento
article - representa una seccion autocontenido (que por si sola se explica)
representa una seccion de contenido generico
representa una informacion de contacto
☝️

Etiquetas de bloque y etiquetas de linea

La etiqueta de bloque por excelencia es la div, una etiqueta de bloque es aquella que genera saltos de línea con sus etiquetas hermanas
La etiqueta de línea por excelencia es la etiqueta span, una etiquea de linea solo ocupa el espacio que tiene
☝️

Estilos CSS en HTML

☝️

scripts en HTML

☝️

IMAGENES

periodic table of elements HTML snow andrew garfield as a spiderman silueta del perro
☝️

Figuras

table of elements HTML
Tabla de los Elementos HMTL
☝️

Listas ordenadas

Las estaciones del año

  1. Primavera
  2. Verano
  3. Otoño
  4. Invierno
  1. Primavera
  2. Verano
  3. Otoño
  4. Invierno
  1. Primavera
  2. Verano
  3. Otoño
  4. Invierno
☝️

Listas desordenadas

Listas de tareas por hacer

☝️

Listas de definición

html
Es un lenguaje de marcado que define el contenido de la web
CSS
es un lenguaje de definición que le da estilos al codigo html
java script
es un lenguage de la Web
☝️

Tablas

Nombre Constelación Tipo
Ikki Fenix Bronce
Shana Ofiuco Plata



Tabla de los santos de Athena
Nombre Constelación Tipo
Ikki Fenix Bronce
Mistry Ofiuco Plata
Saga Geminis Dorado
Shaina Ofiuco Plata
Odiseo Plata
Seint seya fue creado por Masami Kurumara
☝️

Enlaces

a la página hola
a la página de jon mircha
iconito de youtube

Enlaces internos

We did the indice here

Another links ways

email iconito
telefonito logo
la vaina de wsp pendiente
☝️

Elementos interactivos


Acoordeones

lo que se ve de un acoordeón

contenido del acoordeon

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Hic consequatur iusto aspernatur at asperiores ab laudantium, accusantium sequi natus doloremque quam vel, quisquam necessitatibus, ipsum sint nesciunt. Dolor, omnis blanditiis?


otro acoordeon

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat fugit aperiam alias placeat itaque impedit accusamus exercitationem, reprehenderit aspernatur corporis. Quae a laborum consectetur qui, dolores ut. Voluptatibus, veniam veritatis.


esta es una ventana modal en html


☝️

Audio y video

Audio

Video


☝️

Iframes


☝️

Formularios

Elementos de Formularios





















Ejemplo de formulario

Formulario de Login









Selects, Radios y Checkbox

Elige tu idioma

Elige tu lenguaje de programación

Elige tus intereses:

Formulario de Contacto





☝️

Data Attributes

☝️

Metas Seo

☝️

Meta etiquetas de Redes Sociales

☝️

Accesibilidad Web

Las estaciones del año

Las estaciones del año

más información