Como funciona o HTML - Conceito básico de HTML com tags diferentes

Índice:

Anonim

Introdução a Como funciona o HTML:

HTML é uma linguagem baseada em tags usada para o desenvolvimento de páginas da web; HTML significa Hyper Text Markup Language. Hipertexto refere-se à maneira pela qual as páginas da Web são vinculadas. Assim, o link disponível em uma página da web é chamado de hipertexto. É a linguagem de marcação que são as tags que informam ao navegador como a página será renderizada nele. Foi desenvolvido por Berners-Lee no final de 1991, mas “HTML2.0” foi a primeira especificação padrão publicada em 1995. Mais tarde, suas muitas versões de HTML surgiram como o HTML 4.0, atualmente a versão mais recente é o HTML5.0, que é famoso na frente. desenvolvimento de sites finais.

Estrutura de como a página HTML funciona:



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html

Essa tag define o tipo do documento e a versão HTML.

A tag acima inclui o documento completo da linguagem de programação HTML, composto pelo cabeçalho do documento, representado por … e pelo corpo do documento, representado por … tags.

A tag head representa o cabeçalho do documento, que pode manter outras tags HTML como etc.

essa tag é usada dentro da tag para escrever o título do documento.

tag representa o corpo do documento que mantém outras tags HTML como,

,

etc.

Tags diferentes de trabalhos em HTML e sua descrição:

  • :

Uso de tag de cabeçalho para criar variedades do exemplo de cabeçalho fornecido abaixo



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Resultado

Cabeçallho 1
Rubrica 2
Rubrica 3
Rubrica 4
Rubrica 5
Rubrica 6

  • :

Esta é uma tag de parágrafo que pode ser melhor entendida pelo exemplo dado abaixo.



Paragraph Example

Este é um primeiro parágrafo do texto.

Este é um segundo parágrafo do texto.

Este é um terceiro parágrafo de texto.

Resultado

Este é o primeiro parágrafo do texto.
Este é o segundo parágrafo do texto.
Este é o terceiro parágrafo do texto.

  • :

Essa tag é usada para quebrar a linha. Podemos usá-la sempre que quisermos que algo comece na próxima linha. É uma tag de linha única que não requer uma tag de fechamento.

  • :

Coloque todo o conteúdo no centro, coloque esse uso principal dessa tag na criação de páginas da web.

  • :

Usado para criar a linha, usado principalmente quando você deseja desenhar uma página da web de uma única linha.

  •  :

Essa é uma tag muito importante do HTML; em alguns cenários, queremos mostrar tudo da mesma forma que está escrita dentro da página HTML; nesses casos, é uma tag muito útil. O exemplo é dado abaixo.



Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

 

 

Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing


Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

Resultado

Laravel é o framework PHP. É uma estrutura de código aberto usada na web
desenvolvimento de aplicações. Essa estrutura é baseada no controlador de visualização de modelo
padrão de design devido a este projeto desenvolvido com a ajuda dessa estrutura
mais estruturado e gerenciável. Essa estrutura reutiliza os

    Para imprimir espaço único, isso é usado em HTML.

    • Tags Propriedades:

    Podemos definir a propriedade no nível da tag Exemplo dado abaixo



    Align Attribute

    Esquerda alinhada

    Alinhado ao centro

    Alinhado à direita

    Resultado

    Esquerda alinhada
    Alinhado ao centro
    Alinhado à direita

    Atributos principais do HTML

    Existem alguns atributos principais que foram usados ​​com quase todo o elemento HTML que está seguindo

    • Eu iria
    • Título
    • Classe
    • Tipo

    1) Id:

    Esses atributos usados ​​para identificar exclusivamente o elemento HTML na página, pode ser possível que o mesmo elemento tenha sido usado na página HTML em vários locais pelo atributo id, identificamos o elemento e seu conteúdo e pode ser usado para outra finalidade em javascript . O exemplo é dado abaixo.

    Este é o primeiro parágrafo que explica o que é HTML, como usá-lo.

    Este é o segundo parágrafo que explica o que é a Folha de estilos em cascata e como usá-la.

    Explicação - No exemplo acima, o mesmo elemento foi usado duas vezes, portanto, como diferenciar esse elemento apenas pelo ID.

    2) Título:

    Essa sintaxe do atributo é semelhante aos atributos de id, o objetivo desses atributos dependerá do elemento que o carrega, embora seja frequentemente exibido como uma dica de ferramenta quando o cursor passa sobre o elemento, esse é o principal uso desse atributo. O exemplo é dado abaixo -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Resultado

    Dormir muito tempo

    Se tentarmos colocar o cursor sobre "Dormindo por muito tempo", veremos que qualquer título que usamos em nosso código será lançado como uma dica do cursor.

    3) Classe:

    O atributo de classe é usado para associar um elemento a uma folha de estilos e especifica a classe do elemento. Aprenderemos mais sobre o uso do atributo class quando aprendermos CSS (Cascading Style Sheet). Seu principal uso no CSS. O valor desse atributo também pode ser uma lista separada por espaços de nomes de classe. O exemplo é dado abaixo -

    class = "className11 className12 className53"

    4) Estilo:

    É usado para escrever a regra de estilo em cascata no nível do elemento, pode ser melhor explicado pelo exemplo dado abaixo



    The style Attribute

    Este é um texto de exemplo de estilo, é de cor vermelha …

    Resultado

    Este é um exemplo de texto de estilo, é de cor vermelha…

    Conclusão - Como o HTML funciona:

    Como vimos muitas tags básicas, a página da web pode ser criada com a ajuda dessas tags, que podem ser exibidas ao usuário final sempre que um usuário solicita uma página da web específica através de seu navegador, o trabalho de exibição será feito pela web navegador. Hoje, existem muitas novas tags no mercado para tornar as páginas da Web mais atraentes.

    Artigos recomendados

    Este foi um guia de como o HTML funciona. Aqui discutimos o conceito básico de HTML usando diferentes tags e atributos principais de HTML. Você também pode consultar os seguintes artigos para saber mais -

    1. Aplicações de HTML
    2. HTML5 vs XHTML
    3. Perguntas e respostas da entrevista em HTML5
    4. Cheat Sheet HTML
    5. Estilos de lista HTML