Please enable JavaScript.
Coggle requires JavaScript to display documents.
Modulo 3 html e css - Coggle Diagram
Modulo 3 html e css
Aula 01
existe um site chamado lipsum existe palavras que não tem sentido, porem podem ser copiadas cmo se estivessemos criando um texto... lipsum.com
-
-
(font-family:arial; - estilo de fonte) - e bom colocar sempre 3 estilos de fonte (font-family:arial, elvetica, comic-sans;
-
-
-
-
-
-
(text-decoration:none; dessa forma não vai haver decoração de texto, que e aquele tracinho embaixo dos links...)
-
(text-decoration:line-trought; o tracinho do link fica sobre a palavra) apesar disso posso usar essa função em qualquer texto...
com a função :hover posso fazer o text-decoration:underline e text-decoration:none; ficar de forma mais interativa...
Aula 02
-
-
-
-
-
-
text-shadow: 0px 2px 3px #ff0000; primeira função com o auxilio das funções seguintes faz com que o texto fique sombreado, esquivando para a direita...
Aula 03
Nessa aula e ensinado como usar uma fonte externa, usando o google fonts.
Aula 04
-
Para criar uma lista no html, basta usar o (<ul> - desordenada <ol> - ordenada - Seguida de Li) ex:
-
Posso mudar os pontinhos do <ul> da seguinte forma: <ul style="list-style-type:disc que e o padrão tambem no lugar de disc posso usar circle ou square ou none">
Tambem posso fazer da mesma forma com <ol> da seguinte forma <ol type="1" ou type="A" ou type="a" ou type="I">
(Como o <ol> usa o numero 1 em diante, posso tbm fazer da ele começar de qualquer numero que não seja o 1 da seguinte forma: <ol start="45">
-
Aula 05
-
-
-
-
-
-
para auxilio das tabelas, dentro da tag <table> posso usar o <thead> e o <tbody>
-
-
Aula 06
-
-
td, th ( border: 1px solid #000;)
-
-
( th, td { background-color: #ff0000;
-
-
Posso tbm fazer com que as linhas pares fique todas de uma mesma cor diferente das impares, da seguinte forma!
-
Lembre-se na programação vc, pode programar e organizar os itens de acordo com seu desejo... Here u are God!
Relembrando nas tag th os nomes ficam em negrito, porem vc pode altera-las no css
-
Aula 07
-
Os formularios são usados para receber informações, como cadastro, login etc...
Mas para vc ler essas informações recebidas html e css não basta e necessario o auxilio de outra linguagem de programação...
<form action="paginas/login.html" method="post"/> - dessa forma vai ser enviada, as informações de formularios para a paginas/login.html...
(method="get") esse e usado nas paginas, caso vc queira que a url fique visivel...
(method="post") usado para mostrar, caso vc queira que a url não fique visivel...
Aula 08
-
-
começa como <input type=""/> todos os inputs precisam de um name="" menos o <input type="submit"/> pois ele e um botão!
-
-
-
-
-
-
ex: caso eu queira, fazer dois pontinhos com dupla seleção, basta inserir o < input type="radio" name="".
-
-
-
-
-
-
-
-
-
-
-
-
Aula 17
-
A validação funciona como o requerimento para os campos de um formulario, como o requerimento do campo email, telefone, cpf etc...
para a validação posso usar o required q e o requerimento e o min-length que e o minimo, a ser digitado no campo que ele esta inserido...
Aula 18
validação nativas 2
step="" usado para pular os numeros dentro da caixinha <input type="number">, dessa forma os nos numeros validos so serão aceito apartir do valor que esta em step seguindo por multiplicado por ele mesmo...
Aula 19
input type hidden
type="hidden" e usado para pegar informação, sem que o usuario perceba, uma delas e ea localização...
Aula 20
-
posso pegar arquivos com <input type="file" accept="image/*"/> tbm posso pedir para que seja requerido, apenas imagem, usando essa configuração...
-
-
-
essa parte e muito importante, pois somente posso mandar o arquivo, com ele na barra <form>