No HTML os textos, imagens animações são inseridas por TAGS
.
O HTML não é case sensitive, ou seja, não difere maiúsculas de minúsculas é o mesmo que .
A maioria das TAGS em HTML são em pares onde se abre a TAG e se fecha a TAG incluindo a barra para se fechar a TAG.
Exemplo:
HTML, HEAD e BODY são as principais TAGS do HTML pois são nelas que tudo é inserido.
Segue abaixo a estrtura padrão de um documento em HTML composto das TAGS HTML, HEAD e BODY.
Notem que a TAG HTML está abrigando as TAGS HEAD e BODY.:
A TAG HEAD
O Head é usado para para colocar o Titulo, as Meta Tags e CSS Style Sheets (Folhas de Estilos em Cascata). A TAG Head é usada para informar para os mecanismos de busca e browsers o assunto do seu site.
O Head contém:
* O Título da página.The Title of the page.
* Meta tags
* Folhas de Estilos em Cascata CSS
Dica: A TAG Título incluida no Head é o que será exibido no browser do visitante e o que será indexado pelos mecanismos de busca, o Titulo deve conter palavras chaves estratégicas relacionadas ao seu site para uma indexação eficiente nos motores de busca.
tags são usadas pelos mecanismos de busca para indexar o seu site.
Formato básico de uma Meta Tag:
Veja Meta Tags
Body
O Body (Corpo) é onde contém todo o conteúdo que será exibido no navegador, ou seja, todos o códigos, imagens e animações exibidas no seu site é inserida no Body que como o próprio nome já diz é o Corpo é onde tudo é inserido na página.
O código da página é inserido aqui.
Como visto anteriormente (documento básico e seus componentes), contém informações sobre o documento. Além de , existem diversos outros campos de informação, sendo os campos <META> os mais usados.
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
</span>
<span class='post-timestamp'>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1745727120'>
<a href='https://www.blogger.com/page-edit.g?blogID=6192967902828445310&pageID=7131303793259569261&from=pencil' title='Editar página'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=6192967902828445310&pageID=7131303793259569261&target=email' target='_blank' title='Enviar por e-mail'><span class='share-button-link-text'>Enviar por e-mail</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=6192967902828445310&pageID=7131303793259569261&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='Postar no blog!'><span class='share-button-link-text'>Postar no blog!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=6192967902828445310&pageID=7131303793259569261&target=twitter' target='_blank' title='Compartilhar no X'><span class='share-button-link-text'>Compartilhar no X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=6192967902828445310&pageID=7131303793259569261&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartilhar no Facebook'><span class='share-button-link-text'>Compartilhar no Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=6192967902828445310&pageID=7131303793259569261&target=pinterest' target='_blank' title='Compartilhar com o Pinterest'><span class='share-button-link-text'>Compartilhar com o Pinterest</span></a>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
</div>
</div>
</div></div>
</div>
<div class='blog-pager' id='blog-pager'>
<a class='home-link' href='https://bonddosfap.blogspot.com/'>Página inicial</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Assinar:
<a class='feed-link' href='https://bonddosfap.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postagens (Atom)</a>
</div>
</div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><div class='widget PageList' data-version='1' id='PageList1'>
<h2>Páginas</h2>
<div class='widget-content'>
<ul>
<li>
<a href='https://bonddosfap.blogspot.com/'>Início</a>
</li>
<li class='selected'>
<a href='https://bonddosfap.blogspot.com/p/radio-chacal-digital.html'>RADIO CHACAL DIGITAL</a>
</li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>PARCEIROS</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers/frame/6192967902828445310?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByNmZmZmZmYiByMwMGNiZmYqByMwMDAwMDAyByNmZmZmZmY6ByNmZmZmZmZCByMwMGNiZmZKByM2NjY2NjZSByMwMGNiZmZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dpt-BR\x26origin\x3dhttps://bonddosfap.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/6192967902828445310?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByNmZmZmZmYiByMwMGNiZmYqByMwMDAwMDAyByNmZmZmZmY6ByNmZmZmZmZCByMwMGNiZmZKByM2NjY2NjZSByMwMGNiZmZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dpt-BR\x26origin\x3dhttps://bonddosfap.blogspot.com");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Arquivo do blog</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://bonddosfap.blogspot.com/2010/'>
2010
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://bonddosfap.blogspot.com/2010/08/'>
agosto
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='posts'>
<li><a href='https://bonddosfap.blogspot.com/2010/08/blog-post.html'>Sem título</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Quem sou eu</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/01833449483920320875'><img alt='Minha foto' class='profile-img' height='24' src='//2.bp.blogspot.com/_7oFZzVrY58M/TGiIEuSZW1I/AAAAAAAAADw/XRWGtwA24HU/S220-s80/036.jpg' width='80'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/01833449483920320875' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
BOND DOS F.A.P
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/01833449483920320875' rel='author'>Ver meu perfil completo</a>
<div class='clear'></div>
</div>
</div></div>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='foot no-items section' id='footer-2-1'></div>
</td>
<td class='columns-cell'>
<div class='foot no-items section' id='footer-2-2'></div>
</td>
</tr>
</tbody>
</table>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3' name='Rodapé'><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Tema Espetacular Ltda.. Tecnologia do <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/654365252-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AAVkm1sicttBP2q9wxmTotY15TP8:1778875435348';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6192967902828445310','//bonddosfap.blogspot.com/p/radio-chacal-digital.html','6192967902828445310');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6192967902828445310', 'title': 'BONDE DOS', 'url': 'https://bonddosfap.blogspot.com/p/radio-chacal-digital.html', 'canonicalUrl': 'http://bonddosfap.blogspot.com/p/radio-chacal-digital.html', 'homepageUrl': 'https://bonddosfap.blogspot.com/', 'searchUrl': 'https://bonddosfap.blogspot.com/search', 'canonicalHomepageUrl': 'http://bonddosfap.blogspot.com/', 'blogspotFaviconUrl': 'https://bonddosfap.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'pt-BR', 'localeUnderscoreDelimited': 'pt_br', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BONDE DOS - Atom\x22 href\x3d\x22https://bonddosfap.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22BONDE DOS - RSS\x22 href\x3d\x22https://bonddosfap.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BONDE DOS - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6192967902828445310/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/66f339c43d4ec606', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Gerar link', 'key': 'link', 'shareMessage': 'Gerar link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartilhar no Facebook', 'target': 'facebook'}, {'name': 'Postar no blog!', 'key': 'blogThis', 'shareMessage': 'Postar no blog!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartilhar no X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartilhar no Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27pt_BR\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Dj Evair', 'pageType': 'static_page', 'pageId': '7131303793259569261', 'pageName': 'RADIO CHACAL DIGITAL', 'pageTitle': 'BONDE DOS: RADIO CHACAL DIGITAL'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'Link copiado para a \xe1rea de transfer\xeancia.', 'ok': 'Ok', 'postLink': 'Link da postagem'}}, {'name': 'template', 'data': {'name': 'Awesome Inc.', 'localizedName': 'Espetacular Ltda.', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'dark', 'variantId': 'dark'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'RADIO CHACAL DIGITAL', 'description': 'No HTML os textos, imagens anima\xe7\xf5es s\xe3o inseridas por TAGS . O HTML n\xe3o \xe9 case sensitive, ou seja, n\xe3o difere mai\xfasculas de min\xfasculas ...', 'url': 'https://bonddosfap.blogspot.com/p/radio-chacal-digital.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 7131303793259569261}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogListView', new _WidgetInfo('BlogList1', 'crosscol', document.getElementById('BlogList1'), {'numItemsToShow': 0, 'totalItems': 0}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1853038451-lbx__pt_br.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'sidebar-right-1', document.getElementById('PageList1'), {'title': 'P\xe1ginas', 'links': [{'isCurrentPage': false, 'href': 'https://bonddosfap.blogspot.com/', 'title': 'In\xedcio'}, {'isCurrentPage': true, 'href': 'https://bonddosfap.blogspot.com/p/radio-chacal-digital.html', 'id': '7131303793259569261', 'title': 'RADIO CHACAL DIGITAL'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-right-1', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Carregando\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-right-1', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull'));
</script>
</body>
</html>