SlideShare uma empresa Scribd logo
1 de 27
Blogosfera Aspectos técnicos
Noções de HTML HyperText Markup Language
Estrutura de um site HTML <html> <head> <title>Título do documento</title> </head> <body> Conteúdo da página </body> </html>
HTML: tags básicas Todos os comandos aparecem entre os sinais < e >. Alguns comandos precisam ser fechados, utilizando-se no segundo  conjunto a barra normal:  <comando/> Negrito: <b>Tudo o que está nesse trecho está em negrito.</b> Itálico: <i>Só mudou a letra entre as chaves para italizar.</i> Novo parágrafo: <p> Riscado <s> Sublinhado <u> Quebra de linha: <br> Linha horizontal <hr>
HTML: exemplo Avião que a  França  tinha desde sexta-feira, na base militar de  Cayena , na  Guiana Francesa , partiu hoje rumo à selva nos  Açores . A missão é o resgate da ex-candidata à presidência da  Colômbia ,  Ingrid Betancourt . <p>Avião que a <b>França</b> tinha desde sexta-feira, na base militar de <i>Cayena</i>, na <b>Guiana Francesa</b>, partiu hoje rumo à selva nos <b>Açores</b>. <br> A missão é o resgate da ex-candidata à presidência da <b>Colômbia</b>, <i>Ingrid Betancourt</i>. Como fica, em html…
HTML: como fazer links A tag para links é <a> <a href=“aqui vai a URL”>Aqui vai a palavra linkada</a>
HTML: como fazer links <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt ” > Ingrid Betancourt</a> Avião que a  França  tinha desde sexta-feira, na base militar de  Cayena , na  Guiana Francesa , partiu hoje rumo à selva nos  Açores . A missão é o resgate da ex-candidata à presidência da  Colômbia ,  Ingrid Betancourt . <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt ”   target=“blank” > Ingrid Betancourt</a> Para abrir em nova janela:
HTML: como fazer links para nova janela <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt  target=“blank”> Ingrid Betancourt</a>
Como incluir imagens I Toda imagem na web tem um endereço, uma URL. Para saber qual a URL de uma imagem clique com o botão da DIREITA e peça para abrir em nova janela:
Como incluir imagens II Toda imagem na web tem um endereço, uma URL. Para saber qual a URL de uma imagem, clique com o botão da direita + PROPRIEDADES.
Como incluir imagens A tag para inclusão de imagens é:  <img src=“URL da imagem” /> <img src=“ http://upload.wikimedia.org/wikipedia/en/thumb/9/93/Ingridbproofoflife.JPG/220px-Ingridbproofoflife.JPG”  />
Como se mede a audiência? PAGEVIEW É o equivalente à visualização de uma página. Quando uma página html é carregada, um pageview é contado. Na publicidade em web se usa também “impressão”. UNIQUE VISITOR É a visita única por site. Se um visitante navegar por 7 páginas em seu site, serão contados 7 pageviews e 1 unique visitor.
Como se mede a audiência? TIME SPENT É o tempo em que um internauta permaneceu online em determinada página TAXA DE RETORNO Percentual de pessoas (IPs de computadores) que voltaram a visitar seu site em outra SESSÃO.
Como se mede a audiência? TAXA DE REJEIÇÃO Percentual de usuários que abandonam seu site sem dar nenhum clique. O interessante é observar qual a página com maior taxa de rejeição e trabalhar sobre ela. Algumas ferramentas: Google Analytics, Certifica, W/Usage, Awstats, Predicta...
 
 
 
Licenciando por Creative Commons http://www.creativecommons.org
 
 
Side Bar
Cadastrando no Technorati http://www.technorati.com
 
 
 
Inserindo vídeo do YouTube
 

Mais conteúdo relacionado

Destaque

Kiezen of gekozen worden?
Kiezen of gekozen worden?Kiezen of gekozen worden?
Kiezen of gekozen worden?KVANdagen
 
Презентация механизмов популяризации Neuronet
Презентация механизмов популяризации NeuronetПрезентация механизмов популяризации Neuronet
Презентация механизмов популяризации NeuronetAleksandr Krutov
 
