HTML5/CSS3学习笔记---完结版(有些地方加入了自己的理解)

一、HTML5

lang=“en”------lang为语言
charset=“UTF-8”-----编译语言

1、 

------------------一级标签 ...
--------------------六级标签 2、

---------------------段落标签 3、
换行标签--------------第一个单标签 4、 --------加粗(优先考虑) ------------------加粗 ----------------倾斜(优先考虑) ------------------倾斜 --------------删除线(优先考虑) ------------------删除线 --------------下划线(优先考虑) ------------------下划线 5、
--------------理解为盒子就好
用来布局(超大的盒子,自己独占一行) 是一个小盒子,一行上可放置多个 6、图像标签 -------------------单标签 src指定了图像文件路径和文件名

这是烟台大学计算机与控制工程学院

alt 替换文本 图像显示不出来替换成文本

这是烟台大学计算机与控制工程学院

title 鼠标放到图像上,显示title

这是烟台大学计算机与控制工程学院 可以用width,height,border 设置长度, 高度和边框

width 设置宽度

这是烟台大学计算机与控制工程学院

height 设置图像高度

这是烟台大学计算机与控制工程学院

border 设置图像边框

这是烟台大学计算机与控制工程学院 7、图像路径 相对路径:同一级路径,下一级路径“/”,上一级路径“../” 绝对路径:在电脑中哪个地方 8、超链接标签: 格式:文本或者图像 链接分类: 1、外部链接:target默认值是:_self---当前网页打开 _blank---新的网页打开 2、内部链接:内部网站之间跳转 3、空连接: 4、下载链接:地址链接是文件 .exe或者压缩包等文件 5、网页元素链接:例如文本,图像,声音,视频等等 6、锚点链接:可以快速定位到当前页面的某个位置 在href属性中,用#名字的形式!!!(一定记得加#)!!! 找到目标位置标签,在里面添加一个id属性 9、注释和特殊字符: 格式: 快捷键:Crtl + / 特殊字符: 空格 < --< > --> 10、表格标签:作用:展示数据,可读性比较好 语法:---------------------------定义表格的标签 --------------------------定义表格的行 -----------------表头单元格 ---定义表格的单元格
单元格内的文字
三者为嵌套关系 11、表格属性:要放在标签里面 align:left,center,right:表格相对周围对齐方式 border:设置表格边框 cellpadding:单元格边沿与内容的空白距离,默认为1 cellspacing:单元格之间的空白距离,默认为2 width/height:设置单元格宽度、高度 12、表格结构标签:--------表格头部区域 --------表格主题部分 13、合并单元格:方式:跨行合并:rowspan="合并单元格的个数“ 跨列合并:colspan="合并单元格的个数“ 目标单元格:跨行:最上一个单元格为目标单元格 跨列:最左一个单元格为目标单元格 三步走:1、确定跨行还是跨列 2、找到目标单元格,写上合并方式和合并个数 3、删除多余的单元格 14、表格总结: 1、表格标签 2、表格属性 3、表格合并(三步走) 15、列表标签:用来布局 三类: 1、无序列表(重点):
    --------项目的无序列表
  • --------列表项(它们之间无序,属于并列关系) ¥¥¥:
      只能嵌套
    • ,不能放其他标签
    • 里面可以放其他标签 它们由自己的样式属性 补:list-style:none:可以去掉前面的小圆点 2、有序列表:
        ------有序列表
      1. ------列表项(有序) ¥¥¥:
          只能嵌套
        1. ,不能放其他标签
        2. 里面可以放其他标签 它们由自己的样式属性 3、自定义列表:
          ------自定义列表
          ------名字
          ------对名字解释说明 ¥¥¥:
          里面只能嵌套
          属于并列关系 通常情况下,一个
          对应多个
          16、表单标签:表单的目的是收集用户信息 表单通常由表单域、表单控件和提示信息组成 1、表单域:包含单个元素的区域
          -------定义表单域,并将区域内的信息提交给服务器 格式::输入表单元素,单标签,必须的属性“type” type=text:输入为文本 type=passward:输入密码 type=radio:单选按钮,可以实现多选一 type=checkbox:复选框 type=submit:提交按钮,将form的表单域数据提交给服务器 type=reset:清除表单所有数据 type=button:不会提交某些数据,只是做某些事情(后期结合js使用) type=file:定义输入字段和“浏览”按钮,用于文件上传 其他属性: name:用于区别不同的表单元素,规定Input元素的名称---单选框和复选按钮要有相同的name值 ¥¥:单选框和复选框要设置相同的name属性 value:规定input元素的值 checked:规定此input首次加载被选中 maxlenght:规定字段中字符的最大长度 2、:为input元素定义标注 可以绑定一个表单元素,当点击标签文本时,浏览器就将光标自动聚焦到对应的表单元素 3、下拉表单:用户可以有多个选项选择,节约空间 格式: Tips:可以在