html5语法

html5背景图片的设置

1 2	<body style="background:url(图片的地址) no-repeat"> </body>

其中的no-repeat是不重复显示图片

span标签是段落的标记，可以插入css作为容器，可以插入class，id等类

例如：

1	<p>韩语是<span style="color:red">"擦哪嘿"</span>。</p>

无序列表的属性

<ul>
        <li type="circle">国家图书馆的开发</li>
        <li type="disc">软件开发实例</li>
        <li type="square">质量部</li>
</ul>

结果如图：

属性如下：

disc	圆形黑点
square	黑色方块儿
circle	白色圆圈

CSS

position绝对定位absolute relative

1、static : 　无特殊定位，对象遵循HTML定位规则

2、 absolute : 　将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过css z-index属性定义。此时对象不具有边距，但仍有补白和边框

3、 relative : 　对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置

css列表的语法

margin-top:距离最上方的距离，一般用px表示
font-family:” “ 指的是文字类型
margin-left:距离每个列表之间的距离
text-indent：缩进
font-size：字体大小
padding-top: 内边距

调用的时候直接用li{}，大括号内容为限制内容
例如：

li{
			
			list-style:none;
			width:158px;
			height:55px;
			float: left;
			background: #ff3ca1;
			margin-top:400px;
			margin-left:20px;
			font-family: "微软雅黑";
			font-size:10px;
			text-indent:2em;
			text-align: center;
			line-height: 40px;
			color:#fff;
			padding-top:10px;/*设置内边距*/
		}

表单的基本语法

在input标签后设置maxlength属性，可以对输入的字符长度进行控制
size显示的是表单的长度
当type属性是password时：显示输入的全是*
placeholder 属性是显示未输入时的提示输入内容

<form>
    <lable>
        <input type="text" placeholder="username" size="15" maxlength="12">
    </lable>
</br>
    <lable>
        <input type="password" placeholder="password">
    </lable>
    <input type="submit" value="ok">
    <input type="reset" value="clear">
</form>

单选框与复选框

type=“radio” 是单选框
type=”checkbox”是复选框，都可以设置check和name属性
一旦单选框有checked属性是，此项必选，而复选框还可以改动

<form>
		<div><label>姓名：<input type="text"></label>
			<span>性别：</span>
			<label><input type="radio" name="sex" checked="">男</label>
			<label><input type="radio" name="sex">女</label>
			<label><input type="radio" name="sex">人妖</label>
		</div>
		<div><p>1、是否经常光顾我店</p>
			<label><input type="radio" name="com">是的</label>
			<label><input type="radio" name="com">不，去过一两次</label>
			<label><input type="radio" name="com">没去过</label>
		</div>
		<div><p>2、您觉得我店的商品质量怎么样</p>
			<label><input type="radio" name="feel">很不好</label>
			<label><input type="radio" name="feel">一般</label>
			<label><input type="radio" name="feel">还不错</label>
			<label><input type="radio" name="feel">不了解</label>
		</div>
		<div>
			<p>3、对于我店，您最满意的是？</p>
			<label><input type="checkbox">服务态度</label>
			<label><input type="checkbox">商品质量</label>
			<label><input type="checkbox">售后服务</label>
			<label><input type="checkbox">店内环境</label>
		</div>
		<div>
			<p>4、对于我店，您最不满意的是？</p>
			<label><input type="checkbox">服务态度</label>
			<label><input type="checkbox">商品质量</label>
			<label><input type="checkbox">售后服务</label>
			<label><input type="checkbox">店内环境</label>
		</div>
		<div>
			<p>5、您日常消费在哪些方面？</p>
			<label><input type="checkbox">服装</label>
			<label><input type="checkbox">吃</label>
			<label><input type="checkbox">健身</label>
			<label><input type="checkbox">生活用品</label>
		</div>
		<div>
			<p>6、消费时，你最注重店里的</p>
			<label><input type="checkbox">商品质量</label>
			<label><input type="checkbox">价格便宜</label>
			<label><input type="checkbox">交通便利</label>
			<label><input type="checkbox">服务态度</label>
		</div>
		</form>

button 属性的语法，经常与js连用，例如鼠标事件，” 处理程序“
name为按钮的名字，value按键上显示的取值

reset属性是重置按钮，清除表单的内容，恢复默认表单设定

表单中的文件域与图像域

type=”file”出现上传文件的按钮，accept参数是设置类型文件，不设置默认为所有，name为区别其他的控件
type=“image” 上传图片，src=“” 设置图片地址

文本框标签

1	<textarea>欢迎来到我的博客</textarea>

name属性：文本域名称
cols:文本的列数
rows:文本域的行数
value:文本的默认值
readonly:只能让读，不能修改

列表的应用

<div>年龄：
          <select size="25">
            <option>0~17</option>
            <option select="selected">18~25</option>
            <option>26~35</option>
            <option>36~50</option>
            <option>50以上</option>
          </select>
 </div>

这里面的列表用”select”标签来表示，其中里面的标签为”option”可以用来创建列表的选则
“select”的属性有name，size，multiple。
name：用于和其他页面中的控件进行区别
size:设置列表框在页面中的长度
multiple:表示列表内容可以多选

option的属性有value和select
value用于定义列表的选项值是用
select表示默认选中