web前端学习笔记一

	<p>白菜</p>
	<em>em白菜</em>
	<b>b白菜</b>
	<i>i白菜</i>
	<strong>strong白菜</strong>
	<span>span白菜</span>
	<del>del白菜</del>

八、列表标签
快捷键：ol(ul)>li*3
有序列表
外部用

标签，内部用
1. 标签

   type属性

   1 表示列表项目用数字标号（1，2，3）a 表示列表项目用小写字母标号（a，b，c）A 表示列表项目用大写字母标号（A，B，C）i 表示列表项目用小写罗马数字标号（i，ii，iii）I 表示列表项目用大写罗马数字标号（I，II，III）

   <p>水果</p>
           <!-- 有序列表的展示 -->
       <ol>
           <li>苹果</li>
           <li>橘子</li>
           <li>香蕉</li>
           <li>葡萄</li>
       </ol>
   

   无序列表
   外部用

   标签，内部用
   • 标签

     type属性

     disc：默认实心圆circle：空心圆square：小方块none：不显示

     <!-- 无序列表的展示 -->
             <ul>
                 <li>苹果</li>
                 <li>橘子</li>
                 <li>香蕉</li>
                 <li>葡萄</li>
             </ul>
     

     

     九、表格标签
     快捷键：table>tr2>td2{表格内容}
     表格：

     
     
     行： 单元格（列）：

     表格属性 border：设置表格的边框width：设置表格的宽度height：设置表格的高度 合并单元格 水平合并：colspan 垂直合并：rowspan 合并单元格6和7：colspan，合并单元格15和20：rowspan 单元格1 单元格2 单元格3 单元格4 单元格5 单元格6.7 单元格8 单元格9 单元格10 单元格11 单元格12 单元格13 单元格14 单元格15.20 单元格16 单元格17 单元格18 单元格19 十、表单标签 表单在Web网页中用来给用户填写信息，从而能采用用户信息，使网页具有交互的功能所有的用户输入内容的地方都用表单来写，如登录注册、搜索框表单是由容器和控件组成的，一个表单一般应该包含用户填写信息的输入框，提交按钮等，这些输入框，按钮叫做控件，表单就是容器，它能够容纳各种各样的控件 属性说明 action：服务器地址 name：表单名称 method中get和post的区别 数据提交方式，get把提交的数据url可以看到，post看不到get一般用于提交少量数据，post用来提交大量数据 表单元素 一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮 文本框： 密码框（密文显示）： 提交按钮： 当用户单击确认按钮时，表单的内容会被传送到另一个文件表单的动作属性定义了目的文件的文件名由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理 十一、块级元素与内联元素 常见块级元素： div、form、h1-h6、hr、p、table、ul等 常见内联元素： a、b、em、i、span、strong等 行内块级元素（不换行、能够识别宽高） button、img、input等 块级元素与内联元素的区别 十二、HTML5新增标签 HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定 在HTML5出现之前，我们一般采用DIV+CSS布局完成我们的页面。但是这样的布局方式不仅使我们的文档结构不够清晰，而且不利于搜索引擎爬虫对我们页面的爬取 （SEO）。为了解决上述缺点，HTML5新增了很多新的语义化标签 div是容器元素，也是页面中见到的最多的元素 div实现 H5新标签实现 头部 导航 定义文档中的节，比如章节、页眉、页脚 侧边栏 脚部 代表一个独立的、完整的相关内容块，例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等 本文《web前端学习笔记一》版权归别不开心ovo所有，引用web前端学习笔记一需遵循CC 4.0 BY-SA版权协议。