码迷,mamicode.com
首页 > Web开发 > 详细

html笔记

时间:2017-07-13 00:58:45      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:ima   好的   按钮   编码   大小   长度   滚动条   重置   submit   

一.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="图片路径" 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="跳转的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="默认显示的字符" maxlength="控制输入长度(一个汉字计为一个字符)" />

18.<textarea name="提交时作为key使用" rows="可以看到的行数(超出则出现滚动条)" cols="每行可以输入的字符数"></textarea>

19.<select name="作为key使用">
     <option>下接列表选项</option>
</select>

html笔记

标签:ima   好的   按钮   编码   大小   长度   滚动条   重置   submit   

原文地址:http://www.cnblogs.com/huguangqin/p/7158137.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!