body{ background-color:#ccc; }
什么是标签?
在HTML页面中,带有“< >”符号的元素被称为HTML标签(元素==标签)
HTML中标签元素一般会分成三种不同类型,分别为:块状元素(块盒),行内元素(行盒),行内块状元素。
这三种类型元素的特点以及用处
块状元素的特点:
1、独占一行,每一个块状元素都会从新的一行重新开始,从上到下排布
2、可以直接控制宽度、高度以及盒子模型的相关css属性(元素的高度、宽度、行高以及内和外边距都可设置)
3、在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
常用的块状元素:
1、普通元素
div(常用块状容器,也是csslayout的主要标签)、p(段落)、hr(水平分隔线)、table(表格)、form(交互表单)
2、标题元素:
h1(大标题)、h2(副标题)、h3(三级标题)、h4(四级标题)、h5(五级标题)、h6(六级标题)
3、列表元素
menu(菜单列表)、ol(有序列表)、ul(无序列表)、li(列表项)、dl(定义列表)、dt(定义术语)、dd(定义描述)
4、其他元素
<address></address>(一般用于显示网站上的公司地、电子邮件地址、签名、文档作者身份等信息,浏览器对其的默认样式是’斜体‘。)
<blockquote></blockquote>(作用是引用别人的文本。但它不同于’<q>引用短文本</q>‘是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。浏览器对其的默认样式是’两边缩进‘。)
<pre></pre>(在网页上显示一段计算机编程代码,不同于’<code>加入一行编程代码</code>‘是加入多行代码)
行内元素的特点:
1、总是和相邻的行内元素在同一行上(物以类聚)
2、设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效。
3、默认宽度是他自身内容的宽度。
4、行内元素只能容纳其他行内元素或者文本。
<label></label>为input元素定义标注
for属性:表示label标签要绑定的html元素,你点击label标签时,绑定的html元素将获的焦点。(绑定的必须是Id值)
accesskey属性:表访问label标签的for元素指定的html元素的快捷键,当按下快捷键时指定的元素将获得焦点。
<Label FOR="InputBox" ACCESSKEY="N">姓名</Label><input ID="InputBox" type="text"> 按下N或单击’姓名‘ ,inputBox获取焦点