1 PDC Letter of Reference
1 PDC Letter of Reference1 PDC Letter of Reference
1 PDC Letter of ReferenceDana Mikulak
 
Ata audiencia-70-Abono Pecuniário
Ata audiencia-70-Abono PecuniárioAta audiencia-70-Abono Pecuniário
Ata audiencia-70-Abono PecuniárioJose Carlos
 
Managing hr during mergers &; acquisitions
Managing hr during mergers &; acquisitionsManaging hr during mergers &; acquisitions
Managing hr during mergers &; acquisitionsAnushka Kapoor
 
Darwin Melgar CV November 2016
Darwin Melgar CV November 2016Darwin Melgar CV November 2016
Darwin Melgar CV November 2016Darwin Melgar
 
Maintenance Secretary
Maintenance SecretaryMaintenance Secretary
Maintenance SecretaryDarwin Melgar
 
Googeln Sie Ihre Bewerber?
Googeln Sie Ihre Bewerber?Googeln Sie Ihre Bewerber?
Googeln Sie Ihre Bewerber?Juliane Köster
 

Destaque (10)

Kiezen of gekozen worden?
Kiezen of gekozen worden?Kiezen of gekozen worden?
Kiezen of gekozen worden?
 
Rg 1669
Rg 1669Rg 1669
Rg 1669
 
Презентация механизмов популяризации Neuronet
Презентация механизмов популяризации NeuronetПрезентация механизмов популяризации Neuronet
Презентация механизмов популяризации Neuronet
 
1 PDC Letter of Reference
1 PDC Letter of Reference1 PDC Letter of Reference
1 PDC Letter of Reference
 
Bilal
BilalBilal
Bilal
 
Ata audiencia-70-Abono Pecuniário
Ata audiencia-70-Abono PecuniárioAta audiencia-70-Abono Pecuniário
Ata audiencia-70-Abono Pecuniário
 
Managing hr during mergers &; acquisitions
Managing hr during mergers &; acquisitionsManaging hr during mergers &; acquisitions
Managing hr during mergers &; acquisitions
 
Darwin Melgar CV November 2016
Darwin Melgar CV November 2016Darwin Melgar CV November 2016
Darwin Melgar CV November 2016
 
Maintenance Secretary
Maintenance SecretaryMaintenance Secretary
Maintenance Secretary
 
Googeln Sie Ihre Bewerber?
Googeln Sie Ihre Bewerber?Googeln Sie Ihre Bewerber?
Googeln Sie Ihre Bewerber?
 

Semelhante a HTML tags básicas e como incluir imagens e links

Semelhante a HTML tags básicas e como incluir imagens e links (20)

Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
 
Html5
Html5Html5
Html5
 
Performance e boas_praticas_de_web
Performance e boas_praticas_de_webPerformance e boas_praticas_de_web
Performance e boas_praticas_de_web
 
Tutorial Sobre Flogs
Tutorial Sobre FlogsTutorial Sobre Flogs
Tutorial Sobre Flogs
 
Javascript
JavascriptJavascript
Javascript
 
Tutorial sobre-flogs-12848
Tutorial sobre-flogs-12848Tutorial sobre-flogs-12848
Tutorial sobre-flogs-12848
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
 
Apresentação blogs
Apresentação blogsApresentação blogs
Apresentação blogs
 
Web Standards semântica Na Web
Web Standards semântica Na WebWeb Standards semântica Na Web
Web Standards semântica Na Web
 
Visão Geral do HTML5 e do Internet Explorer 9
Visão Geral do HTML5 e do Internet Explorer 9Visão Geral do HTML5 e do Internet Explorer 9
Visão Geral do HTML5 e do Internet Explorer 9
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
II Oficina de Webdesign - Lecom
II Oficina de Webdesign - LecomII Oficina de Webdesign - Lecom
II Oficina de Webdesign - Lecom
 
HTML5?
HTML5?HTML5?
HTML5?
 
Html básico
Html básicoHtml básico
Html básico
 
Seo Training
Seo Training Seo Training
Seo Training
 
Facelets
FaceletsFacelets
Facelets
 
Html slide
Html slideHtml slide
Html slide
 
Html slide
Html slideHtml slide
Html slide
 
Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03
 
HTML Básico 2
HTML Básico 2HTML Básico 2
HTML Básico 2
 

