Skip to content

ingrydk/HTML

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

Primeiros Passos no HTML

Uma Breve Introdução

A seguir será apresentado algumas noções básicas do HTML que foram apresentadas no primeiro módulo do curso iniciante de HTML desenvolvido pela Dio:

Tags

  • < html >
  • Essa tag define que tudo que esta em seu interior é HTML.

  • < head >
  • Essa tag pré-carrega antes de exibir para o usuário. A tag < title >, utilizada em seu interior, determina o nome da página, ou seja, o título que irá ser apresentado na aba da página.</title>

  • < body >
  • Tudo que estiver entre esta tag é o que de fato será apresentado ao usuário quando navegar pela página

  • < i >
  • É utilizada para tornar o texto ou palvra escolhida em itálico.

  • < strong >
  • Torna o texto ou palavra selecionada em negrito.

  • < u >
  • Utilizada para sublinhar uma palavra ou texto.

  • < input >
  • Essa tag cria um campo para digitação.

  • < img >
  • Utilizada para a adição de imagens.

Atributos

Atributos são propriedades que uma tag pode ter.

  • Atributos Genéricos
    • id
    • É um identificador

    • Style
    • É voltado para CSS, para que seja formatado da forma que esta sendo definido.

    • Class
    • É utilizado para padronizar elementos.

  • Atributos Específicos
    • Type
    • Específico do input. Pode receber valor number, text, color...

    • src
    • Utilizado para caminho img

    • Width
    • Utilizado para determinar o tamanho de uma imagem, por exemplo.

Textos

Tipografias HTML

  • h1, h2, h3, h4, h5, h6
  • São relacionados aos níveis de texto. O nível h1 seria o maior nível, onde é o título e o h2 seria o substítulo e por ai vai...

    testando

    testando

    testando

    testando

  • < p >
  • Corpo do texto. Utilizado para definir parágrafos.

  • < blockquote >
  • Utilizado para inserir citações

  • < mark >
  • Realiza a marcação de texto.

  • < sup >
  • Eleve a letra/número tipo isso aqui2.

  • < sub >
  • Essa aqui já faz o contrário3.

Listas

  • < ul >
  • Utilizado para listas não ordenadas, como essas que estou fazendo

  • < ol >
  • Utiliza-se para ordenar listas, como esta abaixo:

    1. Maçã
    2. Banana
    3. Uva
  • < li >
  • Isso é utilizado para determinar os itens das listas.

Utiliza-se a tag < a href="ENDEREÇO"> TEXTO < / a > para tornar uma palavra ou frase (no exemplo, seria a "TEXTO") em link.

Releases

No releases published

Packages

No packages published

Languages