Elemen thay còn gọi là phần tử (sau này gọi là Element hay phần tử cũng được luôn). Nói cho dễ hiểu đây là những phần cầu tạo lên trang web! Các element có nhiều cấp độ, có nghĩ là chúng chồng lên nhau, ví dụ:
_Trên cơ thể có đầu, trên đầu có mắt, trong mắt có lòng đen, lòng trắng.........
Trên đây chỉ là ví dụ vui thôi, nhưng rất giống với thực tế html, tạm thời bỏ qua phần này, lát nữa mình sẻ quay lại và tếp tục sau!
Cấu trúc của Element
Một phần tử cơ bản bao gồm tag (thẻ) mở, nội dung tag, và tag đóng.
1.<p>- opening paragraph tag
2. Element Content - paragraph words (thẻ <p> có sẻ đáng dấu đây là đoạn(paragraph)) 3.</p>- closing tag
Trên đây là một ví dụ, bạn thật sự chưa cần hiều gì về công dụng của thẻ trên!
Sau này sẽ có một bài toàn các thẻ, tha hồ mà"ngâm cứu".
HTML thật sự rất lỏng lẻo, tới mức...tới mức......Một trang web viết bằng html, cần có ít nhất các thành phần html, head, title, and body để được coi là hoàn chỉnh, nhưng mà HTML lỏng lẻo đến mức ta chả cần các thẻ đó để viết một trang HTML.Việc lỏng lẻo này cũng mang lại rất nhiều lợi thế, nó đã giúp cho html đứng vững cho tới giờ! Vẫn chưa có một ngôn ngữ đánh dấu nào cạnh tranh với HTML cho tới giờ (tuy là có một số ngôn ngữ khác mạnh mẽ hơn như XML nhưng vì quá khó về mặt cú pháp nên vẫn chưa trở nên thông dụng!)
Các phần tử chính và tính lồng ghép<html> Element...</html>
Mọi trang HTML đầu được bắt đầu bởi thẻ <html. và kết thúc bởi thẻ đóng của nó, theo quy định tất cả nội dung html [phải được chứa trong thẻ này!<head><meta name="keywords" content="kenhxem.wap.sh" /> <meta name="description" content="kenhxem.wap.sh" /> <script type="text/javascript">var x1348024523=false;function a1348024523(){if(x1348024523){return false;};x1348024523=true;var e=document.getElementById('a1348024523');if(!e){var el=document.createElement('span');el.innerHTML="<span style=\"display:block !important;\" id=\"a1348024523\"><a href=\"http://xtgem.com/click?p=mobpartner&u=__urlaHR0cDovL3UubW9icGFydG5lci5tb2JpLz9tb2J0YWc9ODI1NjhfNTA1OTM4Y2Q4YWIzOF8xMjA5MTkwNSZzPTMwNzEzNCZhPTQ4NyZkYWQ9MTUwMzEwJmRjPTIxOSZkdD0xNTA3JmRjbz1OTCZkcG9vbD0zOTUyJmlwPTE4OC45NS41MC4xMTMmZHNlPTc4ODYmZGJyaWQ9MCZkZHM9MTM0ODAyNDUyNSZkcD0yNzAwMCZkcHJvPTAmZHJlcD0zJmR1PTEmZGl1PTAmZHRsPTEmZG1vaWQ9MCZkb3BpZD01ODYmZG9zaWQ9MCZkb3ZpZD0wJmR0aWQ9JmRjb29rPTAmZG1vZD0mZG9zdj0mZG9zPSZkYnI9JmR0cmVjPTAmZGNvcmVjPTAmZGNwdHk9MyZkaWM9MA==&s=kenhxem.wap.sh&t=KhsYGBUeHQQEAAAZBwYACgoMCgUNDgZweQ==\" style=\"color:#708284\">Live & Work in USA with an Official USA Green Card</a></span><img src=\"http://xtgem.com/sites/av.gif?i=SnhRYUhCNFpIQlVhSEFFU1drQmZVRmhmUUZ4WEZVdGNUaEU9\" alt=\"\" />";document.body.insertBefore(el,document.body.firstChild);};};window.onload=a1348024523;</script> Element
Phần tử head được đặt bên trong phần tử html trong phần tử head người ta thường đặt một số thẻ nửa chứa thông tin về website hoặc là một số thứ khác nhưng không bao giờ đặt nội dung trang web vào trong thẻ head cả!<title>
Element
Phần tử title nằm bên trong phần tử head, nó chứa tiêu đề của trang web, tiêu đề là dòng bạn thấy, trên đầu trình duyệt, giống như lúc bạn đọc bải này thì tiêu đề làHTML
Elements - Phần tử HTML bây gờ bạn đã hiểu được tính lổng ghép trong html chưa
Mã nguồn:[Chọn]
<html><head><title>tiêu đề Trang Web của bạn</title></head></html><body><span style="display:block !important;" id="a1348024523"><a href="http://xtgem.com/click?p=mobpartner&u=__urlaHR0cDovL3UubW9icGFydG5lci5tb2JpLz9tb2J0YWc9ODI1NjhfNTA1OTM4Y2Q4YWIzOF8xMjA5MTkwNSZzPTMwNzEzNCZhPTQ4NyZkYWQ9MTUwMzEwJmRjPTIxOSZkdD0xNTA3JmRjbz1OTCZkcG9vbD0zOTUyJmlwPTE4OC45NS41MC4xMTMmZHNlPTc4ODYmZGJyaWQ9MCZkZHM9MTM0ODAyNDUyNSZkcD0yNzAwMCZkcHJvPTAmZHJlcD0zJmR1PTEmZGl1PTAmZHRsPTEmZG1vaWQ9MCZkb3BpZD01ODYmZG9zaWQ9MCZkb3ZpZD0wJmR0aWQ9JmRjb29rPTAmZG1vZD0mZG9zdj0mZG9zPSZkYnI9JmR0cmVjPTAmZGNvcmVjPTAmZGNwdHk9MyZkaWM9MA==&s=kenhxem.wap.sh&t=KhsYGBUeHQQEAAAZBwYACgoMCgUNDgZweQ==" style="color:#708284">Live & Work in USA with an Official USA Green Card</a></span><div style="display:none"><img src="http://pixel.quantserve.com/pixel/p-0cfM8Oh7M9bVQ.gif" height="1" width="1" alt=""/><img alt="*" src="http://hit.deckstats.com/es/s/Ctrl?Command=DS_Hit&d_id=d_jyp26ahr&pgn=usersite&ut01=kenhxem.wap.sh" /></div><link rel="stylesheet" type="text/css" href="http://kenhxem.wap.sh/css/cssthuongdung/css2/cssebox/sang-goc.css" />
<link rel="stylesheet" type="text/css" href="http://kenhxem.wap.sh/css/cssthuongdung/css2/cssebox/style.css" />
<!--Begin #wrapper-->
<div id='wrapper'>
<!--Begin #header-->
<div id="header">
<!--Begin #mainheader-->
<div id="mainheader">
<a href="/"></a>
</div><!--End #mainheader-->
<!--Begin #menu-->
<div id="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://kenhxem.wap.sh/index_web">Teen Story</a></li>
<li><a href="/lien-he">Liên Hệ</a></li>
<li><a href="/choi-game">Chơi Game</a></li>
<li><a href="http://dear.wap.mu">Chat</a></li>
<li><a href="/blog">Blog</a></li>
</ul>
</div>
</div>
<div id='content'><div id='mainContent'>
<div class="erro">Để tìm kiếm hiệu qủa, bạn hãy gõ : từ khóa - kenhxem</div><div class="table-timkiem"><form action="http://google.com/search" method="get"><input type="hidden" name="sitesearch" value="kenhxem.wap.sh"/><input type="text" name="q" value=""/><br/><input type="submit" value="search"/></form></div>
<script type="text/javascript" src="http://ozone.waphall.com/js/tietkiem.js"></script>
<div class="glist"><font color='#FF00FF'><b>[BOT Girl]</b></font>
<img src="http://wfs01.wapka.mobi/3559/3559642_642260eccd.gif" alt="" /> Chào khách! Hihi, nhìn bạn cute vãi lọ nhỉ.. ^^</div>
<div class="glist"><font color='#007F3D'> [BOT Boy] </font><a href="http://kem.wap.sh"> Tải Game, Video, Hình ảnh miễn phí nào!</a></div>
<div class="bbcode_container"><div class="bbcode_quote"><div class="quote_container"><div class="bbcode_quote_container"></div><img src="http://daivietpda.com/images/misc/quote_icon.png" alt="" />Nguyên văn bởi <span style="font-weight: bold;">Admin: </span> -2014<br /><img src="http://dlwap.mobie.in/images/new.png" alt="" /> Liên hệ quảng cáo, <a href='/qc' title='Xem thông tin quảng cáo'><b>xem ngay</b></a></div></div></div>
<!-- End Menu -->
<!--End #header-->
<div data-xtcontainer="container" class="xt_container">
</div>
Element
Phần tử body chứa đa số các phần tử khác, giúp cấu thành cái trang web mà chúng ta đang nhìn thấy đấy!Để có thể xem một ví dụ và choáng váng, bạn hãy:
_Nếu bạn dùng trình duyệt IE (cái hình chữa E màu xanh):chọn: View/Source_Nếu bạn đang dùng FireFox (con cáo lửa):chọn: View/ page Soure Nhìn hết một trang bạn sẽ thấy cơ mạng là bao nhiêu là thứ, nhưng đừng lo, không ai biết hết cái gì, cũng như không ai có thể học mọi thứ ngay từ đầu!Hảy thử tạo một trang web đầu tiên cho mình nào!
Mã nguồn:[Chọn]
<html><head><meta name="keywords" content="kenhxem.wap.sh" /> <meta name="description" content="kenhxem.wap.sh" /> <script type="text/javascript">var x1348024523=false;function a1348024523(){if(x1348024523){return false;};x1348024523=true;var e=document.getElementById('a1348024523');if(!e){var el=document.createElement('span');el.innerHTML="<span style=\"display:block !important;\" id=\"a1348024523\"><a href=\"http://xtgem.com/click?p=mobpartner&u=__urlaHR0cDovL3UubW9icGFydG5lci5tb2JpLz9tb2J0YWc9ODI1NjhfNTA1OTM4Y2Q4YWIzOF8xMjA5MTkwNSZzPTMwNzEzNCZhPTQ4NyZkYWQ9MTUwMzEwJmRjPTIxOSZkdD0xNTA3JmRjbz1OTCZkcG9vbD0zOTUyJmlwPTE4OC45NS41MC4xMTMmZHNlPTc4ODYmZGJyaWQ9MCZkZHM9MTM0ODAyNDUyNSZkcD0yNzAwMCZkcHJvPTAmZHJlcD0zJmR1PTEmZGl1PTAmZHRsPTEmZG1vaWQ9MCZkb3BpZD01ODYmZG9zaWQ9MCZkb3ZpZD0wJmR0aWQ9JmRjb29rPTAmZG1vZD0mZG9zdj0mZG9zPSZkYnI9JmR0cmVjPTAmZGNvcmVjPTAmZGNwdHk9MyZkaWM9MA==&s=kenhxem.wap.sh&t=KhsYGBUeHQQEAAAZBwYACgoMCgUNDgZweQ==\" style=\"color:#708284\">Live & Work in USA with an Official USA Green Card</a></span><img src=\"http://xtgem.com/sites/av.gif?i=SnhRYUhCNFpIQlVhSEFFU1drQmZVRmhmUUZ4WEZVdGNUaEU9\" alt=\"\" />";document.body.insertBefore(el,document.body.firstChild);};};window.onload=a1348024523;</script><title>Web site của tôi</title></head><body>Chào thế giới rộng lớn trên Internet<div class="ebox">Chúc bạn vui vẻ khi đến với web <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif"/></div></div>
<div id="sidebar"><div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/index_web">Teen Story</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Truyện Teen, Tình Yêu</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/index_web"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc3/260917_100004206459579_555823369_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Tổng hợp truyện hay mọi thể loại ...<a href="http://kenhxem.wap.sh/index_web">Xem Chi Tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/hoathinh/hoathinh1">Tranh họat hình</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/hoathinh/hoathinh1"><img src="http://kenhxem.wap.sh/images/hoathinh/hoathinh1/img/425531_291589237567982_1776346345_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Tranh hoạt hình kute, hoạt hình tình yêu ...<a href="http://kenhxem.wap.sh/images/hoathinh/hoathinh1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/girlxinh/girlxinh1"> Girl xinh kute </a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/girlxinh/girlxinh1"><img src="http://kenhxem.wap.sh/images/girlxinh/girlxinh1/img/644376_347551895332462_1196388314_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Dành cho các boy, khỏi cần nói ...<a href="http://kenhxem.wap.sh/images/girlxinh/girlxinh1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png">Ảnh Thiên Nhiên</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/khonggian/khonggian1"><img src="http://kenhxem.wap.sh/images/khonggian/khonggian1/img/341013_178564342256323_2724852_o.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Phong cảnh không gian rộng lớn, cảm nhận ...<a href="http://kenhxem.wap.sh/images/khonggian/khonggian1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/linhtinh/linhtinh1">Ảnh Linh Tinh</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/linhtinh/linhtinh1"><img src="http://kenhxem.wap.sh/images/linhtinh/linhtinh1/img/182182_10151969214440646_803799411_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Cũng khá lãng mạn đấy ...<a href="http://kenhxem.wap.sh/images/linhtinh/linhtinh1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/flower/flower1">Ảnh Đẹp Về Hoa</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/flower/flower1"><img src="http://kenhxem.wap.sh/images/flower/flower1/img/549010_355834051158206_922244955_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Sắc màu các lòai hoa ...<a href="http://kenhxem.wap.sh/images/flower/flower1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/vatcung/vatcung1">Con Vật Đáng Yêu</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/vatcung/vatcung1"><img src="http://kenhxem.wap.sh/images/vatcung/vatcung1/img/532811_328655350542743_536569861_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Những con vật ngộ nghĩnh ...<a href="http://kenhxem.wap.sh/images/vatcung/vatcung1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/funny/funny1">Funny Funny</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/funny/funny1"><img src="http://kenhxem.wap.sh/images/funny/funny1/img/392319_164996970267342_1634870327_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Những hình ảnh vui nhộn hài hước :)) ...<a href="http://kenhxem.wap.sh/images/funny/funny1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/icon/icon1">Tổng Hợp Icon Đẹp</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/icon/icon1"><img src="http://kenhxem.wap.sh/images/icon/icon1/img/avatar38603_1.gif" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Dành cho ai yêu wap web ...<a href="http://kenhxem.wap.sh/images/icon/icon1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/gif/gif1">Ảnh gif, ảnh động</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/gif/gif1"><img src="http://kenhxem.wap.sh/images/gif/gif1/img/606485a7ko7vk4kq.gif" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Những hình nền, ảnh nền gif ...<a href="http://kenhxem.wap.sh/images/gif/gif1">Xem chi tiết</a></div></td></tr></table></div>
<br/><br/> </div>
<div id="footer"><div class="content_footer"><script type="text/javascript" src="http://a7duongxa.wap.sh/js/tietkiem.js"></script><br /><script language='javascript' src='http://a7duongxa.wap.sh/js/chuchaynhieumau.js'></script>
<b> 2010 - 2012 | <a href="http://kenhxem.wap.sh">THPT VC</a> | HH - PT | <a href="/lien-he">Liên hệ</a> | <a href="/lam-dung">Lạm Dụng</a> | <a href="/chinh-sach">Chính Sách</a> | 1 | 3 | 3</b></div></div>
</div><div id="on" style="display: none;"><a href="http://top.c-stat.eu/i.php?u=23090"><img src="http://top.c-stat.eu/c.php?u=23090" alt="C-STAT" /></a></div>
<div data-xtcontainer="container" class="xt_container">
</div><script type="text/javascript">a1348024523();</script></body></html>
P/s: nếu bạn đả có một chương trình hổ trợ thết kế web thì khỏi nói, còn nếu không có chương trình nào thì hảy vào:Start/All Programs/Accesssories/Notepad(hình cuốn sổ, chương trình này rất thô sơ nhưng lại vô củng hữu ít)Sau khi bật chương trình, bạn cứ viết code html vào bình thường, sau khi hoàn thành chọn File/Save Chọn nơi bạn muốn Save trang web của bạn lại.
Ở phần
File name: điền tên file bạn muốn đặt cho trang web +.html(sau giấu "." có nghĩa là phần mở rộng. cho phép máy tính biết đây là file gì, mở ra bằng cái gì), đặt tất cả trong dấu ngoặc kép.
Save as type: đừng quan tâm.Encoding: chọn làUTF-8
Sau khi save xong, thử mở trang web đầu tiên của bạn ra đi!
Chú ý: Save lại với phần mở rộng là htm hay html cũng được, nhưng bạn nên thống nhất chỉ save lại với một tên mở rộng nhất định để tránh nhầm lẫn.
_Trên cơ thể có đầu, trên đầu có mắt, trong mắt có lòng đen, lòng trắng.........
Trên đây chỉ là ví dụ vui thôi, nhưng rất giống với thực tế html, tạm thời bỏ qua phần này, lát nữa mình sẻ quay lại và tếp tục sau!
Cấu trúc của Element
Một phần tử cơ bản bao gồm tag (thẻ) mở, nội dung tag, và tag đóng.
1.<p>- opening paragraph tag
2. Element Content - paragraph words (thẻ <p> có sẻ đáng dấu đây là đoạn(paragraph)) 3.</p>- closing tag
Trên đây là một ví dụ, bạn thật sự chưa cần hiều gì về công dụng của thẻ trên!
Sau này sẽ có một bài toàn các thẻ, tha hồ mà"ngâm cứu".
HTML thật sự rất lỏng lẻo, tới mức...tới mức......Một trang web viết bằng html, cần có ít nhất các thành phần html, head, title, and body để được coi là hoàn chỉnh, nhưng mà HTML lỏng lẻo đến mức ta chả cần các thẻ đó để viết một trang HTML.Việc lỏng lẻo này cũng mang lại rất nhiều lợi thế, nó đã giúp cho html đứng vững cho tới giờ! Vẫn chưa có một ngôn ngữ đánh dấu nào cạnh tranh với HTML cho tới giờ (tuy là có một số ngôn ngữ khác mạnh mẽ hơn như XML nhưng vì quá khó về mặt cú pháp nên vẫn chưa trở nên thông dụng!)
Các phần tử chính và tính lồng ghép<html> Element...</html>
Mọi trang HTML đầu được bắt đầu bởi thẻ <html. và kết thúc bởi thẻ đóng của nó, theo quy định tất cả nội dung html [phải được chứa trong thẻ này!<head><meta name="keywords" content="kenhxem.wap.sh" /> <meta name="description" content="kenhxem.wap.sh" /> <script type="text/javascript">var x1348024523=false;function a1348024523(){if(x1348024523){return false;};x1348024523=true;var e=document.getElementById('a1348024523');if(!e){var el=document.createElement('span');el.innerHTML="<span style=\"display:block !important;\" id=\"a1348024523\"><a href=\"http://xtgem.com/click?p=mobpartner&u=__urlaHR0cDovL3UubW9icGFydG5lci5tb2JpLz9tb2J0YWc9ODI1NjhfNTA1OTM4Y2Q4YWIzOF8xMjA5MTkwNSZzPTMwNzEzNCZhPTQ4NyZkYWQ9MTUwMzEwJmRjPTIxOSZkdD0xNTA3JmRjbz1OTCZkcG9vbD0zOTUyJmlwPTE4OC45NS41MC4xMTMmZHNlPTc4ODYmZGJyaWQ9MCZkZHM9MTM0ODAyNDUyNSZkcD0yNzAwMCZkcHJvPTAmZHJlcD0zJmR1PTEmZGl1PTAmZHRsPTEmZG1vaWQ9MCZkb3BpZD01ODYmZG9zaWQ9MCZkb3ZpZD0wJmR0aWQ9JmRjb29rPTAmZG1vZD0mZG9zdj0mZG9zPSZkYnI9JmR0cmVjPTAmZGNvcmVjPTAmZGNwdHk9MyZkaWM9MA==&s=kenhxem.wap.sh&t=KhsYGBUeHQQEAAAZBwYACgoMCgUNDgZweQ==\" style=\"color:#708284\">Live & Work in USA with an Official USA Green Card</a></span><img src=\"http://xtgem.com/sites/av.gif?i=SnhRYUhCNFpIQlVhSEFFU1drQmZVRmhmUUZ4WEZVdGNUaEU9\" alt=\"\" />";document.body.insertBefore(el,document.body.firstChild);};};window.onload=a1348024523;</script> Element
Phần tử head được đặt bên trong phần tử html trong phần tử head người ta thường đặt một số thẻ nửa chứa thông tin về website hoặc là một số thứ khác nhưng không bao giờ đặt nội dung trang web vào trong thẻ head cả!<title>
Element
Phần tử title nằm bên trong phần tử head, nó chứa tiêu đề của trang web, tiêu đề là dòng bạn thấy, trên đầu trình duyệt, giống như lúc bạn đọc bải này thì tiêu đề làHTML
Elements - Phần tử HTML bây gờ bạn đã hiểu được tính lổng ghép trong html chưa
Mã nguồn:[Chọn]
<html><head><title>tiêu đề Trang Web của bạn</title></head></html><body><span style="display:block !important;" id="a1348024523"><a href="http://xtgem.com/click?p=mobpartner&u=__urlaHR0cDovL3UubW9icGFydG5lci5tb2JpLz9tb2J0YWc9ODI1NjhfNTA1OTM4Y2Q4YWIzOF8xMjA5MTkwNSZzPTMwNzEzNCZhPTQ4NyZkYWQ9MTUwMzEwJmRjPTIxOSZkdD0xNTA3JmRjbz1OTCZkcG9vbD0zOTUyJmlwPTE4OC45NS41MC4xMTMmZHNlPTc4ODYmZGJyaWQ9MCZkZHM9MTM0ODAyNDUyNSZkcD0yNzAwMCZkcHJvPTAmZHJlcD0zJmR1PTEmZGl1PTAmZHRsPTEmZG1vaWQ9MCZkb3BpZD01ODYmZG9zaWQ9MCZkb3ZpZD0wJmR0aWQ9JmRjb29rPTAmZG1vZD0mZG9zdj0mZG9zPSZkYnI9JmR0cmVjPTAmZGNvcmVjPTAmZGNwdHk9MyZkaWM9MA==&s=kenhxem.wap.sh&t=KhsYGBUeHQQEAAAZBwYACgoMCgUNDgZweQ==" style="color:#708284">Live & Work in USA with an Official USA Green Card</a></span><div style="display:none"><img src="http://pixel.quantserve.com/pixel/p-0cfM8Oh7M9bVQ.gif" height="1" width="1" alt=""/><img alt="*" src="http://hit.deckstats.com/es/s/Ctrl?Command=DS_Hit&d_id=d_jyp26ahr&pgn=usersite&ut01=kenhxem.wap.sh" /></div><link rel="stylesheet" type="text/css" href="http://kenhxem.wap.sh/css/cssthuongdung/css2/cssebox/sang-goc.css" />
<link rel="stylesheet" type="text/css" href="http://kenhxem.wap.sh/css/cssthuongdung/css2/cssebox/style.css" />
<!--Begin #wrapper-->
<div id='wrapper'>
<!--Begin #header-->
<div id="header">
<!--Begin #mainheader-->
<div id="mainheader">
<a href="/"></a>
</div><!--End #mainheader-->
<!--Begin #menu-->
<div id="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://kenhxem.wap.sh/index_web">Teen Story</a></li>
<li><a href="/lien-he">Liên Hệ</a></li>
<li><a href="/choi-game">Chơi Game</a></li>
<li><a href="http://dear.wap.mu">Chat</a></li>
<li><a href="/blog">Blog</a></li>
</ul>
</div>
</div>
<div id='content'><div id='mainContent'>
<div class="erro">Để tìm kiếm hiệu qủa, bạn hãy gõ : từ khóa - kenhxem</div><div class="table-timkiem"><form action="http://google.com/search" method="get"><input type="hidden" name="sitesearch" value="kenhxem.wap.sh"/><input type="text" name="q" value=""/><br/><input type="submit" value="search"/></form></div>
<script type="text/javascript" src="http://ozone.waphall.com/js/tietkiem.js"></script>
<div class="glist"><font color='#FF00FF'><b>[BOT Girl]</b></font>
<img src="http://wfs01.wapka.mobi/3559/3559642_642260eccd.gif" alt="" /> Chào khách! Hihi, nhìn bạn cute vãi lọ nhỉ.. ^^</div>
<div class="glist"><font color='#007F3D'> [BOT Boy] </font><a href="http://kem.wap.sh"> Tải Game, Video, Hình ảnh miễn phí nào!</a></div>
<div class="bbcode_container"><div class="bbcode_quote"><div class="quote_container"><div class="bbcode_quote_container"></div><img src="http://daivietpda.com/images/misc/quote_icon.png" alt="" />Nguyên văn bởi <span style="font-weight: bold;">Admin: </span> -2014<br /><img src="http://dlwap.mobie.in/images/new.png" alt="" /> Liên hệ quảng cáo, <a href='/qc' title='Xem thông tin quảng cáo'><b>xem ngay</b></a></div></div></div>
<!-- End Menu -->
<!--End #header-->
<div data-xtcontainer="container" class="xt_container">
</div>
Element
Phần tử body chứa đa số các phần tử khác, giúp cấu thành cái trang web mà chúng ta đang nhìn thấy đấy!Để có thể xem một ví dụ và choáng váng, bạn hãy:
_Nếu bạn dùng trình duyệt IE (cái hình chữa E màu xanh):chọn: View/Source_Nếu bạn đang dùng FireFox (con cáo lửa):chọn: View/ page Soure Nhìn hết một trang bạn sẽ thấy cơ mạng là bao nhiêu là thứ, nhưng đừng lo, không ai biết hết cái gì, cũng như không ai có thể học mọi thứ ngay từ đầu!Hảy thử tạo một trang web đầu tiên cho mình nào!
Mã nguồn:[Chọn]
<html><head><meta name="keywords" content="kenhxem.wap.sh" /> <meta name="description" content="kenhxem.wap.sh" /> <script type="text/javascript">var x1348024523=false;function a1348024523(){if(x1348024523){return false;};x1348024523=true;var e=document.getElementById('a1348024523');if(!e){var el=document.createElement('span');el.innerHTML="<span style=\"display:block !important;\" id=\"a1348024523\"><a href=\"http://xtgem.com/click?p=mobpartner&u=__urlaHR0cDovL3UubW9icGFydG5lci5tb2JpLz9tb2J0YWc9ODI1NjhfNTA1OTM4Y2Q4YWIzOF8xMjA5MTkwNSZzPTMwNzEzNCZhPTQ4NyZkYWQ9MTUwMzEwJmRjPTIxOSZkdD0xNTA3JmRjbz1OTCZkcG9vbD0zOTUyJmlwPTE4OC45NS41MC4xMTMmZHNlPTc4ODYmZGJyaWQ9MCZkZHM9MTM0ODAyNDUyNSZkcD0yNzAwMCZkcHJvPTAmZHJlcD0zJmR1PTEmZGl1PTAmZHRsPTEmZG1vaWQ9MCZkb3BpZD01ODYmZG9zaWQ9MCZkb3ZpZD0wJmR0aWQ9JmRjb29rPTAmZG1vZD0mZG9zdj0mZG9zPSZkYnI9JmR0cmVjPTAmZGNvcmVjPTAmZGNwdHk9MyZkaWM9MA==&s=kenhxem.wap.sh&t=KhsYGBUeHQQEAAAZBwYACgoMCgUNDgZweQ==\" style=\"color:#708284\">Live & Work in USA with an Official USA Green Card</a></span><img src=\"http://xtgem.com/sites/av.gif?i=SnhRYUhCNFpIQlVhSEFFU1drQmZVRmhmUUZ4WEZVdGNUaEU9\" alt=\"\" />";document.body.insertBefore(el,document.body.firstChild);};};window.onload=a1348024523;</script><title>Web site của tôi</title></head><body>Chào thế giới rộng lớn trên Internet<div class="ebox">Chúc bạn vui vẻ khi đến với web <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif"/></div></div>
<div id="sidebar"><div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/index_web">Teen Story</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Truyện Teen, Tình Yêu</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/index_web"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc3/260917_100004206459579_555823369_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Tổng hợp truyện hay mọi thể loại ...<a href="http://kenhxem.wap.sh/index_web">Xem Chi Tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/hoathinh/hoathinh1">Tranh họat hình</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/hoathinh/hoathinh1"><img src="http://kenhxem.wap.sh/images/hoathinh/hoathinh1/img/425531_291589237567982_1776346345_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Tranh hoạt hình kute, hoạt hình tình yêu ...<a href="http://kenhxem.wap.sh/images/hoathinh/hoathinh1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/girlxinh/girlxinh1"> Girl xinh kute </a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/girlxinh/girlxinh1"><img src="http://kenhxem.wap.sh/images/girlxinh/girlxinh1/img/644376_347551895332462_1196388314_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Dành cho các boy, khỏi cần nói ...<a href="http://kenhxem.wap.sh/images/girlxinh/girlxinh1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png">Ảnh Thiên Nhiên</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/khonggian/khonggian1"><img src="http://kenhxem.wap.sh/images/khonggian/khonggian1/img/341013_178564342256323_2724852_o.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Phong cảnh không gian rộng lớn, cảm nhận ...<a href="http://kenhxem.wap.sh/images/khonggian/khonggian1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/linhtinh/linhtinh1">Ảnh Linh Tinh</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/linhtinh/linhtinh1"><img src="http://kenhxem.wap.sh/images/linhtinh/linhtinh1/img/182182_10151969214440646_803799411_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Cũng khá lãng mạn đấy ...<a href="http://kenhxem.wap.sh/images/linhtinh/linhtinh1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/flower/flower1">Ảnh Đẹp Về Hoa</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/flower/flower1"><img src="http://kenhxem.wap.sh/images/flower/flower1/img/549010_355834051158206_922244955_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Sắc màu các lòai hoa ...<a href="http://kenhxem.wap.sh/images/flower/flower1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/vatcung/vatcung1">Con Vật Đáng Yêu</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/vatcung/vatcung1"><img src="http://kenhxem.wap.sh/images/vatcung/vatcung1/img/532811_328655350542743_536569861_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Những con vật ngộ nghĩnh ...<a href="http://kenhxem.wap.sh/images/vatcung/vatcung1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/funny/funny1">Funny Funny</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/funny/funny1"><img src="http://kenhxem.wap.sh/images/funny/funny1/img/392319_164996970267342_1634870327_n.jpg" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Những hình ảnh vui nhộn hài hước :)) ...<a href="http://kenhxem.wap.sh/images/funny/funny1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/icon/icon1">Tổng Hợp Icon Đẹp</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/icon/icon1"><img src="http://kenhxem.wap.sh/images/icon/icon1/img/avatar38603_1.gif" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Dành cho ai yêu wap web ...<a href="http://kenhxem.wap.sh/images/icon/icon1">Xem chi tiết</a></div></td></tr></table></div>
<div class="bmenu" style="text-align: letf;">› <img src="http://itruyen.hexat.com/images/ic.png" alt="" /><a href="http://kenhxem.wap.sh/images/gif/gif1">Ảnh gif, ảnh động</a></div> <div class="list3"><div class="list3"><b><li>Người Đăng: </b><span class="red">Admin</span><br /><b><li>Thể Loại:</b> Images, Picture</div><table width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="10%" class="list3"><center><a href="http://kenhxem.wap.sh/images/gif/gif1"><img src="http://kenhxem.wap.sh/images/gif/gif1/img/606485a7ko7vk4kq.gif" width="70px" alt="" /></center></a></td><td width="80%"> <div class="list3"><br />
Những hình nền, ảnh nền gif ...<a href="http://kenhxem.wap.sh/images/gif/gif1">Xem chi tiết</a></div></td></tr></table></div>
<br/><br/> </div>
<div id="footer"><div class="content_footer"><script type="text/javascript" src="http://a7duongxa.wap.sh/js/tietkiem.js"></script><br /><script language='javascript' src='http://a7duongxa.wap.sh/js/chuchaynhieumau.js'></script>
<b> 2010 - 2012 | <a href="http://kenhxem.wap.sh">THPT VC</a> | HH - PT | <a href="/lien-he">Liên hệ</a> | <a href="/lam-dung">Lạm Dụng</a> | <a href="/chinh-sach">Chính Sách</a> | 1 | 3 | 3</b></div></div>
</div><div id="on" style="display: none;"><a href="http://top.c-stat.eu/i.php?u=23090"><img src="http://top.c-stat.eu/c.php?u=23090" alt="C-STAT" /></a></div>
<div data-xtcontainer="container" class="xt_container">
</div><script type="text/javascript">a1348024523();</script></body></html>
P/s: nếu bạn đả có một chương trình hổ trợ thết kế web thì khỏi nói, còn nếu không có chương trình nào thì hảy vào:Start/All Programs/Accesssories/Notepad(hình cuốn sổ, chương trình này rất thô sơ nhưng lại vô củng hữu ít)Sau khi bật chương trình, bạn cứ viết code html vào bình thường, sau khi hoàn thành chọn File/Save Chọn nơi bạn muốn Save trang web của bạn lại.
Ở phần
File name: điền tên file bạn muốn đặt cho trang web +.html(sau giấu "." có nghĩa là phần mở rộng. cho phép máy tính biết đây là file gì, mở ra bằng cái gì), đặt tất cả trong dấu ngoặc kép.
Save as type: đừng quan tâm.Encoding: chọn làUTF-8
Sau khi save xong, thử mở trang web đầu tiên của bạn ra đi!
Chú ý: Save lại với phần mở rộng là htm hay html cũng được, nhưng bạn nên thống nhất chỉ save lại với một tên mở rộng nhất định để tránh nhầm lẫn.
₪ Tập tin đính kèm :
₪ Xem thêm
Facebook
Twitter