html笔记

2018-06-24 01:37:02来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

一.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.<ol></ol>:有序列表,里面嵌套<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>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:git bash上传代码到github

下一篇:CSS快速入门