Página Inicial

Olá, Mundo!!!

Iniciando meus estudos em html em 2026


Conceitos iniciais

para criar a linha horizontal é preciso utilizar <hr>

Na escrita de parágrafos não adianta nada apenas enter é preciso usar a tag br para quebrar linha um exemplo é nessa linha
que apenas houve quebra por causa do <br>

Alguns símbolos usados com frequência ← ou → ou ↑ ou ↓

Utilizando emojis dentro da página do meu site: 🎓 📕


Utilizando imagens

• imagem está dentro de outra pasta, mas ainda está dentro da pasta atual

Logo CSS3

• utilizando imagem externas → é necessário ter sua URL completa

Logo JavaScript

Semâtinca

Para deixar uma ou mais palavras em negrito é preciso usar a tag <strong> entre as palavras que se quer dar destaque. Se quiser deixar o texto em itálico deve-se usar a tag <em>, se quiser deixar uma parte do texto marcado utiliza-se a tag <mark>ou ainda a tag <small> que torna uma palavra ou texto menor.
Outros exemplos de tag são: se desejar que o texto seja desconsiderado utilizamos a tag <del>. Já se quiser dar destaque para uma frase com sublinhado em baixo do texto utilizar<ins>.

Também é possível adicionar textos sobrescritos e subscritos para o caso de fórmulas matemáticas, para que o caracter fique na parte superior deve utilizar a tag <sup> como por exemplo x2+1 e para que o caracter fique na parte inferior deve utilizar a tag<sub> como por exemplo: H2O ou log510.

CUIDADO !!! algumas tags estão se tornando obsoletas

Techos de código dentro do texto no site é necessário utilizar a tag <code> para adicionar o código sinalizar que o techo se trata de um código e para não perder o seu formato utilizar a tag <pre>

 
    idade = input('Digite aqui o sua idade')
    if idade > 18;
    print (f'você é maior de idade)
         

Outra tag que pode ser utilizada para dar destaque a uma parte do texto é <q> que é responsável pelas aspas quando vamos fazer alguma citação curta dentro de um texto ou parágrafo. Já se desejar fazer uma citação mais longa dentro do texto deve-se usar a tag <blockquote> como por exemplo

HTML é a linguagem padrão utilizada para criar páginas da Web. Ela fornece a estrutura básica do conteúdo, permitindo que textos, imagens, links, formulários e outros elementos sejam organizados de forma hierárquica. (DUCKETT, 2014, p. 22)

Caso adicionar um abreviação dentro texto é possivel adicionar uma explicação para a abreviação é preciso utilizar <abbr>, um exemplo de uso é em HTML quando passar o cursor por cima da palavra HTML aparecerá o que ela significa.


Listas

Listas Ordenadas

São listas em que a ordem dos itens é de extrema importância como a classificação de uma prova para isso é necessário utilizar <ol> para delimitar a lista e <li> listar os itens,já para identificar/numerar cada item da lista se será números ou letras na tag <ol> deve-se definir o type

  1. Vanessa
  2. Amanda
  3. Thiago

Listas não Ordenadas

São listas em que a ordem não importa, como uma lista de supermercado, utiliza-se <ul> e também é possível mudar seu type para por exemplo square, disc,circle e também deve-se usar <li> para listar oos itens:

Lista mista

Lista em que a listas ordenadas e não ordenadas estão misturas, exemplo liguangens de programação

  1. Já estudadas
  2. Em estudo
    1. pyhton
    2. c#

Lista de definição

Lista que trás uma palavra e sua definição. Utiliza-se a tag <dl> para iniciar a lista e as tags <dt> onde vai a palavra e <dd> onde vai a definição da palavra

HTML
linguagem de marcação para criação de conteúdo de um site.
CSS
linguagem de marcação para criação do design de um site.

Links

Utilizando liks externos, links que direcionam para páginas fora do meu site, para isso utilizo a tag <a> dentro dela colocar o link para onde será redirecionada a página em href e adiconar target="_blank" para que a nova página seja aberta em uma nova janela do navegador

Acesse meu repositórios do GitHub para ver meus projetos

Utilizando links internos, que direcionam para páginas do meu própio site

As anotações sobre link e demais conteúdos desse módulo estão na segunda página

Para acessar a segunda página do meu site,

Para acessar as páginas referente a estilos, clique aqui


Vanessa Cezar do Nascimento