O HTML é um dos idiomas de marcação mais usados ​​para os documentos que deveriam ser exibidos em um navegador da web. Embora existam compiladores diferentes nos quais você pode criar seus scripts HTML, você ainda pode criar um script html no bloco de notas e executá -lo em qualquer navegador da sua escolha com muita facilidade. Este idioma é uma mistura de tags diferentes que você pode usar para projetar uma página da web inteira como um profissional. Neste tutorial, discutiremos a tag "DL" HTML e seu uso.

Objetivo da tag DL em HTML

"DL" significa Lista de Descrição em HTML. Esta tag é usada para criar listas de vários elementos e fornecer descrições desses elementos. Isso serve como uma boa maneira de transmitir a alguém o propósito exato de cada elemento da lista. A tag "DL" em HTML é sempre acompanhada pelas tags "dt" e "dd" que são usadas para especificar o elemento e depois fornecer sua respectiva descrição. Portanto, sempre que você deseja criar uma lista de descrição no HTML, você sempre precisa incluí -la dentro da tag "DL". Em seguida, você pode usar as tags "dt" e "dd" para mencionar os termos desta lista junto com suas descrições.

Uso da tag DL em HTML

Para aprender a usar a tag "DL" em HTML, siga os exemplos explicados abaixo:

Exemplo 1: Criando uma lista de descrição para diferentes cursos oferecidos por uma universidade
Considere um cenário em que você deseja anunciar os diferentes cursos oferecidos por uma universidade ou qualquer instituição educacional em particular. A melhor e a maneira mais concisa de fazer isso é criando uma lista de descrição que fornece uma breve descrição correspondente a cada curso oferecido. Uma lista de descrição pode ser criada com a ajuda da tag "DL" HTML junto com as tags "dt" e "dd" para definir os termos desta lista e fornecer suas respectivas descrições. Você pode consultar o seguinte script HTML para entender bem este exemplo:

Primeiro, fornecemos a declaração do tipo de documento com a linha "" Para que nosso navegador possa saber instantaneamente que ele vai executar um arquivo html. Em seguida, usamos as tags "" e "" para envolver nosso script real dentro delas. Em seguida, usamos o “

”Cabeçalho para especificar os elementos HTML que vamos usar neste script. Isso é seguido pelo “

”Tag que define um parágrafo e nós a usamos para especificar a funcionalidade do nosso script (i.e., Vai usar as tags "dl", "dt" e "dd" html.)

A tag "DL" que usamos para criar a lista de descrição é o ponto crucial. Definimos os termos desta lista de descrição usando as tags "dt". Criamos uma lista de descrição para três cursos diferentes. Então, para fornecer a descrição contra cada curso, fizemos uso das tags "DD". Depois de mencionar todos os termos e suas descrições associadas em nossa lista de descrição, fechamos a tag "DL" seguida pelo fechamento das tags "" e "".

Como executar este arquivo html?

Usamos o aplicativo simples de bloco de notas para criar este script html. Em seguida, clicamos no menu "arquivo", conforme destacado abaixo:

Depois disso, selecionamos a opção "salvar como".

Então, nomeamos nosso arquivo html como “DL.html ”. Você pode nomear de acordo com sua escolha. Depois disso, selecionamos o tipo de documento e também a codificação. Então, simplesmente salvamos este arquivo. Agora, nosso arquivo está pronto para ser executado em qualquer navegador de nossa escolha.

Vamos simplesmente clicar com o botão direito do mouse em nosso “DL.Arquivo HTML ”e selecione o navegador que queremos executar este script (i.e., Google Chrome.) No entanto, você também pode executá -lo em qualquer outro navegador.

Após a execução deste script, a página da web a seguir aparecerá na tela que representará a funcionalidade do seu “DL.script html ”:

Exemplo 2: Criando uma lista de descrição para algumas abreviações junto com seus formulários completos
Para enfatizar mais sobre o uso da tag "DL" em HTML, este exemplo ensinará como você pode criar uma lista de descrição para algumas abreviações e seus formulários completos. Para isso, você pode consultar o script HTML mostrado abaixo:

Neste script HTML, não usamos títulos em vez de simplesmente usarmos a tag de parágrafo para especificar a funcionalidade deste script. Isto é seguido pela nossa lista de descrição, que consiste em quatro termos diferentes e suas descrições associadas.

Depois disso, executamos este script html da mesma maneira que fizemos em nosso primeiro exemplo. Seu resultado é mostrado na imagem a seguir:

Conclusão

Este guia foi feito para apresentá -lo à lista de descrição ou tag "dl" de html. Ao usar esta tag, você pode criar uma lista de termos ou elementos e fornecer suas descrições relevantes com muita facilidade. Para simplificar esse uso, demonstramos dois exemplos diferentes para você e também compartilhamos os scripts HTML correspondentes. Quando você passar por esses scripts e ver o trabalho deles, você aprenderá instantaneamente o uso da tag HTML "DL".