if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="/m/view.php?aid=20";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
织梦CMS - 轻松建站从此开始!

外围投注- 时时彩外围网站投注

当前位置: 主页 > 网页基础 > HTML >

HTML基础教程:学习掌握HTML 元素

时间:2010-04-07 09:29来源: 作者: 点击:
HTML文档是由HTML元素构成的文本文件。HTML元素是通过使用HTML标签进行定义的。HTML标签 HTML标签是用来标记HTML元素的。 HTML标签被和符号包围。 这些包围的符号叫作。 HTML标签是成对出现的。例如b和/b。 位于起始标签和终止标签之
var _mda_place_id ="58bcc82381892";

HTML文档是由HTML元素构成的文本文件。

HTML元素是通过使用HTML标签进行定义的。

HTML标签
  • HTML标签是用来标记HTML元素的。
  • HTML标签被<和>符号包围
  • 这些包围的符号叫作。
  • HTML标签是成对出现的。例如
  • 位于起始标签终止标签之间的文本是元素的内容。
  • HTML标签对大小写不敏感的作用的相同的。

HTML元素

还记得上一节中的那个例子吗:





页面的标题





这是我的第一个页面。

此文本是粗体的。

这就是一个HTML元素:

此文本是粗体的。

这个HTML元素由起始标签开始。

这个元素的内容是:“此文本是粗体的。”。

这个HTML元素由终止标签结尾。

标签的作用是定义一个显示为粗体的HTML元素。

这也是一个HTML文档:



这是我的第一个页面。

此文本是粗体的。

这个HTML元素开始于标签,结束于标签。

标签的作用是定义HTML文件中的容纳body的HTML元素。

为什么我们要使用小写的标签?

我们刚才讲到:HTML标签对大小写是不敏感的:的作用的相同的。当您在网上冲浪时,您会发现大多数教程在他们的例子中都使用大写的HTML标签。而我们总是使用小写。原因何在呢?

如果您希望为使用下一代HTML而做好准备,您就应该使用小写标签。万维网协会(W3C)的标准是:建议在HTML 4中使用小写标签,而在XHTML(下一代HTML)中,必须使用小写标签。

标签属性

标签可以有属性。属性可以为您的页面中的HTML元素提供附加的信息。

如前所述,标签用来定义页面的body元素。通过添加一个bgcolor属性,您可以告知浏览器将页面的背景颜色显示为红色,就像这样:。

用来定义一个HTML表格。通过添加一个border属性,您可以告知浏览器显示一个没有边框的表格:

属性由属性名和值组成,就像这样:name="value"。

属性应该被添加到HTML元素的起始标签。

单引号还是双引号?

属性值应被置于引号之间。通常情况下应该使用双引号,不过使用单引号也没有问题。

但是在个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='John"ShotGun"Nelson'

(责任编辑:admin)
织梦二维码生成器 var __dedeqrcode_id=20; var __dedeqrcode_aid=20; var __dedeqrcode_type='arc'; var __dedeqrcode_dir='/plus';
顶一下
(0)
0%
踩一下
(0)
0%
getDigg(20);
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
function LoadCommets(page) { var taget_obj = document.getElementById('commetcontent'); var waithtml = "
评论加载中...
"; var myajax = new DedeAjax(taget_obj, true, true, '', 'x', waithtml); myajax.SendGet2("/plus/feedback_ajax.php?dopost=getlist&aid=20&page="+page); DedeXHTTP = null; } function PostComment() { var f = document.feedback; var nface = '6'; var nfeedbacktype = 'feedback'; var nvalidate = ''; var nnotuser = ''; var nusername = ''; var npwd = ''; var taget_obj = $DE('commetcontentNew'); var waithtml = "
正在发送中...
"; if(f.msg.value=='') { alert("评论内容不能为空!"); return; } if(f.validate) { if(f.validate.value=='') { alert("请填写验证码!"); return; } else { nvalidate = f.validate.value; } } if(f.msg.value.length > 500) { alert("你的评论是不是太长了?请填写500字以内的评论。"); return; } if(f.feedbacktype) { for(var i=0; i < f.feedbacktype.length; i++) if(f.feedbacktype[i].checked) nfeedbacktype = f.feedbacktype[i].value; } if(f.face) { for(var j=0; j < f.face.length; j++) if(f.face[j].checked) nface = f.face[j].value; } if(f.notuser.checked) nnotuser = '1'; if(f.username) nusername = f.username.value; if(f.pwd) npwd = f.pwd.value; var myajax = new DedeAjax(taget_obj, false, true, '', '', waithtml); myajax.sendlang = 'utf-8'; myajax.AddKeyN('dopost', 'send'); myajax.AddKeyN('aid', '20'); myajax.AddKeyN('fid', f.fid.value); myajax.AddKeyN('face', nface); myajax.AddKeyN('feedbacktype', nfeedbacktype); myajax.AddKeyN('validate', nvalidate); myajax.AddKeyN('notuser', nnotuser); myajax.AddKeyN('username', nusername); myajax.AddKeyN('pwd', npwd); myajax.AddKeyN('msg', f.msg.value); myajax.SendPost2('/plus/feedback_ajax.php'); f.msg.value = ''; f.fid.value = 0; if(f.validate) { if($DE('validateimg')) $DE('validateimg').src = "/include/vdimgck.php?"+f.validate.value; f.validate.value = ''; } } function quoteCommet(fid) { document.feedback.fid.value = fid; } LoadCommets(1);
var _mda_place_id ="590b358eda70b";
推荐内容
var _mda_place_id ="58bcc82381892";
var _mda_place_id ="58bce8309bc21";
var contentRtPicAD2 = document.getElementById("contentRtPicAD2"); var stop = contentRtPicAD2.offsetTop - 60, docBody = document.documentElement || document.body.parentNode || document.body, hasOffset = window.pageYOffset !== undefined, scrollTop; window.onscroll = function (e) { // cross-browser compatible scrollTop. scrollTop = hasOffset ? window.pageYOffset : docBody.scrollTop; if (scrollTop >= stop) { contentRtPicAD2.className = 'stick'; } else { contentRtPicAD2.className = ''; } }