Please enable JavaScript.
Coggle requires JavaScript to display documents.
Modulo 02 html e css - Coggle Diagram
Modulo 02 html e css
Aula 01
Oque e indentação?
O conceito de identação, vou usar em varias outras linguagens de programação... A identação e usada para organizar as linhas da linguagem.
-
Aula 03
-
-
posso usar o img, e dentro do <img src="<http://www.logodogoogle.com.br alt=>"LogoDoGoogle"> A logo do google vai ajudar a pessoa saber o que esta ali no espaço, caso aconteça uma queda da internet... e recomendado colocar o alt="" em todas as imagens que for colocar...
Aula 04
Oque o css 1/2
Posso usar o css inline dentro das tags html, digito style="" para fazer o css inline...
Aula 05
O css e parte que da vida as aparencias do html, para usar o css inline, dentro de head, eu crio a tag style, e ali dentro posso editar meu css.
Ja o css separado por link, dentro do head eu crio a tag <link rel="stylesheet" href="exemplo.css">
-
Aula 07
As cores do css são definidas pelo RGB,
-
-
-
Background-color: rgb(100, 0, 200);
Tem tambem o hexa decimal, #ff0000;
-
Aula 08
-
-
-
-
ou criar uma div e no css edito o width, height, background e coloco o border-radius com px...
Aula 09
-
-
-
uma das primeiras coisas que fazemos quando estamos iniciando um site e da um 0 no margin do body...
Aula 10
-
-
-
o height: auto; e usado para que se espanda enquanto poder se espandir, ou seja e a mesma coisa de não colocar nada.
-
-
lembrando que o min sempre vai ser priorizado, ex: numa disputa entre max-width: 500px e min-height: 100px; o min vai ser priorizado...
Aula 11
- {} usado para selecionar tudo no css
box-sizing: content-box; usado ele ira configurar o tamanho do padding e do border sem alterar os tamanhos um dos outros.
-
Aula 12
-
Posso criar varios links dentro de minhas paginas, porem as paginas devem estar dentro da mesma pasta...
Target="_blank" usado para que ao clicar no link ele, seja direcinado para outra pagina...
-
Aula 13
-
Posso inserir links usando texto e imagens, posso tbm inserir links para que eles sejam usados dentro da proprio site, usando o id. Exemplo <a href="#area5">Ir para a area 5</a>
-
-
Aula 14
-
-
-
da mesma forma a tag em italico <em> tem semantica, ja a tag <i> Não...
-
-
-
-
Aula 15
Para fazer um comentario no html e bem simples, basta apenas digitar <!-- SEU COMENTARIO --> Os textos dos comentarios ficaram apenas dentro das paginas html...