Html básico
•Transferir como PPTX, PDF•
2 gostaram•608 visualizações
O documento fornece instruções sobre a criação de uma página HTML básica, incluindo a organização de diretórios e arquivos, tags básicas como cabeçalhos, parágrafos e listas, e a inserção de imagens e links.
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (13)
Semelhante a Html básico
Semelhante a Html básico (20)
Mais de samuelthiago
Mais de samuelthiago (20)
Html básico
- 1. HTML Básico Introdução ao HTML Mini-Curso WebDesign IFPB 1 Samuel, Aleksandro e Alessandro 20/08
- 2. Mini-Curso WebDesign IFPB 2 Preparação/Diretórios Pasta : Mini-Curso Pasta : Seu-Nome Arquivos : tarefa.html Arquivo : index.html Backup : Pendrive Pasta : imagens Browser : Visualizar
- 3. Mini-Curso WebDesign IFPB 3 Dicas de sinalização Tarefas Tarefa1.html Tarefa2.html Tarefa3.html Básica Intermediárias Avançadas Salve as Tarefas
- 4. Mini-Curso WebDesign IFPB 4 Organograma do Site index.html trf1.html trf2.html trf5.html trf3.html trf4.html trf6.html Não deixe de fazer as tarefas elas servirão como Conteúdo do seu site !
- 5. Criando Página Mini-Curso WebDesign IFPB Abra o bloco de nota e digite. Abra o Browser e visualize. 5 Tarefa 01
- 6. Cabeçalhos Mini-Curso WebDesign IFPB 6 A tagde cabeçalho colocam uma quebra de linha onde são declarados. Tarefa 02
- 7. Parágrafos Mini-Curso WebDesign IFPB A tag<p> ela quebra a linha. Sintaxe<p> ... </p> 7 Tarefa 03
- 8. Quebras de linha Mini-Curso WebDesign IFPB 8 A tag<br> ela dar uma quebra de linha no local onde foi escrita. Sintaxe<br > Tarefa 04
- 9. Lista não Numerada Mini-Curso WebDesign IFPB 9 A tag<ul>ela cria uma estrutura de Tópicos não numerada. Cada novo item é fornecido pelo Elemento <li > ... </li> Tarefa 05
- 10. Lista Numerada Mini-Curso WebDesign IFPB 10 A tag<ol> cria uma estrutura de Tópicos numerada. Cada novo item é fornecido pelo Elemento <li > ... </li> Tarefa 06
- 11. Lista de Definição Mini-Curso WebDesign IFPB 11 A tag<dd> cria um espaçamento entre a margem e o inicio da frase “TAB”. Tarefa 07
- 12. Lista Intercalada Mini-CursoWebDesign IFPB 12 Contem os dois tipos de lista : Numerada e Não Numerada Tarefa 08
- 13. Texto pré-Formatado Mini-Curso WebDesign IFPB 13 O texto é apresentado no navagador na forma Em que foi digitado no html. Sintaxe<ol > ... </ol> Tarefa 09 < / >
- 14. Formatando Textos Mini-CursoWebDesign IFPB 14 <b> NEGRITO <> <i>ITÁLICO </i> <u>SUBLINHADO</u> <strong>STRONG</strong> <big>BIG</big> <small>SMALL </small> <sup> XSOBRESCRITO</sup> <sub> XSUBSCRITO</sub> Tarefa 10
- 15. Uso de Cores <body> Mini-CursoWebDesign IFPB 15 Tarefa 11 Bgcolor=#rgb Fundo da Página text=#rgb Cor do Texto
- 16. Imagem de Fundo <body> Mini-CursoWebDesign IFPB 16 < bodybackground = “caminho/nome.extensão”> Tarefa 12
- 17. Inserindo Imagem Mini-CursoWebDesign IFPB 17 < src=“caminho/nome.extensão”Width=tamanhoBorder= borda > Tarefa 13
- 18. Mini-CursoWebDesign IFPB 18 HTML Básico Introdução ao HTML Samuel, Aleksandro e Alessandro 21/08
- 19. Alinhamento de parágrafos Alinhamento de Textos em ralação às imagens; Hiperlinks, Links e Âncoras Linhas de Separação Cores para Links Mini-Curso WebDesign IFPB 19 Sumário Fontes Tabelas Textos que se movem Frames
- 20. Alinhamento de Parágrafos Mini-CursoWebDesign IFPB 20 <p align=center> Centro </p> <p align=right> Direita </p> <p align=left> Esquerda </p> <p align=justify> Justificado </p> Intermediárias 14 Teste todos os Alinhamentos no texto e na Imagem ao lado ! MOSTRAR TAREFA 14
- 21. Alinhamento de texto em Relação às imagens Mini-CursoWebDesign IFPB 21 <imgsrc=“img.ext” align=top> Texto no Topo </p> < imgsrc=“img.ext” align=midlle> Texto nomeio </p> < imgsrc=“img.ext” align=bottom> Texto embaixo </p> Insira a imagem “sala.jpg” e faça o exercício proposto: Alinhe a mensagem no topo, no meio e embaixo. Intermediárias 15 Teste os Alinhamentos de Texto em Relação às imagens ! MOSTRAR TAREFA 15
- 22. Links Internos (Na página) Mini-CursoWebDesign IFPB 22 <a name = Nome_Ancora> </a> <a href=#Nome_Ancora> texto </a> Intermediárias 16 Criando links internos MOSTRAR TAREFA 16
- 23. Links Locais (Nos Diretórios Locais) Mini-CursoWebDesign IFPB 23 <a href=“Arquivo.html”> texto </a> <a href=“tarefa17.html” >Voltar </a> <a href="tarefa17_Links_Locais.html"> <imgsrc= "imagens/botao.png " alt="Voltar Para Menu"> </a> Intermediárias 17 Criando links internos MOSTRAR TAREFA 17
- 24. Links Externos (Na WEB) Mini-CursoWebDesign IFPB 24 <a href=“http://site.com.br”> Site </a> Intermediárias 18 Criando links Externos MOSTRAR TAREFA 18
- 25. Links Externos (Na WEB) Mini-CursoWebDesign IFPB 25 <a href=“mailto:ender@email”>email</a> Intermediárias 19 Criando links Externos MOSTRAR TAREFA 19
- 26. Mini-CursoWebDesign IFPB 26 HTML Básico Introdução ao HTML Samuel, Aleksandro e Alessandro 22/08
- 27. Frames / Criando o Topo Mini-CursoWebDesign IFPB 27 < hrsize= “valor” Noshadewidth=“valor” align=opção> Intermediárias 20 Criando links Externos MOSTRAR TAREFA 20
- 28. Frames / Criando o Topo Mini-CursoWebDesign IFPB 28
- 29. Desafio ! Mini-CursoWebDesign IFPB 29
- 30. Frames / Criando o Frame Principal Mini-CursoWebDesign IFPB 30 < hrsize= “valor” Noshadewidth=“valor” align=opção> Intermediárias 20 Criando links Externos MOSTRAR TAREFA 20