首页 > 代码库 > html笔记
html笔记
一.HTML特点
1:Html中的所有标签都是提前固定好的,直接使用,即可得到相应的效果;
2:html文件的后缀名是.html或.htm;
3:html代码不需要编译,直接由浏览器解释运行;
4:html的标签多数都是有开头标签和结尾标签;允许一些特殊含义的标签没有元素体;
这样的标签称为自闭合标签;
5:html的标签名不区分大小写,建议小写;
二.HTML固定格式
<!-- 文档声明-->
<!DOCTYPE html>
<!-- 根标签-->
<html lang="en">
<!-- 头部分-->
<head>
<!-- 页面编码-->
<meta charset="UTF-8">
<!-- 浏览器展示标题-->
<title>Document</title>
</head>
<!-- 主体部分-->
<body>
<!--具体写标签-->
</body>
</html>
三.常用标签
1.<h数字></h>:数字为1-6,数字越小,字体越大;
2.<b></b>:字体加粗;
3.<l></l>:字体倾斜;
4.<br/>:换行,自闭合;
5.<font></font>:控制字体大小/颜色/,常用属性color/size,size值只能是1-7,数字越大,字体越大;
6.<p></p>:段落标签;
7.<hr/>:水平线标签,size表示线的粗度,noshade表示是否有阴影;
8.<img src="http://www.mamicode.com/图片路径" alt="图片不能正常显示时提示的文字" />:常用属性还包括:width:宽度;height:高度,可以以px(像素)为单位,也可以用%.
9.<ul></ul>:无序列表,里面嵌套<li></li>标签,<li></li>标签里写内容即可;可选属性type,可以取值3个:cirle(空心圆),disc(实心圆),squre(方块);
10.<li></li>:有序列表,里面嵌套<li></li>标签,<li></li>标签里写内容即可;
11.<a href="http://www.mamicode.com/跳转的url路径"></a>:可选属性target控制跳转的方式(新建一个网页,或在自身打开);该标签必须写元素体,否则无法显示.
12.<table>
<tr>
<td>
</td>
</tr>
</table>:tr表示行,td表示列.
13.<frameset></frameset>:框架标签,可以将页面分割,被frameset标签分割的页面,不允许使用body标签;frameset标签页面内只能出现frameset或frame标签;
14.<frame></frame>:盛放html页面的标签,在frame标签内只能写html文件;可选属性:
name:对该页面在frameset标签中的位置起名字,作用是可以让别的位置的超链接通过;
15.<form action="#" method="get"></form>:action为必须属性,表示表单提交的地址;method为可选属性,Get请求的所有参数将在地址栏显示,且提交的信息量有限;
POST请求的所有参数在地址栏不显示,相对安全,且提交的信息量不受控制;因此文件上传的时候,必须使用POST方式;
16.form中的子标签有<input type="" name="" />:自闭合标签;type中包括text(输入文本)/password(输入密码,显示为*或.)/radio(单选)/checkbox(复选框)/submit(显示提交按钮)/image(上传图片按钮)/file(文件上传按钮)/reset(重置按钮)/Button(按钮).
17.<input type="text" name="提交的名字(key)" value="http://www.mamicode.com/默认显示的字符" maxlength="控制输入长度(一个汉字计为一个字符)" />
18.<textarea name="提交时作为key使用" rows="可以看到的行数(超出则出现滚动条)" cols="每行可以输入的字符数"></textarea>
19.<select name="作为key使用">
<option>下接列表选项</option>
</select>
html笔记