html总结看这个就够了_html/css_WEB-ITnose

HTML是我们学习Javaweb的第一步 很好地掌握门课是非常有必要的！下面就是我在听资深老师讲课的笔记！个人觉得非常不错！希望可以帮助到那些在学习javaweb路上的 朋友们！从今天 陆续的整理这门课有关的笔记与大家分享！

3、标题标签、水平线标签和特殊字符    * 标题标签         - 
  
  
 .......
        - 从h1到h6，大小是依次变小，同时会自动换行        * 水平线标签        - 
        - 属性            ** size: 水平线的粗细 取值范围 1-7            ** color: 颜色        - 代码            
    * 特殊字符        - 想要在页面上显示这样的内容   :是网页的开始！        - 需要对特殊字符进行转义            *     >            * 空格：             * &  : &    4、列表标签    - 比如现在显示这样的效果        ***大学              财务部              学工部              人事部    ** 

: 表示列表的范围 ** 在dl里面

: 上层内容 ** 在dl里面

：下层内容 - 代码

***大学

财务部

学工部

人事部

- 想要在页面上显示这样的效果 1. 财务部 2. 学工部 3. 人事部 a. 财务部 b. 学工部 c. 人事部 i. 财务部 ii. 学工部 iii. 人事部 **

: 有序列表的范围 - 属性 type：设置排序方式 1(默认) a i ** 在ol标签里面

具体内容

- 代码

1. 财务部
2. 学工部
3. 人事部

- 想要在页面上显示这样的效果 特殊符号（方框） 财务部 特殊符号（方框） 学工部 **

: 表示无序列表的范围 属性： type: 空心圆circle 、实心圆disc 、实心方块square ，默认disc 在ul里面

- 代码

• 财务部
• 学工部
• 人事部

5、图像标签（*******） * - src: 图片的路径 - width：图片的宽度 - height：图片的高度 - alt: 图片上显示的文字，把鼠标移动到图片上，停留片刻显示内容 ** 有些浏览器下不显示（没有效果）6、路径的介绍 * 分类：两类 ** 绝对路径 - C:\Users\asus\Desktop\0413\day01\code\a.jpg - http://www.baidu.com/b.jpg ** 相对路径 - 一个文件相对于另外一个文件的位置 - 三种： ** html文件和图片在一个路径下，可以直接写文件名称 - ** 图片在html的下层目录 在html文件中，使用img文件夹下面的a.jpg -- C:\Users\asus\Desktop\0413\day01\code\ 4.html -- C:\Users\asus\Desktop\0413\day01\code\ img\a.jpg *** 在html中使用图片 4.html和img在一个路径下 img\a.jpg ** 图片在html文件的上层目录 --- C:\Users\asus\Desktop\0413\day01\ code\4.html --- C:\Users\asus\Desktop\0413\day01\ c.png *** html文件所在的目录和图片是一个目录 ** 图片和html文件是什么关系？ - 图片在html的所在目录的上层目录 day01 ** 怎么表示上层路径 ../ - ../: day01 -- ../c.png ** 想要表示上层的上层 ../../7、案例一：列表标签的使用（作业：完成剩余的部分）8、超链接标签（******） * 链接资源(******) - 显示在页面上的内容 ** href: 链接的资源的地址 ** target：设置打开的方式 ，默认是在当前页打开 -- _blank : 在一个新窗口打开 -- _self: 在当前页打开 默认 - 当超链接不需要到任何的地址 在href里面加# - 这是一个超链接2 * 定位资源 ** 如果想要定位资源：定义一个位置 顶部 ** 回到这个位置 回到顶部 ** 引入一个标签 pre：原样输出 9、表格标签（****重要的标签*****） * 可以对数据进行格式化，使数据显示更加清晰 * : 表示表格的范围 - border：表格线 - bordercolor：表格线的颜色 - cellspacing：单元格直接的距离 - width：表格的宽度 - height：表格的高度 ** 在table里面 - 设置对齐方式 align： left center right *** 在tr里面