HTML - Cấu trúc cơ bản của mọi trang Web

Wednesday, November 28, 2012

Các Website khác nhau, tẻ nhạt hay sinh động, vô nghĩa hoặc rất cần thiết, nhưng tất cả đều có cùng một cấu trúc cơ sở, nên đa số các trình duyệt đang chạy trên hầu hết các kiểu máy tính đều có thể hiển thị thành công hầu hết các trang Web.
Các tập tin HTML luôn bắt đầu bằng thẻ . Thẻ này không làm gì khác ngoài nhiệm vụ báo cho trình duyệt Web biết rằng nó đang đọc một tài liệu có chứa các mã HTML. Tương tự, dòng cuối trong tài liệu của bạn luôn luôn là thẻ

Chi tiết kế tiếp trong catalog thẻ HTML dùng để chia tài liệu thành hai phần: đầu và thân. Phần đầu giống như lời giới thiệu cho trang. Các trình duyệt Web dùng phần đầu này để thu nhặt các loại thông tin khác nhau về trang. Để xác định phần đầu, bạn đưa thêm thẻ và thẻ vào ngay sau thẻ . Mặc dù bạn có thể đặt một số chi tiết bên trong phạm vi phần đầu này, nhưng phổ biến nhất là tên trang. Nếu có ai đó xem trang này trong browser, thì tên trang sẽ xuất hiện trong dải tên của cửa sổ browser. Để xác định tên trang, bạn đặt đoạn văn bản tên đó giữa các thẻ và . Ví dụ nếu bạn muốn tên trang của mình là Trang Web của tôi
Page, bạn đưa nó vào như sau:
Trang Web của tôi
Phần thân là nơi bạn nhập vào các văn bản sẽ xuất hiện trên trang Web lẫn các thẻ khác quy định dáng vẻ của trang. Để xác định phần thân, bạn đặt các thẻ và sau phần đầu (dưới
).
Các thẻ sau đây xác định cấu trúc cơ bản của mọi trang Web:




 tên trang <TITLE> Các thẻ tiêu đề khác<br /></HEAD><br /><BODY><br />Văn bản và các thẻ của trang Web<br /></BODY><br /></HTML><br /></code><br />Cấu trúc này là dùng cho tất cả mọi trang Web, khi các bạn thiết kế Web động hay tĩnh cũng đều dùng những dạng chung này.<br />Bài viết sau mình gửi tới các bạn những thẻ HTML thông dụng và dùng nhiều trong các thiết kế Web<br /><br /></div>
</div>
<script type='text/javascript'>
highlightSearchTerms('Blogger',true,'http://www.thuthuatvui.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Blogger','summary7249548065755344410');
  highlightSearchTerms('Phim',true,'http://www.thuthuatvui.com/search/label/Phim%20Download','summary7249548065755344410');
  highlightSearchTerms('Chrome',true,'http://www.thuthuatvui.com/2013/05/huong-dan-cai-google-chrome-tieng-viet.html','summary7249548065755344410');
    highlightSearchTerms('Thủ thuật',true,'http://www.thuthuatvui.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Internet','summary7249548065755344410');

</script>
</div>
<div style='padding-top:15px;clear: both;'></div>
<b>Tags:</b>
<a href='http://hackcft.blogspot.com/search/label/html-css' rel='tag'>html-css</a>, <a href='http://hackcft.blogspot.com/search/label/Source%20code' rel='tag'>Source code</a>
<div class='clear'></div>
<div class='beauty-bookmarks'>
<ul class='socials'>
<li class='beauty-delicious'><a href='http://del.icio.us/post?url=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
<li class='beauty-digg'><a href=' http://digg.com/submit?url=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
<li class='beauty-technorati'><a href=' http://technorati.com/faves?add=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
<li class='beauty-reddit'><a href=' http://www.reddit.com/submit?url=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
<li class='beauty-stumble'><a href=' http://www.stumbleupon.com/submit?url=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
<li class='beauty-designfloat'><a href='http://www.designfloat.com/submit.php?url=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
<li class='beauty-facebook'><a href=' http://www.facebook.com/sharer.php?u=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
<li class='beauty-twitter'><a href='http://twitter.com/home/?status=Chk Out-HTML - Cấu trúc cơ bản của mọi trang Web http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html' target='_blank'></a></li>
<li class='beauty-furl'><a href=' http://www.furl.net/storeIt.jsp?u=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/bay68' title='Subscribe to RSS'></a></li>
<li class='beauty-email'><a href=' mailto:?subject=http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html&title=HTML - Cấu trúc cơ bản của mọi trang Web' target='_blank'></a></li>
</ul>
<span class='beauty-rightside'></span></div>
<div class='clear'></div>
<div id='related-posts'>
<script src='/feeds/posts/default/-/html-css?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8' type='text/javascript'></script>
<script src='/feeds/posts/default/-/Source code?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8' type='text/javascript'></script>
<script type='text/javascript'>
var currentposturl="http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html";
var maxresults=8;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div class='clear'></div>
<div class='related-posts'>
<img border='0' src='http://4.bp.blogspot.com/-JE_IPFlB95A/T2xOXxddz4I/AAAAAAAAA2I/sYgUF3LxUdw/s1600/tinkhac.jpg'/>
<script src='/feeds/posts/default/-/html-css?alt=json-in-script&callback=related_results_labels' type='text/javascript'></script>
<script src='/feeds/posts/default/-/Source code?alt=json-in-script&callback=related_results_labels' type='text/javascript'></script>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels('http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html');</script>
</div>
<div class='clear'></div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>Comments[ 0 ]</h4><br/>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Post a Comment</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/6744850599151984524?po=7249548065755344410&hl=en&saa=47563' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/1839367302-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
    </script>
