Resolvi instalar o Debian 12 em meu notebook Dell, devido à estabilidade e ser uma distribuição de facil suporte. Entretanto, a conexão wifi estava muito lenta, o que me fez ir atrás para tentar resolver ao invés de desinstalar e escolher outro sistema.

Pois bem, depois de algumas buscas, encontrei o site linuxdicasesuporte, o qual apresentou um tutorial muito simples.

Basta apenas digitar no terminal:

apt install dkms linux-headers-$(uname -r|sed 's,[^-]*-[^-]*-,,') broadcom-sta-dkms

Então, todos os módulos são carregados, e agora a internet esta top!!!

 

Link, Âncora

<a href="http://www.google.com.br">Ir para o google</a>

Para direcionar em pastas diferentes
href="paginas/pasta1/login.html";

target : utilizado para abrir em uma nova aba

<a href="http://www.google.com.br" target="_blank>Ir para o google</a>

para adicionar uma legenda em seu link

<a href="http://www.google.com.br" target="_blank" title="Google">Ir para o google</a>

Dicas
aplciar todos os efeitos

box-sizing: border-box;
utilizando esta propriedade em todos os elementos, nos podemos perceber que quando criamos uma div e adicionamos bordas e padding a ela, seu tamanho ira aumentar. Com esta propriedade, o tamanho se mantem, descontando os valores do padding e borda no conteudo

*{
  box-sizing: border-box;
}

.conteudo{
width: 400px;
height: 400px;
padding: 10px;
margin: 10px solid green;
}
neste caso, aplicando para todos os elementos através do *, podemos notar que o conteudo será diminuido, para que toda a div possa ter 400px

Tag mida Query




Muito importante- design responsivo, usa um css, e outro;

<div class="teste"> </div>

no css...

.teste{
width: 500px;
heigth: 600px;
}

//aplicando o conceito de midia
@midia only screen and(orientation:landscape) and  (max-width:500px ) {
     .teste {
                  background-color:green;
                   }
}

//comentarios explicativos
max-width:500px : tamanho maximo da tela for 500 px, backgrond ira ser verde.

orientation:landscape: quando o celular estiver deitado.

tag AUDIO


Toca um som, mp3 etc...

<audio controls autoplay loop muted preload>
<source src="som.mp3" type="audio/mpe3" />
</audio>

suporta tipos
ogg, mpe3(mp3);

loop: ira repetir o som;
muted: começa com volume desligado

autoplay: inicia automaticamente;
preload: Assim que entrar na pagina, o arquivo de audio ja estara carregando, ajuda caso a internet do usuario seja lenta.

Tag Vídeo

Cria um player de vídeo no seu site

Uma área que ira aparecer um video
<video width="320" height="240" controls>
<source src="" type="video/mp4" />
</video>

Formatos suportados
mp4, ogg

controls: é o parametro para aparecer os controles do video.

autoplay: Assim que entrar na pagina, ele inicia automaticamente. e nao a controles

<video width="320" height="240" autoplay>

controles e autoplay


<video width="320" height="240" controls autoplay>