Aprenda html

Disponível somente no TrabalhosFeitos
  • Páginas : 32 (7837 palavras )
  • Download(s) : 0
  • Publicado : 22 de outubro de 2012
Ler documento completo
Amostra do texto
Aprendendo

HTML
Web Design Gráfico

Aprendendo HTML ÍNDICE 1. HTML Básico I 2. HTML Básico II 3. Listas 4. Refresh Page 5. Tabelas 6. Formulários 7. Frames 8. Música 9. Caracteres Especiais 10. Imagens Clicáveis 11. GIFS Animados 12. Ferramentas 13. Hospedagem 14. Glossário

2

Aprendendo HTML 1. HTML BÁSICO I HTML significa Hypertext Markup Language e é a linguagem de descrição dedocumentos usada na World Wide Web. Ela é orientada por marcadores ou TAGs. TAGs são os comandos utilizados pela linguagem HTML. Cada TAG informa ao programa visualizador ou Browser, como ele deverá formatar o texto e deve estar dentro dos sinais de menor que (). Exemplo: , , etc. Os TAGs podem ser únicos ou duplos, com início e fim. Exemplos: TAG único: TAG duplo: .... 1.1 - INICIANDO UM DOCUMENTOTodo o documento HTML fica contido entre os TAGS: e . Temos duas seções básicas: HEAD Contém parâmetros de configuração do documento. BODY Contém o documento em si. A estrutura de um documento HTML é: Título da Home Page *** Conteúdo da Home Page *** 1.2 - TAGS USADOS NO INÍCIO DO DOCUMENTO ... Envolvem todas as seções de um documento (HEAD e BODY). ... Envolvem a seção de cabeçalho dodocumento. ... Indica o título do documento para o Browser. Geralmente os Browsers apresentam este título na barra de título da sua Janela no Windows. ... Envolvem a seção de corpo do documento. Aqui fica o conteúdo principal da Home Page. Opcionalmente podemos indicar um arquivo de imagem para formar o fundo, usando a opção: BACKGROUND. 1.3 - TÍTULOS E SUBTÍTULOS Para demarcar títulos e subtítulos, use osTAGs de HEADER (H1 a H6), juntamente com as opções CENTER ou BLINK. Veja alguns exemplos: Texto inserido entre e :

Texto inserido entre e :

Texto inserido entre e : Texto inserido entre e : Observações: As TAGs CENTER e BLINK têm a função de deixar o cabeçalho ou texto centralizado e pulsante (piscando), respectivamente. 1.4 - FORMATAÇÃO DE TEXTOS Além das TAGs ... e ... existem asseguintes TAGs que podem ser utilizadas para a formatação de um texto. ... - Aplica o estilo negrito. ... - Aplica o estilo itálico. ... - Aplica o estilo sublinhado (nem todos os browser o reconhecem). sobrescrito ... - Faz com que o texto fique . ... - Faz com que o texto fique subscrito. ... - Utiliza a pré-formatação, ou seja, deixa o texto da maneira em que foi digitado. 2. HTML BÁSICO II 3 Aprendendo HTML 2.1 - IMAGENS Podemos inserir imagens dentro de um documento HTML, mas devemos ter o máximo de cuidado, para não onerara transmissão para o usuário. Os formatos mais usados são o GIF e o JPG, ambos com compactação de pixels. Para inserir uma imagem, uso o TAG: , que é único, não exigindo um TAG finalizado. Exemplo: Os arquivos com as imagens deverão estar armazenados no seuProvedor de Acesso, juntamente com o documento HTML. 2.2 - LINKS Os Links servem para criar Palavras Quentes, que permitem a interligação entre documentos HTML e outros documentos ou até arquivos FTP. Veja o seguinte exemplo: Para o próprio documento Para outro documento Para minha Home Page Âncora para imagem externa Use: Texto ou imagem... O parâmetro NAME serve para marcar um ponto para possíveisdesvios. Quando desviamos para um determinado ponto dentro de um documento, indicamos este nome com um "#". Por exemplo: Aqui é um ponto para desvios...Desvia para o ponto "AQUI" 3. LISTAS 3.1 - CRIANDO LISTAS ORDENADAS Listas ordenadas, são também denominadas listas numeradas, pois, quando um navegador encontra uma TAG, iniciando uma lista ordenada, ele passa a mostrar cada item utilizando números,como 1, 2, 3, e assim sucessivamente. Listas ordenadas são iniciadas pela TAG . Cada item utiliza a TAG . Finalmente, . Exemplo: É facil fazer uma Home Page Tem que ter paciência Bons recursos E não exagerar em imagens Resultado: 1. É facil fazer uma Home Page 2. Tem que ter paciência 3. Bons Recursos 4.E não exagerar em imagens. 3.2 - CRIANDO LISTAS NÃO ORDENADAS Listas não ordenadas são...
tracking img