6ª Feira de Oportunidades Desenvolvimento de páginas com HTML Prof. Marcelo da Silveira Siedler SERVIÇO NACIONAL DE APRENDIZAGEM COMERCIAL FACULDADE DE TECNOLOGIA SENAC PELOTAS
Páginas Web
Criando Web Sites o Necessidade de Criar páginas web que o navegador (browser) consiga entender o que estamos querendo representar. o Entender–Interpretar no mundo da informática. o Regras de criação do site são definidadas através de uma linguagem. o Linguagem HTML.
Linguagem HTML o Formada por tags de marcação. o Tags representam elementos em uma página. oTextos oParágrafos oImagens oLinks oFormulários oFormatação visual (cor, alinhamento, fonte,...) o Tags são definidas utilizando os caracteres. oExemplo:
Linguagem HTML o Maioria das tags devem ser “fechadas”. o Exemplo: o o Criando minha primeira página Web. o Representação do conjunto de tags básicas para o funcionamento de uma página.
Minha primeira página Web. Primeira.html Minha segunda página Web. 6ª Feira de Oportunidades SENAC. Segunda.html
Páginas HTML o Formatando o texto que é exibido na página. oTítulos Comparando Tamanhos
Páginas HTML o Um parágrafo: Definindo alinhamento: Texto à esquerda Texto centralizado Texto à direita Texto justificado * Prática
Formatando o texto o Negrito: Tag texto Texto normal, mas agora com negrito. o Itálico: Tag texto Agora em itálico. o Sublinhado: Tag texto Agora sublinhado.
Formatando Texto o Quebrando linhas: Exemplo: Título 3 Exemplo de texto na primeira linha. Mais um exemplo de texto em segunda linha com negrito. Outra Linha
Prática
Trabalhando com atributos o Permitir alterar/definir as funcionalidades das tag. oExemplo: o o Dividindo em seções: o
Criando links entre as páginas o Tag a oAtributo href o Texto: Clique Aqui o Texto 2: Clique Aqui
Inserindo imagens o Tag img oAtributo src – caminho da foto o Exemplo: