Aula 3

393 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
393
On SlideShare
0
From Embeds
0
Number of Embeds
60
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Aula 3

  1. 1. HTML – Aula 3<br />Conceitos básicos<br />
  2. 2. Atributos<br />Elementos HTML podem possuir atributos<br />Atributos proporcionam informações adicionais para os elementos<br />Devem ser colocados sempre na tag inicial<br />São definidos por nome / valor. Ex: nome="valor"<br />
  3. 3. Atributos<br />Sempre utilize aspas para valores<br />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.<br />
  4. 4. Referência de atributos<br />id: deve ser único, utilizado para identificar o elemento<br />class: classe do elemento<br />style: definições do estilo dentro do texto<br />title: texto indicativo do texto (tooltip)<br />
  5. 5. Headings (títulos)<br />É 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.<br />Lembrar que headers também devem ser utilizados mantendo estrutura hierárquica.<br />
  6. 6. Comentários<br />Comentários são inicializados pela tag: <!-- e finalizaos por --> ou seja:<br /><!-- Este é um comentário --><br />São úteis para identificar o código e assim facilitar o trabalho de atualização ou alteração em seu documento<br />
  7. 7. Formatando texto<br /><html><br /><body><br /><p><b>Este é um texto em negrito</b></p><br /><p><big>Este é um texto BIG</big></p><br /><p><i>Este é um texto em itálico</i></p><br /><p><code>Este é um texto para computador</code></p><br /><p>Este é <sub> Subscrito</sub> e <sup>Sobrescrito</sup></p><br /></body><br /></html><br />
  8. 8. TextFormattingTags<br />
  9. 9. "Computer Output" Tags<br />
  10. 10. Citations, Quotations, andDefinition<br />
  11. 11. Exercício<br />Utilizar tags para formatar o texto conforma o seguinte texto:<br />Vamosescrever um pouco do textoutilizandocadatipo de formatação:Algunstrechos do textodevem ser emnegrito e outrosemitálicoTambémdevemosutilizartextoSubscritoe sobreescrito,conforme a necessidade<br />Arquivo base em: http://fernando.portalmaringa.com/renovo/Aula3.zip<br />
  12. 12. HTML Styles<br />O propósito de um atributo style é:<br />Proporcionar uma maneira comum de estilizar seus elementos HTML<br />Podem ser atribuídos diretamente a tag utilizando o atributo style ou por um arquivo CSS.<br />
  13. 13. CSS<br />Para utilizar um style emseudocumento html a tag:<br /><link rel="stylesheet" type="text/css" href="mystyle.css"><br />Deveestardentro do seu <head><br />
  14. 14. CSS<br /><html><br /><head><br /><style type="text/css"><br />body<br />{<br />background-color:#d0e4fe;<br />}<br />h1<br />{<br />color:orange;<br />text-align:center;<br />}<br />p<br />{<br />font-family:"Times New Roman";<br />font-size:20px;<br />}<br /></style><br /></head><br /><body><br /><h1>CSS example!</h1><br /><p>This is a paragraph.</p><br /></body><br /></html><br />

×