[Música] Vamos a continuar con uno de los últimos temas de html y ahora se trata de listas tenemos listas de definición listas ordenadas Y listas desordenadas vamos a iniciar con las listas de definición para eso he creado un archivo html con el nombre listas de definición este archivo lo guardé en una nueva carpeta llamada listas que está dentro de la carpeta html voy a abrir el archivo para que veamos de qué se trata ya tengo el inicio de la lista de definición de l significa definition list así como abrimos el cuerpo de una página y
se cierra el final en este caso abrimos el cuerpo de la lista y se cierra al final le voy a agregar la etiqueta font para que veamos un tamaño de letra un poco más grande le vamos a colocar cinco ahora vamos a comenzar con la etiqueta dt dt se va a encargar de colocar un término que vamos a describir y su significado es definition term a cada término Le vamos a cambiar el color para que sea azul le vamos a colocar Blue y el primer término sería la palabra html Cerramos font y también Cerramos el
primer término ahora viene la última etiqueta para crear la descripción o definición la vamos a colocar por acá d d esto significa definition description le vamos a dar enter y por acá vamos a colocar la definición voy a copiar una definición que ya tengo lista para hacer más corto el video y la vamos a ubicar por acá Ahí está ahora cerramos la primera definición con diagonal dd y para que quede una línea de por medio entre la primera definición y la segunda vamos a agregar la etiqueta br veamos que llevamos hasta el momento el archivo
ya se guardó por primera vez entonces solo le damos archivo guardar vamos al explorador le damos doble clic a la página y este es el resultado tenemos un término como htm ML y la definición correspondiente la etiqueta dd se encarga de dejar este espacio para Resaltar la definición de cada término el siguiente término saldrá con una línea de separación regresemos al bloc de notas le damos un enter y ahora vamos a copiar esta parte para crear el segundo término con su definición correspondiente control C con control v y por acá vamos a pegar un nuevo
párrafo el término en este caso sería css ahora vamos a copiar el final de la descripción y el inicio de la siguiente para terminar con un tercer término y su definición y como último tema tenemos javascript voy a pegar la última definición y vamos a escribir el final de esta definición Bueno hasta acá llegaría la página a veces se descontrolan los párrafos Y solo por presentación los volvemos a acomodar de todos modos el resultado es el mismo el párrafo podría estar escrito en una sola línea pero lo hago así para que vean las porciones de
texto bueno analicemos Cómo quedó el primer término se define acá luego viene la primera definición continuamos con el segundo término y su correspondiente definición y así seguimos en este caso tenemos solamente tres definiciones Este es el tercer término y la tercera definición vamos a ver el resultado final archivo guardar vamos al explorador doble clic y este sería el resultado los términos en color azul y sus definiciones profe Yo escribí las mismas definiciones Pero por qué tengo menos líneas de texto en tu caso tienes la ventana del navegador maximizada entonces la presentación Es diferente yo coloqué
la ventana más pequeña porque es más cómodo ver de esta forma el resultado pero es lo mismo No hay problema hasta aquí llega el video nos vemos en el próximo tema para continuar con las listas ordenadas hasta luego [Música]
