Aula 3
•Transferir como PPTX, PDF•
0 gostou•261 visualizações
O documento descreve conceitos básicos de HTML, incluindo atributos, elementos e tags comuns. Explica que atributos fornecem informações adicionais sobre elementos e devem ser colocados dentro da tag inicial. Também discute o uso de comentários, formatação de texto e folhas de estilo CSS.
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (13)
Semelhante a Aula 3
Semelhante a Aula 3 (20)
Mais de Fernando Fabricio
Aula 3
- 1. HTML – Aula 3 Conceitos básicos
- 2. Atributos Elementos HTML podem possuir atributos Atributos proporcionam informações adicionais para os elementos Devem ser colocados sempre na tag inicial São definidos por nome / valor. Ex: nome="valor"
- 3. Atributos Sempre utilize aspas para valores Atributos sempre devem ser iniciados e finalizados por aspas, sendo elas geralmente duplas, porém aspas simples também podem ser empregadas. Em alguns casos são definidos valores em aspas simples.
- 4. Referência de atributos id: deve ser único, utilizado para identificar o elemento class: classe do elemento style: definições do estilo dentro do texto title: texto indicativo do texto (tooltip)
- 5. Headings (títulos) É importante utilizar os títulos (<h1> a <h6>) somente como títulos mesmo, não para nenhum outro fim. Os motores de busca utilizam títulos como um critério de indexação das páginas. Lembrar que headers também devem ser utilizados mantendo estrutura hierárquica.
- 6. Comentários Comentários são inicializados pela tag: <!-- e finalizaos por --> ou seja: <!-- Este é um comentário --> São úteis para identificar o código e assim facilitar o trabalho de atualização ou alteração em seu documento
- 7. Formatando texto <html> <body> <p><b>Este é um texto em negrito</b></p> <p><big>Este é um texto BIG</big></p> <p><i>Este é um texto em itálico</i></p> <p><code>Este é um texto para computador</code></p> <p>Este é <sub> Subscrito</sub> e <sup>Sobrescrito</sup></p> </body> </html>
- 11. Exercício Utilizar tags para formatar o texto conforma o seguinte texto: Vamosescrever um pouco do textoutilizandocadatipo de formatação:Algunstrechos do textodevem ser emnegrito e outrosemitálicoTambémdevemosutilizartextoSubscritoe sobreescrito,conforme a necessidade Arquivo base em: http://fernando.portalmaringa.com/renovo/Aula3.zip
- 12. HTML Styles O propósito de um atributo style é: Proporcionar uma maneira comum de estilizar seus elementos HTML Podem ser atribuídos diretamente a tag utilizando o atributo style ou por um arquivo CSS.
- 13. CSS Para utilizar um style emseudocumento html a tag: <link rel="stylesheet" type="text/css" href="mystyle.css"> Deveestardentro do seu <head>
- 14. CSS <html> <head> <style type="text/css"> body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; } </style> </head> <body> <h1>CSS example!</h1> <p>This is a paragraph.</p> </body> </html>