html5笔记

注：非h5和c3笔记，此复习笔记参考W3Cschool，用来整理知识点

html简介
html：超文本标记语言
html标签：多为成对出现，成对出现都为一个开始标签一个结束标签;结束标签比开始标签多一个“/”用以区分

html文档：即通常说的网页，浏览器的作用就是将html文档转化为可视化的页面

工具：Visual Studio Code + FireFox

语法
1.html标题标签

1级标题

2级标题

3级标题

4级标题

5级标题

6级标题

2.段落标签

段落1

段落1

段落1

3.图片标签

该标签具有以下属性：

src:图片路径（图片类型可为静态、动态、网络、本地）
alt:该属指定一段文本，作为该图片的提示信息
height:和width
title:当图片因某些原因加载不出来，就显示该信息
4.超链接标签
baidu
baidu

该标签拥有以下属性：

target: 可以选择该连接打开的窗口时再本窗口，还是新窗口
name：锚点，可以通过超链接跳转到该锚点
5.表格

页眉单元格	页眉单元格	页眉单元格
表体	表体	表体
表格脚

页眉单元格 页眉单元格 页眉单元格
表格脚
表体 表体 表体
该标签拥有以下该属性：

rowspan和colspan 合并列、合并行

thead、tbody、tfoot 表格页眉、表格体、表格脚除去thead嵌套<th…/>标签外，其他嵌套<td …/>
align: align=“center”
6.更换背景
修改背景颜色

修改图片背景 背景图片插入格式同图片标签;

若背景图片过大会显示不全，反之，会重复使用该图片将页面填充满(该问题可经过css解决)

7.列表

• 
  
• 无须列表
• 
  
• 无须列表
• 
  
• 无须列表
• 
  

    <ol>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>

无须列表
无须列表
无须列表
有序列表
有序列表
有序列表
8.格式标签
加粗
倾斜
下划线
删除线
10²
CO₂
效果：

加粗 倾斜 下划线 删除线 102 CO2

9.表单
<from…/>表单标签

该标签重要属性：

action:该属性可指定一个地址，单击提交按钮时，该表单被提交到这个地址。
method：指定提交表单时发送何种类型的请求，该属性可为get(不安全)或post(安全)，该属性必填
input元素

a b

下拉框

下拉菜单 下拉菜单 下拉菜单 下拉菜单下拉菜单下拉菜

textarea定义文本域

框架

可再<head…/>标签中使用frameset对框架进行分割

css简介
CSS 指层叠样式表 (Cascading Style Sheets)
通过css可以改变网站的外观和布局
因为注重点不同：暂不对css做过多的复习

css的三种引入方式
内联嵌入式 （通过标签stayle属性）
定义内部类型代码块（在stayle写css代码）
链入外部代码文件（链入css文件，再css中写样式代码）