Mais de Ana Brambilla

Social Media Metrics
Social Media MetricsSocial Media Metrics
Social Media MetricsAna Brambilla
 
Social Media Strategy
Social Media StrategySocial Media Strategy
Social Media StrategyAna Brambilla
 
Gift economy, moral economy
Gift economy, moral economyGift economy, moral economy
Gift economy, moral economyAna Brambilla
 
Facebook e Social Traffic
Facebook e Social TrafficFacebook e Social Traffic
Facebook e Social TrafficAna Brambilla
 
Consumo de Mídias Digitais
Consumo de Mídias DigitaisConsumo de Mídias Digitais
Consumo de Mídias DigitaisAna Brambilla
 
Digital Media Business
Digital Media BusinessDigital Media Business
Digital Media BusinessAna Brambilla
 
Data driven products
Data driven productsData driven products
Data driven productsAna Brambilla
 
Business intelligence and big data
Business intelligence and big dataBusiness intelligence and big data
Business intelligence and big dataAna Brambilla
 
Branding and Social Media
Branding and Social MediaBranding and Social Media
Branding and Social MediaAna Brambilla
 
Ethics & Social Awareness
Ethics & Social AwarenessEthics & Social Awareness
Ethics & Social AwarenessAna Brambilla
 
New Lifestyles in the Digital Media
New Lifestyles in the Digital MediaNew Lifestyles in the Digital Media
New Lifestyles in the Digital MediaAna Brambilla
 
McLuhan and the Technology
McLuhan and the TechnologyMcLuhan and the Technology
McLuhan and the TechnologyAna Brambilla
 
Self-Communication & Privacy in the Digital Era
Self-Communication & Privacy in the Digital EraSelf-Communication & Privacy in the Digital Era
Self-Communication & Privacy in the Digital EraAna Brambilla
 
Psychology and digital culture
Psychology and digital culturePsychology and digital culture
Psychology and digital cultureAna Brambilla
 
Paradigm of complexity
Paradigm of complexityParadigm of complexity
Paradigm of complexityAna Brambilla
 
Smart cities (Dubai)
Smart cities (Dubai)Smart cities (Dubai)
Smart cities (Dubai)Ana Brambilla
 
Theory of hypermedia
Theory of hypermediaTheory of hypermedia
Theory of hypermediaAna Brambilla
 

Mais de Ana Brambilla (20)

On demand media
On demand mediaOn demand media
On demand media
 
Social Media Metrics
Social Media MetricsSocial Media Metrics
Social Media Metrics
 
Social Media Strategy
Social Media StrategySocial Media Strategy
Social Media Strategy
 
Gift economy, moral economy
Gift economy, moral economyGift economy, moral economy
Gift economy, moral economy
 
Facebook e Social Traffic
Facebook e Social TrafficFacebook e Social Traffic
Facebook e Social Traffic
 
Consumo de Mídias Digitais
Consumo de Mídias DigitaisConsumo de Mídias Digitais
Consumo de Mídias Digitais
 
Digital Media Business
Digital Media BusinessDigital Media Business
Digital Media Business
 
Data driven products
Data driven productsData driven products
Data driven products
 
Business intelligence and big data
Business intelligence and big dataBusiness intelligence and big data
Business intelligence and big data
 
Branding and Social Media
Branding and Social MediaBranding and Social Media
Branding and Social Media
 
Ethics & Social Awareness
Ethics & Social AwarenessEthics & Social Awareness
Ethics & Social Awareness
 
New Lifestyles in the Digital Media
New Lifestyles in the Digital MediaNew Lifestyles in the Digital Media
New Lifestyles in the Digital Media
 
McLuhan and the Technology
McLuhan and the TechnologyMcLuhan and the Technology
McLuhan and the Technology
 
Netnography
NetnographyNetnography
Netnography
 
Self-Communication & Privacy in the Digital Era
Self-Communication & Privacy in the Digital EraSelf-Communication & Privacy in the Digital Era
Self-Communication & Privacy in the Digital Era
 
Psychology and digital culture
Psychology and digital culturePsychology and digital culture
Psychology and digital culture
 
Paradigm of complexity
Paradigm of complexityParadigm of complexity
Paradigm of complexity
 
