[Old] Curso de programação web dia 01
•Transferir como ODP, PDF•
1 gostou•275 visualizações
O documento apresenta as principais linguagens de programação da web, como HTML, CSS e JavaScript. Detalha os conceitos básicos do HTML, como sua criação, estrutura, marcação e primeiros comandos. Explica a estrutura padrão de uma página HTML e como usar tags como <marquee> e <blink>.
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Semelhante a [Old] Curso de programação web dia 01
Semelhante a [Old] Curso de programação web dia 01 (20)
Mais de ailton bsj
[Old] Curso de programação web dia 01
- 2. As linguagens de programação Web ● HTML ● CSS ● JavaScript ● PHP ● MySQL ● Outras
- 3. A programação Web ● HTML (estruturação) ● CSS (estilização) ● JavaScript (Dinâmica) ● PHP (Interação) ● MySQL (Base de dados)
- 4. O HTML ● Criada por Tim Berners-Lee em 1990 ● HyperText Markup Language ● Linguagem de marcação com hipertexto ● Consiste no uso de “marcas” para estruturação de paginas ● Uso de textos clicaveis para redirecionamento à outras paginas ou seções
- 5. As regras do HTML ● Todo comando deve está entre < e > ● Um comando é chamado de: ● Marcas ou marcador ● Etiquetas ● Targetas ● Tags ● Exemplos: <marquee>, <img>, <quote>
- 6. As regras do HTML ● Existem dois tipos de tags: ● Container's ● Vazias ● Container's: São usados dois comandos, o de inicio e o de fim. ● Vazias: Só existe um comando.
- 7. Tags Containers ● Comando de Inicio entre < e > ● Comando de Fim entre < e >, porém com uma barra “/” depois do sinal de <. ● Exemplos: ● <font></font> ● <body></body> ● <a></a>
- 8. Tags Vazias ● Comando entre < e > ● <img>, <input>, <hr> ● Recomendações da W3C: Uso do espaço e barra “/” antes do sinal >. ● <img />, <input />, <hr />
- 9. Primeiro Programa em HTML <html> <head> <title>Primeiro Programa</title> </head> <body> Olá, Mundo! </body> </html>
- 10. Comandos Usados no primeiro programa ● HTML: Define o inicio e fim da pagina ● HEAD: Define o inicio e fim do cabeçalho ● BODY: Define o inicio e o fim do corpo ● TITLE: Define o titulo da pagina
- 11. Estrutura Básica de uma pagina HTML <html> <head> Aqui fica o cabeçalho! </head> <body> Aqui fica o Corpo! </body> </html>
- 12. Estrutura Básica de uma Pagina HTML HTML HEAD BODY
- 13. Niveis de hierarquias ● A ultima tag aberta é a primeira a ser fechada. ● <a><b><form>texto</form></b></a> ● Igual a matemática ● { [ ( ) ] }
- 14. Usando comando MARQUEE ● Marquee: tag container que gera um movimento horizontal em tudo que estiver entre ela. ● Mais uma regra HTML: ● O HTML NÃO É case-sensitive.
- 15. Usando MARQUEE <HTML> <Head> <title>Usando MARQUEE</TITLE> </head> <Body> <marquee>Eu estou vivo!</marquee> </boDY> </html>
- 16. Tags de Corpo e Cabeçalho ● Existem tags que somente podem ser usadas no corpo e outra só no cabeçalho ● Exemplo: a tag MARQUEE só pode ser usada no corpo
- 18. Usando o BLINK <HTML> <Head> <title>Usando BLINK</TITLE> </head> <Body> <marquee>Eu estou vivo!</marquee> <blink>Pisca-pisca!</blink> </boDY> </html>