Crea tu primera página web - Aprende a utilizar las etiquetas HTML y a crear estilos con CSS

7

  • 38
  • 0
  • 11.856
  • Reply

    • Open in the desktop app ADD TO PLAYLIST
      Report
    Buzz

    luis96xd

    Published on Oct 28, 2021
    About :

    ¡Hola a todos! Bienvenidos. En el video anterior vimos los conceptos básicos sobre el Desarrollo Web, los bloques básicos (HTML, CSS, JavaScript) ¡Pero toda su teoría necesita su parte práctica!

    Así que en este video crearemos nuestra primera página web, para ello crearemos un documento HTML (Hyper Text Markup Language) y a través de sus etiquetas iremos estructurando el contenido que aparecerá en nuestra página.

    Podemos encontrar títulos o encabezados, párrafos, imágenes, listas ordenadas, listas no ordenadas, contenedores, etc.

    En HTML, la mayoría de las etiquetas funcionan en pares, con una etiqueta de apertura y una etiqueta de cierre, señalada con los signos de menor qué y mayor qué (<>)
    Ejemplo:

    El contenido va aquí

    Etiquetas:

    • : Es la etiqueta principal de todo documento HTML.
    • : Es la cabecera de la página, incluye metadatos importantes para la misma, pero que no son visibles al expectador.
    • ** **:Representa el cuerpo del documento, aquí colocarás todas las etiquetas que representan elementos visibles para tu página.
    • : Representa un contenedor.

    • :       Representa un párrafo.
        • : Crea una lista ordenada. (Enumeradas).
            1. : Crea una lista no ordenada (Solo viñetas)
            • : Crea un elemento de la lista. (Se tiene que colocar dentro de la etiqueta
                o
                  .

                • : Representa un título

                • : Representa un subtítulo
                  ...
                • : Representa el subtítulo más pequeño que puedes lograr.

                También aprenderemos a darle estilos a cada elemento utilizando CSS (Cascading Style Sheets). En la cual utilizamos selectores que indican a que elemento queremos darle estilos diferentes, por ejemplo.

                • **text-align: alineación del texto (valores: **left, right, center, justify)
                • padding: espaciado interno o margen interior. (entre el elemento y su contenido). (valores: númericos + unidad de medida (pixeles (px), porcentajes (%), centímetros (cm).
                • margin: espaciado externo o márgen exterior. (entre elemento y elemento). (valores: númericos + unidad de medida (pixeles (px), porcentajes (%), centímetros (cm).
                • background-color: color fondo del elemento. (valores: colores en hexadecimal #F303F7, colores en formato RGB, rgb(10, 114, 245), nombre del color en inglés):
                • color: color de la fuente o de la letra. (valores: colores en hexadecimal #F303F7, colores en formato RGB, rgb(10, 114, 245), nombre del color en inglés):

                Espero que les guste este video
                ¡Saludos y espero verlos pronto! :D
          Tags :

          developspanish web developer spanish programming web development html css javascript tutorial margin padding css properties markup language markup html tags etiquetas visual studio code

          Woo! This creator can upvote comments using 3speak's stake today because they are a top performing creator! Leave a quality comment relating to their content and you could receive an upvote worth at least a dollar.

          Their limit for today is $0!
          Comments:
          Time until luis96xd can give away $0 to their commenters.
          0 Days 0 Hours 0 Minutes 0 Seconds
          Reply:

          To comment on this video please connect a HIVE account to your profile: Connect HIVE Account

          More from luis96xd
          59:10
          Introducción al Desarrollo Web - HTML, CSS y JavaScript - Conceptos básicos
          luis96xd
          7 views 3 years ago $
          02:02
          Caffeine Rush - My first AI Music Video. Made with Suno AI. I love it!
          luis96xd
          16 views 9 months ago $
          37:05
          Métodos de Factorización - Ejercicios y Ejemplos
          luis96xd
          1 views 2 years ago $
          01:01:50
          HTML and CSS Tutorial: Order Summary Card - Frontend Mentor Challenge
          luis96xd
          14 views 3 years ago $
          03:21
          Olvidando el Amor
          luis96xd
          2 views 8 months ago $

          More Videos

          06:23
          Historia de Taxi .- Cover @almeidamusic
          almeidamusic
          2 views 3 years ago $
          03:29
          Rutina Intensa de Cardio al Aire Libre [ESP | ENG]
          championsacademy
          13 views 2 years ago $
          08:03
          ¿Harley Quinn en Call of Duty? ¿Really? | Gameplay
          gorayii
          25 views 2 years ago $
          02:38
          ¡Feliz Año Nuevo RPHeros y Geekzoners! ¡El Ready Player Hive está de regreso! [ES | EN]
          playerhive
          19 views a year ago $
          04:50
          Disfrutando el cumpleaños de mi sobrina Asley [Spa/Eng]
          leidimarc
          14 views 7 months ago $
          12:41
          Hive Tv SHOW! presenta en PERSONAJES DE MI PUEBLO a Guillermo González "Pillín" - 1era part
          yusmi
          81 views 7 months ago $
          01:20
          Y SI ME PONEN PRESA?
          mamaemigrante
          35 views a year ago $
          24:20
          Lo asesinó y le abrieron un club de fans/ Killed him and opened a fan club for him
          latiffaki
          4 views 3 years ago $
          05:59
          ¿Eres una Persona Controladora? Tal vez deberías ver este video.
          marvinvelasquez
          3 views 3 years ago $
          02:29
          HIVE OPEN MIC 🎤 WEEK #126/ ANDRA DAY'S RISE UP ENG/ESP
          sleemfit
          16 views 2 years ago $
          24:45
          HTvS! presenta en TALENTOS DE MI PUEBLO a Martín Saldeño - Esp/Eng - Segunda parte
          yusmi
          34 views 7 months ago $
          02:39
          Hive Music Festival Semana 96 Ronda 3 | Jesús Es Mi Rey Soberano - Marcos Witt (cover)
          elisonr13
          10 views 5 months ago $
          03:21
          Green Day - Church on Sunday cover: A song about compromise (EN/ES)
          ismaelgranados
          10 views 2 years ago $
          01:13
          El Camino Antiguo – “Cuando asisto a las iglesias, ¿por qué no siento el Espíritu y salgo vacía?"
          inilsa
          0 views 4 years ago $
          11:43
          Shadow of the Tomb Raider 🎮 Gameplay (parte 66)✔️
          yanirauseche
          1 views 4 years ago $
          13:27
          (Eng/Esp) Endless Adventures in Eternium - Aventuras sin Fin en Eternium
          sugeily2
          53 views a year ago $
          07:29
          6 INCREÍBLES Apps de Realidad AUMENTADA que DEBES probar
          erochka
          0 views 2 years ago $
          01:05
          Hive Open Mic #139 - "Les Métamorphoses" (Canadá) in Soprano Recorder
          daniel2001
          11 views 2 years ago $
          03:33
          MUSIC - "Corazon de un Gitano" cover Nicola Di Bari
          betzaelcorvo
          10 views a year ago $
          13:22
          Compilación de videos grabados cantando en la calle @jimramones (ESP/ENG))
          jimramones
          23 views 3 years ago $
          03:12
          Mejores Ejercicios para el Pino a una Mano | Best One Hand Handstand Exercises [ESP | ENG]
          yisus-sw
          4 views a year ago $
          17:37
          Tutorial de arte | Lineas rectas y curvas | ArteCreaTaller
          artecreataller
          111 views 2 years ago $
          06:55
          Hive necesito de tu ayuda (subtitles) [ESP-ENG]
          manclar
          65 views a year ago $
          01:17
          Mía y Pilo jugando 🐱🐈🥰
          yurgelismm130
          2 views 3 years ago $
          01:18
          Resumen de mi cumpleaños
          marvic-1194
          11 views a year ago $