Baixe o app para aproveitar ainda mais
Prévia do material em texto
Aula 2 – Introdução ao HTMLAula 2 – Introdução ao HTML Prof. Leandro dos Santos Curso Superior de Análise e Desenvolvimento de Sistemas FTEC – Faculdade de Tecnologia – Bento Gonçalves/RS Resumo Aula 1 � Internet � Conjunto de computadores e redes, de vários tipos e arquiteturas, conectados pelo mundo todo. � Não possui gerência ou controle central.� Não possui gerência ou controle central. � Criada em 1969 – ARPANET (EUA / Militar) � Protocolo TCP/IP � Regras e convenções para comunicação � Permite a troca de informações, envio e recebimento de dados entre os computadores da rede � Cada máquina na Internet possui um Endereço IP Resumo Aula 1 � Serviços da Internet � E-mail : troca de mensagens � FTP : transferência de arquivos � WWW (World Wide Web)� WWW (World Wide Web) � Informações organizadas em forma de sites e páginas � Hipertextos: documentos que podem reunir texto, imagem, sons, vídeos, animações e hiperlinks � Servidores: armazenam os sites e informações da www � Navegadores: programas para visualizar as páginas � Também chamados de browsers � Internet Explorer, Firefox, Netscape, Safari, Opera, ... Introdução ao HTML � HTML - Hyper Text Markup Language � Linguagem universal das páginas web � É uma linguagem declarativa � Define os elementos e a estrutura da página� Define os elementos e a estrutura da página � Permite organizar os textos, imagens e sons; � Criar links e organizar o conteúdo das páginas; � Simples e fácil de programar � É somente marcação de texto � Documentos HTML � Arquivos de texto simples (.txt) � Criados em qualquer editor (Ex: Bloco de Notas) � Terminação: .htm ou .html Introdução ao HTML � TAGS = marcadores � Comandos interpretados pelo navegador � Escritas entre os sinais de “<“ e “>” � Aparecem geralmente em pares� Aparecem geralmente em pares � Abertura e fechamento: limitam a influência da tag � Tag de fechamento é precedida pelo caracter “/” � Ex: <nome_tag> meu texto </nome_tag> � Algumas tags não possuem tag de fechamento � Não diferenciam maiúsculas e minúsculas � <html> = <HTml> = <hTML> � <html> ... </HtmL> Introdução ao HTML � Atributos � Definem as opções e parâmetros das tags � Aparecem sempre na tag de abertura, antes de > � O valor dos atributos é definido entre aspas (“ ou ‘)� O valor dos atributos é definido entre aspas (“ ou ‘) � Exemplo: � <tag atributo=“valor”> ... </tag> � <carro marca=“gm” > Vectra </carro> Tags Básicas � <HTML> � Tag principal da linguagem � Define o início e o fim do documento HTML � Engloba todas as demais tags da página� Engloba todas as demais tags da página � <HEAD> � Define o cabeçalho do documento � Engloba as meta tags e o título do documento <TITLE> � <BODY> � Define o corpo do documento � Toda informação que será exibida pelo navegador Página Básica A estrutura básica de um documento HTML: <HTML> <HEAD><HEAD> <TITLE>Titulo da Pagina</TITLE> </HEAD> <BODY> Corpo da página ... </BODY> </HTML>
Compartilhar