</div>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='clear'></div>
<div class='blog-pager' id='blog-pager'>
<a class='blog-pager-newer-link' href='http://hackcft.blogspot.com/2012/11/download-chuyen-oi-uoi-video-flv-sang.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>« Newer Post</a>
<a class='home-link' href='http://hackcft.blogspot.com/'>Home</a>
<a class='blog-pager-older-link' href='http://hackcft.blogspot.com/2012/11/cach-lam-tao-muc-luc-tu-ong-trong-word.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post »</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
</div>
</div></div>
</div>
<!-- KO HIEN NGOAI TRANG CHU -->
</div>
</div>
<div class='clear'></div>
<div id='footer'>
<div class='footertop'>
<ul class='footertop-list'>
<li><a href='/'>Home</a></li>
<li>|</li>
<li><a href='http://www.thuthuatvui.com/p/ym-tranvuphilong2007-gmail-tvpl2007gmail.html'>Contact</a></li>
<li>|</li>
<li><a href='http://www.thuthuatvui.com/p/convert-code.html'>Convert</a></li>
<li>|</li>
<li><a href='/feeds/posts/default'>Rss</a></li>
</ul>
<div class='homepage'>
</div>
</div>
<div class='infopage'>
<div class='infopage-left'>
<a href='https://plus.google.com/114283124339689220020?rel=author' rel='author'>Tran Long</a>
</div>
<div class='infopage-right'>
            Yahoo: tranvuphilong2007
			Email: tvpl2007@gmail.com
        </div>
</div>
</div>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2563766527-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5Ljtpx9uPJ6FzCrdGJAqhvPmqU2Q:1747168864406';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6744850599151984524','//hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html','6744850599151984524');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6744850599151984524', 'title': 'nghi2', 'url': 'http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html', 'canonicalUrl': 'http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html', 'homepageUrl': 'http://hackcft.blogspot.com/', 'searchUrl': 'http://hackcft.blogspot.com/search', 'canonicalHomepageUrl': 'http://hackcft.blogspot.com/', 'blogspotFaviconUrl': 'http://hackcft.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': 'en', 'localeUnderscoreDelimited': 'en', '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\x22nghi2 - Atom\x22 href\x3d\x22http://hackcft.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22nghi2 - RSS\x22 href\x3d\x22http://hackcft.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22nghi2 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6744850599151984524/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22nghi2 - Atom\x22 href\x3d\x22http://hackcft.blogspot.com/feeds/7249548065755344410/comments/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/6335b9ba6f9b55bc', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '7249548065755344410', 'postImageThumbnailUrl': 'http://4.bp.blogspot.com/-ZsfTMjuBTWw/ULXck_TbrKI/AAAAAAAACYM/UY2512yqI7w/s72-c/html.jpg', 'postImageUrl': 'http://4.bp.blogspot.com/-ZsfTMjuBTWw/ULXck_TbrKI/AAAAAAAACYM/UY2512yqI7w/s320/html.jpg', 'pageName': 'HTML - C\u1ea5u tr\xfac c\u01a1 b\u1ea3n c\u1ee7a m\u1ecdi trang Web', 'pageTitle': 'nghi2: HTML - C\u1ea5u tr\xfac c\u01a1 b\u1ea3n c\u1ee7a m\u1ecdi trang Web'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'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': 'HTML - C\u1ea5u tr\xfac c\u01a1 b\u1ea3n c\u1ee7a m\u1ecdi trang Web', 'description': 'C\xe1c Website kh\xe1c nhau, t\u1ebb nh\u1ea1t hay sinh \u0111\u1ed9ng, v\xf4 ngh\u0129a ho\u1eb7c r\u1ea5t c\u1ea7n thi\u1ebft, nh\u01b0ng t\u1ea5t c\u1ea3 \u0111\u1ec1u c\xf3 c\xf9ng m\u1ed9t c\u1ea5u tr\xfac c\u01a1 s\u1edf, n\xean \u0111a s\u1ed1 c\xe1c tr\xecnh ...', 'featuredImage': 'http://4.bp.blogspot.com/-ZsfTMjuBTWw/ULXck_TbrKI/AAAAAAAACYM/UY2512yqI7w/s320/html.jpg', 'url': 'http://hackcft.blogspot.com/2012/11/html-cau-truc-co-ban-cua-moi-trang-web.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7249548065755344410}}]);
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'sidebar', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats1', 'sidebar', document.getElementById('Stats1'), {'title': 'Th\u1ed1ng K\xea', 'showGraphicalCounter': false, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//hackcft.blogspot.com/b/stats?style\x3dBLACK_TRANSPARENT\x26timeRange\x3dALL_TIME\x26token\x3dAPq4FmD3sJvwD-Z51hOws3xXZ7C8qvt0mkF46xixAE0SIqg4FKgmg3vgksfJy03gB8aaVDi2jSWrHqTxNL040Q0DcaakobOe3g'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'sidebar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'sidebar', document.getElementById('Attribution1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'sidebar', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2487999795-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3681588378-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'box212', document.getElementById('Label1'), {}, 'displayModeFull'));
</script>
</body>
</html>

Xen Nhiều

nghi2

Thống Kê

Lable

HTML - Cấu trúc cơ bản của mọi trang Web