Introdução ao HTML Ricardo Ramos de Oliveira E-mail: [email protected] Cadastro Wiki USP Endereço: http://garapa.intermidia.icmc.usp.br/mediawiki INTRODUÇÃO HTML (HyperText Markup Language) HTML é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, ou Notepad++. Estrutura Básica do HTML Motores de Renderização Motor de renderização é um software que transforma conteúdo em linguagem de marcação em um conteúdo formatado para ser exibido em um monitor. Tags do HTML Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. Tags do HTML O texto entre <html> e </ html> descreve a página web O texto entre <body> e </ body> é o conteúdo da página visível O texto entre <h1> e </ h1> é exibido como um título O texto entre <p> e </ p> é exibido como um parágrafo A tag <BR> serve para marcar quebra de linha, já que a quebra de linha no fonte do HTML não é representado no navegador.Esta tag não tem marcação de fim. Projeto Web Crie uma pasta com o nome Projeto Web na sua área de trabalho. Vamos criar a nossa primeira página web Abra o editor de texto do Notepad++ Criar a minha primeira página Web Projeto Web Projeto Web center (centralizar) left (esquerda) right (direita) justify (justificado) Projeto Web Cabeçalho H1 - Cabeçalho nível 1 (o maior) H2 - Cabeçalho nível 2 H3 - Cabeçalho nível 3 H4 - Cabeçalho nível 4 H5 - Cabeçalho nível 5 H6 - Cabeçalho nível 6 (o menor) Tags do HTML Texto Itálico <i> - inglês itálico Texto em negrito <b> - inglês bold Atributos do HTML BGCOLOR - define a cor de fundo da página. TEXT - define a cor padrão do texto. <BODY BGCOLOR="cor“ TEXT=“cor”> - BGCOLOR Cor de fundo (padrão: cinza ou branco) Em "cor", você pode colocar os valores de cores em inglês como: Preto = black Branco = white Azul = blue Amarelo = yellow Vermelho = red Atributos do HTML Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Algumas cores disponíveis RRGGBB (hexadecimal): Cor - Código HTML PRETO - #000000 BRANCO - #FFFFFF VERMELHO - #FF0000 VERDE - #00FF00 AZUL - #0000FF ROSA - #FF00FF AMARELO - #FFFF00 Bibliografia http://www.w3schools.com/html/ http://www.criarweb.com/desde0/ http://www.criarweb.com/linguagens_web/ http://pt-br.html.net/tutorials/html/lesson3.php http://pt-br.html.net/tutorials/html/ www.softechnetwork.com.br/java/CursoHTML.pdf Ricardo Ramos de Oliveira [email protected]