\n\n\n\n\n\n*\n*\n\nLinguagem HTML - META TAGS\n\n\n\nCódigo HTML ("etiquetas\\u201c) utilizadas para dar aos robôs de busca informações a respeito de sua página e site.\n\n \nWeb Aula -> Aula 5 -> Tela 8\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nTags de Corpo : Comentário\n\nAula de Tecnologias Web\n\n\n \nXXX\nXXX\nXXX\n\n\n\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nPrimeiro Exemplo:\nAula de Tecnologias Web\n\n\n\n

Olá ! Minha primeira página

\n\n\n\n\n\n*\n*\n\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nDICAS:\n Atribua nomes de arquivos que descrevam a funcionalidade do documento\n\n Utilize comentários \n-> Ajudam outros programadores a entenderem a marcação\n\n Indentar elementos aninhados \n-> Promove a legibilidade do documento\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nErros comuns:\n Não incluir os valores de atributos entre aspas simples ou dupla (Erro de Sintaxe)\n\n\n\t\n\t</head>\n\t \n\t\n\t\n\n O XHTML não permite TAGS superpostas\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nEx: Lista Ordenada\n\n\t \n\t\n
    \n
  1. item número um.
  2. \n
  3. item número dois.
  4. \n
  5. item número três.
  6. \n
\n\n\t\n\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nEx: Lista Ordenada\n
    \n
  1. item número um.
  2. \n
  3. item número dois.
  4. \n
  5. item número três.
  6. \n
\n\n\n*\n*\n\nLinguagem HTML - Vínculos (Links)\n\n\n*\n*\n\nLinguagem HTML - Vínculos (Links)\nSINTAXE:\n\n Objeto \n\n\n*\n*\n\nLinguagem HTML - Vínculos (Links)\nPágina Externa\n\n Site da Estácio\n\n\n*\n*\n\nLinguagem HTML - Vínculos (Links)\nE-Mail\n\nFale comigo !\n\n\n*\n*\n\nFontes de Consulta\n \n http://www.w3schools.com/tags/\nhttp://www.htmlstaff.org/ \n\n\n\n*\n*\n*\n*\n*\n*\n*\n*\n*\n*\nao ler as informações contidas nestas tags, catalogar sites e suas informações, tais  como descrição da página,autor,palavras chave,\n\n*\n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*"} Aula 05 (3) - Análise Textual
25 pág.

Aula_05 (3)

Disciplina:Análise Textual7.934 materiais281.609 seguidores
Pré-visualização1 página
TECNOLOGIAS WEB – AULA 5
PROF. RENATO GUIMARÃES

*
*

Objetivos:
Apresentar as principais tags utilizadas na construção de páginas Web.
Compreender as principais funcionalidades de cada tag utilizada.
Listas as principais tags para tratamento de imagens, textos e conteúdos

*
*

Linguagem HTML
(Hypertext Markup Language)
 Características
Interpretada pelo navegador
Não linearidade da informação
Formatação do texto podendo ser interpretável por todo e qualquer navegador ( padrão do W3C)

*
*

Linguagem HTML - Estrutura
Cada elemento é chamado de tag
<tag> </tag> - abertura e fechamento

<tag> - sem elementos adicionais

*
*

Linguagem HTML - Estrutura
Cada elemento é chamado de tag
<font color=“red”>Texto </font>
Texto
Linha1<br>Linha2

<hr>
Linha1
Linha2

*
*

Linguagem HTML - Estrutura
<tag atributo=“valor”> XXXX</tag>

Exemplo:
<font size=“2” color=“red”> Texto que sofrerá alterações </font>

*
*

Linguagem HTML - Documento HTML
<html>
<head></head>
<body>
</body>
</html>
<html> Define o início de um documento HTML ao navegador web.

*
*

Linguagem HTML - Documento HTML
<html>
<head></head>
<body>
</body>
</html>
<head> Define o cabeçalho do documento. Área onde são inseridas chamadas Javascript, CSS, tags META,...

*
*

Linguagem HTML - Documento HTML
<html>
<head></head>
<body>
</body>
</html>
<body> A partir desta tag até o fechamento da mesma, todos os elementos aqui descritos serão apresentados como conteúdos na página em seu navegador.

*
*

Linguagem HTML - Documento HTML
<html>
<head>
<title>Aula de Tecnologias Web</title>

</head>
<body></body></html>

*
*

Linguagem HTML - Documento HTML
<html><head>
<title>Aula de Tecnologias Web</title>
<STYLE type="text/css">
p {color:red}</STYLE>
</head>

<body>
<p>Texto com o Estilo aplicado</p>
</body></html>

*
*

Linguagem HTML - Documento HTML
<html><head>
<title>Aula de Tecnologias Web</title>
<SCRIPT type="text/javascript">
document.write("Olá Alunos do Curso!")
</SCRIPT>
</head>
<body>
</body></html>

*
*

Linguagem HTML - META TAGS

Código HTML ("etiquetas“) utilizadas para dar aos robôs de busca informações a respeito de sua página e site.
<html><head>
<META NAME="author" CONTENT=“Rafael Ribeiro"> <META NAME="description" CONTENT="Meta Tags –Facilidade para robôs Web"> <META NAME="keywords" CONTENT="sites,web,desenvolvimento, eletrônico"> </head><body></body></html>
Web Aula -> Aula 5 -> Tela 8

*
*

Linguagem HTML - Documento HTML
Tags de Corpo <body> : Comentário
<!- TEXTO COMENTADO - >
<html><head><title>Aula de Tecnologias Web</title>
</head>
<body>
<!- Inicio da montagem do Menu ->
XXX
XXX
XXX
<!- Fim da montagem do Menu ->
</body>
</html>

*
*

Linguagem HTML - Documento HTML
Primeiro Exemplo:
<html><head><title>Aula de Tecnologias Web</title>
</head>
<body>

<p align=“center”> Olá ! Minha primeira página</p>

</body>
</html>

*
*

*
*

Linguagem HTML - Documento HTML
DICAS:
 Atribua nomes de arquivos que descrevam a funcionalidade do documento

 Utilize comentários
-> Ajudam outros programadores a entenderem a marcação

 Indentar elementos aninhados
-> Promove a legibilidade do documento

*
*

Linguagem HTML - Documento HTML
Erros comuns:
 Não incluir os valores de atributos entre aspas simples ou dupla (Erro de Sintaxe)

<html>
	<head>
	<title></head></title>
	<body>
	
	</body>
</html>
 O XHTML não permite TAGS superpostas

*
*

Linguagem HTML - Documento HTML
Ex: Lista Ordenada
<html><head><title></title></head>
	<body>
	
<ol>
<li>item número um.</li>
<li>item número dois.</li>
<li>item número três.</li>
</ol>

	</body>
</html>

*
*

Linguagem HTML - Documento HTML
Ex: Lista Ordenada
<ol>
<li type=“a”>item número um.</li>
<li>item número dois.</li>
<li>item número três.</li>
</ol>

*
*

Linguagem HTML - Vínculos (Links)

*
*

Linguagem HTML - Vínculos (Links)
SINTAXE:

<a href=“caminho para o destino”> Objeto </a>

*
*

Linguagem HTML - Vínculos (Links)
Página Externa

<a href=“http://www.estacio.br”> Site da Estácio</a>

*
*

Linguagem HTML - Vínculos (Links)
E-Mail

<a href=“mailto: nome@exemplo. br”>Fale comigo !</a>

*
*

Fontes de Consulta

 http://www.w3schools.com/tags/
http://www.htmlstaff.org/

*
*
*
*
*
*
*
*
*
*
ao ler as informações contidas nestas tags, catalogar sites e suas informações, tais  como descrição da página,autor,palavras chave,

*
*

*

*

*

*

*

*

*

*

*

*

*
\n\n\n\n\n\n*\n*\n\nLinguagem HTML - META TAGS\n\n\n\nCódigo HTML ("etiquetas\\u201c) utilizadas para dar aos robôs de busca informações a respeito de sua página e site.\n\n \nWeb Aula -> Aula 5 -> Tela 8\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nTags de Corpo : Comentário\n\nAula de Tecnologias Web\n\n\n \nXXX\nXXX\nXXX\n\n\n\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nPrimeiro Exemplo:\nAula de Tecnologias Web\n\n\n\n

Olá ! Minha primeira página

\n\n\n\n\n\n*\n*\n\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nDICAS:\n Atribua nomes de arquivos que descrevam a funcionalidade do documento\n\n Utilize comentários \n-> Ajudam outros programadores a entenderem a marcação\n\n Indentar elementos aninhados \n-> Promove a legibilidade do documento\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nErros comuns:\n Não incluir os valores de atributos entre aspas simples ou dupla (Erro de Sintaxe)\n\n\n\t\n\t</head>\n\t \n\t\n\t\n\n O XHTML não permite TAGS superpostas\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nEx: Lista Ordenada\n\n\t \n\t\n
    \n
  1. item número um.
  2. \n
  3. item número dois.
  4. \n
  5. item número três.
  6. \n
\n\n\t\n\n\n\n*\n*\n\nLinguagem HTML - Documento HTML\nEx: Lista Ordenada\n
    \n
  1. item número um.
  2. \n
  3. item número dois.
  4. \n
  5. item número três.
  6. \n
\n\n\n*\n*\n\nLinguagem HTML - Vínculos (Links)\n\n\n*\n*\n\nLinguagem HTML - Vínculos (Links)\nSINTAXE:\n\n Objeto \n\n\n*\n*\n\nLinguagem HTML - Vínculos (Links)\nPágina Externa\n\n Site da Estácio\n\n\n*\n*\n\nLinguagem HTML - Vínculos (Links)\nE-Mail\n\nFale comigo !\n\n\n*\n*\n\nFontes de Consulta\n \n http://www.w3schools.com/tags/\nhttp://www.htmlstaff.org/ \n\n\n\n*\n*\n*\n*\n*\n*\n*\n*\n*\n*\nao ler as informações contidas nestas tags, catalogar sites e suas informações, tais  como descrição da página,autor,palavras chave,\n\n*\n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*\n \n*","PreviewHtmlContent":null,"FilePreviewUrlBaseUrl":"https://files.passeidireto.com","Comments":[],"RatingValue":0,"RatingCount":0,"IsMetaDescriptionWithPage":false,"AuthorId":895642,"HasBeenReported":false,"FilePreview":{"Id":986776,"FileId":1021259,"FolderUrl":"c9be1ffe-ffdf-4e60-b281-44819c6f0761","PageCount":25,"Status":5},"IsIndexable":true,"PreviewType":0,"SubjectDetails":{"Id":719024,"Name":"Análise Textual","FollowerCount":281609,"SubjectMapId":35917750,"SubjectMapName":"Língua Portuguesa","MaterialCount":7934,"Alias":"analise-textual","ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/Subjects/lingua-portuguesa_20180802180433.png","LastVisitDate":"2015-08-31T18:16:36.000Z"},"AuthorImageUrl":"https://graph.facebook.com/100001941047034/picture?width=120&height=120","FileBaseUrl":"https://www.passeidireto.com/arquivo/1021259/aula_05-3","UserAgent":"Website","FileUrl":"c9be1ffe-ffdf-4e60-b281-44819c6f0761","HasThumbnail":0,"Contents":{"Tbs":[],"PremiumContent":[{"Name":"Interpretação de Textos","Alias":"interpretacao-de-textos","VideoCount":16,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/tipologia-textual-e-tipos-de-discurso-direto-indireto-e-indireto-livre/be15a0fc-dbe0-4810-9094-c57c20203012.png.medium"},{"Name":"Redação","Alias":"redacao","VideoCount":1,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/redacao/a80e77dd-c341-4b79-9f52-40ff94de9e33.png.medium"},{"Name":"Linguagens","Alias":"linguagens","VideoCount":1,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/linguagens-i/ebcea7f0-5d42-4595-8ed2-7ac0e03d5596.png.medium"},{"Name":"Gramática","Alias":"gramatica","VideoCount":1,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/novo-acordo-ortografico/9a5d6fe7-f4e2-45b6-8eef-baadecae2418.png.medium"},{"Name":"Classes gramaticais","Alias":"classes-gramaticais","VideoCount":2,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/02-preposicao-e-conjuncao/c3ee973a-e9ef-4afe-b57d-8128cf526801.png.medium"},{"Name":"Sintaxe","Alias":"sintaxe","VideoCount":4,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/04-verbos-intransitivos-e-complementos-nominais/b9f6f024-8200-42bf-ba4c-09548d5e1ac2.png.medium"},{"Name":"Concordância e regência","Alias":"concordancia-e-regencia","VideoCount":3,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/03-regencia-nominal-e-verbal/828d89e0-2890-41d2-8fcb-578da95dac03.png.medium"}]},"ContentInfo":{"hasThumbnail":0,"fileUrl":"c9be1ffe-ffdf-4e60-b281-44819c6f0761","size":4185600,"pageCount":1,"type":"file"},"title":"Aula 05 (3) - Análise Textual","description":"Veja grátis o arquivo Aula 05 (3) enviado para a disciplina de Análise Textual Categoria: Anotações - 1021259","userAgent":"Website","hasFlashSale":false,"endDateFlashSales":null,"pdCountData":{"studentCount":16157625,"materialCount":3888514},"enableGoogleTagManagerHead":true}; ReactDOM.render(React.createElement(ReactPD["File"], initProps), document.getElementById('pd-view')); var headerInitProps = {"type":10,"isSearchPage":false,"sponsor":null,"UserAgent":"Website","FlashSaleType":1,"endDateFlashSales":null,"currentUrl":"/arquivo/1021259/aula_05-3","SubjectTitle":"Análise Textual","SubjectAlias":"analise-textual","Contents":{"Tbs":[],"PremiumContent":[{"Name":"Interpretação de Textos","Alias":"interpretacao-de-textos","VideoCount":16,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/tipologia-textual-e-tipos-de-discurso-direto-indireto-e-indireto-livre/be15a0fc-dbe0-4810-9094-c57c20203012.png.medium"},{"Name":"Redação","Alias":"redacao","VideoCount":1,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/redacao/a80e77dd-c341-4b79-9f52-40ff94de9e33.png.medium"},{"Name":"Linguagens","Alias":"linguagens","VideoCount":1,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/linguagens-i/ebcea7f0-5d42-4595-8ed2-7ac0e03d5596.png.medium"},{"Name":"Gramática","Alias":"gramatica","VideoCount":1,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/novo-acordo-ortografico/9a5d6fe7-f4e2-45b6-8eef-baadecae2418.png.medium"},{"Name":"Classes gramaticais","Alias":"classes-gramaticais","VideoCount":2,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/02-preposicao-e-conjuncao/c3ee973a-e9ef-4afe-b57d-8128cf526801.png.medium"},{"Name":"Sintaxe","Alias":"sintaxe","VideoCount":4,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/04-verbos-intransitivos-e-complementos-nominais/b9f6f024-8200-42bf-ba4c-09548d5e1ac2.png.medium"},{"Name":"Concordância e regência","Alias":"concordancia-e-regencia","VideoCount":3,"ThumbnailUrl":"https://content.passeidireto.com/Thumbnails/StudyContents/03-regencia-nominal-e-verbal/828d89e0-2890-41d2-8fcb-578da95dac03.png.medium"}]},"ContentInfo":{"hasThumbnail":0,"fileUrl":"c9be1ffe-ffdf-4e60-b281-44819c6f0761","size":4185600,"pageCount":1,"type":"file"}}; ReactDOM.render(React.createElement(ReactPD.Header, headerInitProps), document.getElementById('header')); var footerInitProps = {}; if(footerInitProps.simple != null){ ReactDOM.render(React.createElement(ReactPD.Footer, footerInitProps), document.getElementById('footer')); } } $(document).ready(init); var pdCountData = {"studentCount":16157625,"materialCount":3888514};