SlideShare uma empresa Scribd logo

[Old] Curso de programação web dia 01

•Transferir como ODP, PDF•
•
ailton bsj
ailton bsj

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>.

1 de 18
CURSO DE WEB-DESIGN
As linguagens de programação Web ● HTML ● CSS ● JavaScript ● PHP ● MySQL ● Outras
A programação Web ● HTML (estruturação) ● CSS (estilização) ● JavaScript (Dinâmica) ● PHP (Interação) ● MySQL (Base de dados)
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
As regras do HTML ● Todo comando deve está entre < e > ● Um comando é chamado de: ● Marcas ou marcador ● Etiquetas ● Targetas ● Tags ● Exemplos: <marquee>, <img>, <quote>
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.
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>
Tags Vazias ● Comando entre < e > ● <img>, <input>, <hr> ● Recomendações da W3C: Uso do espaço e barra “/” antes do sinal >. ● <img />, <input />, <hr />
Primeiro Programa em HTML <html> <head> <title>Primeiro Programa</title> </head> <body> Olá, Mundo! </body> </html>
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
Estrutura Básica de uma pagina HTML <html> <head> Aqui fica o cabeçalho! </head> <body> Aqui fica o Corpo! </body> </html>
Estrutura Básica de uma Pagina HTML HTML HEAD BODY
Niveis de hierarquias ● A ultima tag aberta é a primeira a ser fechada. ● <a><b><form>texto</form></b></a> ● Igual a matemática ● { [ ( ) ] }
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.
Usando MARQUEE <HTML> <Head> <title>Usando MARQUEE</TITLE> </head> <Body> <marquee>Eu estou vivo!</marquee> </boDY> </html>
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
Teste-drive <html> <head> <marquee> <title>Meu Titulo</title> </marquee> </head> <body> Funciona? </body> </html>
Usando o BLINK <HTML> <Head> <title>Usando BLINK</TITLE> </head> <Body> <marquee>Eu estou vivo!</marquee> <blink>Pisca-pisca!</blink> </boDY> </html>

Mais conteúdo relacionado

[Old] Curso de programação web dia 01