Html基础
相关study网站
www.w3school.com.cn
developer.mozilla.org
HTML基础 https://mp.weixin.qq.com/s/lNkLbVL8qWsay8c3krVL8A
标签
标题标签
—
级别依次降低四级以上会独占一行
段落和换行标签
换段
唯一的单标签
文本格式化标签
文本格式化标签
文字设置加粗，斜体或者下划线等效果
加粗
更强烈或者
下划线
删除线
和
：分割 分区 但独占一行 一行仅显示一个
定义和用法
定义
可定义文档中的分区或节（division/section）。
标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记
，那么该标签的作用会变得更加有效。
用法
是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是
固有的唯一格式表现。可以通过
的 class 或 id 应用额外的样式。
不必为每一个
都加上类或 id，虽然这样做也有一定的好处。
可以对同一个
元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
提示和注释：
注释：
是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。
提示：请使用
元素来组合块级元素，这样就可以使用样式对它们进行格式化。
跨度 跨距 可在一行上显示多个
html span标签的定义和作用：
span标签是超文本标记语言（HTML）的行内标签，被用来组合文档中的行内元素。span没有固定的格式表现。当对它应用样式时，它会产生视觉上的变化。
标签本身并不产生任何视觉效果。它只是提供一种途径，令你可以对文档中的一部分进行引用。这样，你便可以引用部分文本，并对它们设置样式，或用JavaScript对它们进行处理。标签被用来组合文档中的行内元素。
这有例子:
例子解释：如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。
可以对同一个 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。提示：事实上，您也许已经注意到了，W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多，但是我们的做法是：使用“提示”使用 span 元素，然后对这个 span 元素的父元素，即 p 元素应用 class，这样就可以对这个类的子元素 span 应用相应的样式了。
提示：事实上，您也许已经注意到了，W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多，但是我们的做法是：使用“提示”使用 span 元素，然后对这个 span 元素的父元素，即 p 元素应用 class，这样就可以对这个类的子元素 span 应用相应的样式了。
html span标签的使用方法：
在行内定义一个区域，也就是一行内可以被划分成好几个区域，从而实现某种特定效果。本身没有任何属性。 与在CSS定义中属于一个行内元素，而是块级元素，我们可能通俗地理解为为大容器，大容器当然可以放一个小容器了,就是小容器。
这还有例子：
如：
此处 display:block; 一定要加上，否则，span不起作用
如果要定义span标签居中，必须先让span成块级元素显示，也就是说，要先定义span的display:block;属性，然后再给span添加边距属性margin:0px auto;这样就能达到你想要的效果了。span的属性很多，几乎所有标签的属性都可以定义在span上，只是很多属性都必须在span成块级元素时才起作用，span本身只是为了补充a标签的作用，是一个辅助标签，一般只能识别对文字的样式的你故意，所以如果想给span标签定义更多的其他样式属性，你就必须先给span加上块级属性，也就说添加display:block;属性，这样以后你的样式就可以起作用了
html span标签的核心属性：
DTD栏表明哪种文档类型支持此属性。S=Strict，T=Transitional，F=Frameset。
标签支持以下核心属性:
在后面写个style=""，可以随意添加样式。
style只是span的一个属性，还有这些，其中鼠标动作属性只列举了onclick，还有很多其他鼠标动作属性。
文本内容
提示和注释：
提示：请使用 来组合行内元素，以便通过样式来格式化它们。
注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。
图像标签
注意事项
图像标签可以有多个属性，必须写在标签名的后面
属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
属性采取键值对的格式 即key=“value”的格式，属性=“属性值”
src必须写
图像标签![]()
如何在网页中插入图片
将网页和图片放在一起
其他属性width单位为像素高度宽度一般只设置一个
如何在网页中插入视频
步骤
路径
相对路径
目录文件夹 打开或者拖入
可以新建文件夹把同类材料放到里面
相对路径：以图片的位置为参考基础，而建立出的目录路径
图片若为多级则多次重复使用
绝对路径
反斜杠方向与相对路径相反为/
可以截取网上的图片（复制图片的链接即可+
超链接
语法格式
外部链接
属性：
href只要写了就必须写href
必须加上http：//
内部链接
目录文件夹之间的切换
空连接
下载链接
锚点链接
特殊字符
技巧
表格标签
表格的作用：展示数据
基本语法
最大的表格用于定义表格的标签
标签用于定义表格中的行，必须嵌套在标签中
| 用于定义表格的单元格，必须嵌套在 | 标签中
字母td指表格数据，即 单元格的内容
表头单元格
一般表头单元格里的内容会加粗居中显示
表格属性
实际经常用css制作
这些属性都要写到标签里面去
cellpadding内容与边框之间的距离
cellspacing边框与边框之间的距离
表格结构标签
表格的头部区域
表格的主体区域
合并单元格
合并单元的两种方式
跨行合并rowspan="合并单元格的个数"
跨列合并colspan="合并单元格的个数"
目标单元格
跨行：最上侧单元格为目标单元格
跨列：最左侧单元格为目标单元格
步骤
列表标签
总结
无序列表（重要）
只能放-
但是
- 可以放任何语句
去掉小圆点list-style:none;
有序列表（理解）
自定义列表（重点）
围绕小弟围绕大哥
表单标签
表单域
包含表单元素的区域
|