Smart cities (Dubai)
Smart cities (Dubai)Smart cities (Dubai)
Smart cities (Dubai)
 
Theory of hypermedia
Theory of hypermediaTheory of hypermedia
Theory of hypermedia
 
Web Celebrity
Web CelebrityWeb Celebrity
Web Celebrity
 

HTML tags básicas e como incluir imagens e links

  • 2. Noções de HTML HyperText Markup Language
  • 3. Estrutura de um site HTML <html> <head> <title>Título do documento</title> </head> <body> Conteúdo da página </body> </html>
  • 4. HTML: tags básicas Todos os comandos aparecem entre os sinais < e >. Alguns comandos precisam ser fechados, utilizando-se no segundo conjunto a barra normal: <comando/> Negrito: <b>Tudo o que está nesse trecho está em negrito.</b> Itálico: <i>Só mudou a letra entre as chaves para italizar.</i> Novo parágrafo: <p> Riscado <s> Sublinhado <u> Quebra de linha: <br> Linha horizontal <hr>
  • 5. HTML: exemplo Avião que a França tinha desde sexta-feira, na base militar de Cayena , na Guiana Francesa , partiu hoje rumo à selva nos Açores . A missão é o resgate da ex-candidata à presidência da Colômbia , Ingrid Betancourt . <p>Avião que a <b>França</b> tinha desde sexta-feira, na base militar de <i>Cayena</i>, na <b>Guiana Francesa</b>, partiu hoje rumo à selva nos <b>Açores</b>. <br> A missão é o resgate da ex-candidata à presidência da <b>Colômbia</b>, <i>Ingrid Betancourt</i>. Como fica, em html…
  • 6. HTML: como fazer links A tag para links é <a> <a href=“aqui vai a URL”>Aqui vai a palavra linkada</a>
  • 7. HTML: como fazer links <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt ” > Ingrid Betancourt</a> Avião que a França tinha desde sexta-feira, na base militar de Cayena , na Guiana Francesa , partiu hoje rumo à selva nos Açores . A missão é o resgate da ex-candidata à presidência da Colômbia , Ingrid Betancourt . <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt ” target=“blank” > Ingrid Betancourt</a> Para abrir em nova janela:
  • 8. HTML: como fazer links para nova janela <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt target=“blank”> Ingrid Betancourt</a>
  • 9. Como incluir imagens I Toda imagem na web tem um endereço, uma URL. Para saber qual a URL de uma imagem clique com o botão da DIREITA e peça para abrir em nova janela:
  • 10. Como incluir imagens II Toda imagem na web tem um endereço, uma URL. Para saber qual a URL de uma imagem, clique com o botão da direita + PROPRIEDADES.
  • 11. Como incluir imagens A tag para inclusão de imagens é: <img src=“URL da imagem” /> <img src=“ http://upload.wikimedia.org/wikipedia/en/thumb/9/93/Ingridbproofoflife.JPG/220px-Ingridbproofoflife.JPG” />
  • 12. Como se mede a audiência? PAGEVIEW É o equivalente à visualização de uma página. Quando uma página html é carregada, um pageview é contado. Na publicidade em web se usa também “impressão”. UNIQUE VISITOR É a visita única por site. Se um visitante navegar por 7 páginas em seu site, serão contados 7 pageviews e 1 unique visitor.
  • 13. Como se mede a audiência? TIME SPENT É o tempo em que um internauta permaneceu online em determinada página TAXA DE RETORNO Percentual de pessoas (IPs de computadores) que voltaram a visitar seu site em outra SESSÃO.
  • 14. Como se mede a audiência? TAXA DE REJEIÇÃO Percentual de usuários que abandonam seu site sem dar nenhum clique. O interessante é observar qual a página com maior taxa de rejeição e trabalhar sobre ela. Algumas ferramentas: Google Analytics, Certifica, W/Usage, Awstats, Predicta...
  • 15.  
  • 16.  
  • 17.  
  • 18. Licenciando por Creative Commons http://www.creativecommons.org
  • 19.  
  • 20.  
  • 22. Cadastrando no Technorati http://www.technorati.com
  • 23.  
  • 24.  
  • 25.  
  • 27.