今天介绍一下平时在书写代码时经常会用到的一些标签。
<body>中的标签
1、<div>标签：创建一个块元素，就是在这个标签中的信息像被一个盒子包裹，盒子的大小可以通过
width，height来设置或者根据内容的大小来判断盒子的大小。
2、<style>标签：在书写<div>,<ul>等这类在<body>标签中书写的标签时，有时候需要设置各自的属性，比如设置div中的字体为红色，这些设置的语句就需要书写在style标签中，style标签需要书写在</head>跟<body>标签之间。
3、id，class：有时需要给特定的语句设置单独状态，就需要用到id或者class属性，只需要在特定的语句写上特定的id或者class就可以在style标签中通过id或者class访问到该特定的语句。例如：
<li class="info_1"><input type="checkbox" /> </li>上述就设置了class为”info_1".。可以通过以下代码访问到它：
<style>
.info_1{
color:red;
}若设置的是id属性，则.info_1{}要换成#info_1{}.
4、<ul>标签：书写无序列表时使用的，列表中各行的内容分别用<li>标签包裹。写出来后各行数据前会有一个黑色的小圆点，若想删除改小圆点，可以在style标签中访问该语句使用list-style:none;来删除。
5、<input>标签：<input type="text" />表示设置一个文本框，<input type="password"表示设置一个密码框，在里面书写密码会呈现为*号隐藏真实密码，<input type="radio" name="gender"/>表示设置一个性别的单选，<input type="checkbox"/>表示设置一个多选，<input type="reset" value="重写"/>表示设置一个重写的按钮，<input type="submit" value="登录">表示设置一个登录按钮，<input type="image" src="img/login.png"/>表示设置一个图片，<input type="button" value="删除" οnclick="confirm('确定删除吗？')" />表示设置一个删除按钮，onclick中书写内容表示点击删除按钮之后反映的东西。
6、<select>标签：设置下拉选择列表，列表中的内容通过<option>标签包裹，其中需要首个表示在页面的内容需要用selected=“selected”描述，如下代码：
<option selected="selected">这里为不需要下拉就可以表现出来的内容</option>7、<a>标签：超链接标签，该标签书写格式如下：<a href="www.baidu.com">百度一下</a>,这句代码表示会有一个百度一下的可点击文本，点击一下就会跳转的www.baidu.com这串地址的网站。其中这么些百度一下会有下划线，想要删除该下划线，可以在style中使用a{text-decoration: none;}删除下划线。
8、<h1>,<h2>,<h3>,<h4>,<h5>均表示标题，标题的大小从左到右依次减小。
<style>中的描述代码
1、width,height:分别表示宽度和高度，常用于块标签描述
2、coler，font-size分别表示设置文字颜色，和文字的大小
3、margin，padding分别表示设置外边距和内边距，外边距指盒子与盒子之间的距离，内边距指盒子内的内容与盒子边距的距离。
4、margin：0 auto和line-height分别用来设置左右居中和文本垂直居中
5、float：表示浮动，即描述内容被放至最左边或者最右边
6、clear：表示清楚左边或者右边或者两边的浮动。
7、hover：可以用来设置内容被鼠标放置之后出现的情况。
8、position: relative;表示相对定位，相对于自己的位置。
扫一扫
3701
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
