本帖最后由 mx88783 于 2022-11-11 21:12 编辑
HTML
图像标签
概念
<img> 标签来声明图像
常用的标签属性
属性名：src （必须属性，将图片引入进来必须要写的属性）
属性值：图片路径
属性名：alt （替换文本，图片不能显示时的补充文字）
属性值：文本
属性名：title （鼠标移动到图片上的显示文字）
属性值：文本
属性名：width（给图片设置宽度）
属性值：像素值
属性名：height （给图片设置高度）
属性值：像素值
属性名：border （给图片设置边框）
属性值：像素值
超链接
概念
在html中，使用<a></a>标签来定义超链接
超链接的语法
<a href="跳转的目标" target=“目标窗口的打开方式”>文本或者图像</a>
href：用于指定链接目标的url地址，是必须属性
target：用于指定链接页面的打开方式
_self 是默认值，代表在当前页面进行打开
_self 是默认值，代表在当前页面进行打开
示例
超链接的分类
外部链接，直接链接到外部的一个超链接文本
内部链接，网站内部页面之间的相互链接
空链接，在实际开发中不知道链接应该跳转到何处，可以临时使用空链接来代替
下载链接，href里指定的地址是一个文件或者压缩包，那么点击之后会直接下载该内容
网页元素链接：在网页中的各种元素，比如图片、视频、表格等等，都可以添加超链接
锚点链接，点击链接，可以快速定义到页面的某个位置
在href属性中，设置#名字 的形式
在目标位置标签 添加一个id属性 = 刚才定义的名字即可
示例
示例
base标签
概念
base标签为页面上的所有的相对链接规定了默认的url
注意
在一个文档中，最多只能使用一个<base>标签，而且<base>标签必须位于<head></head>标签的内部，一般放在第一行的位置
属性
href：用于指定链接目标的url地址，是必须属性
target：用于指定链接页面的打开方式
_self 是默认值，代表在当前页面进行打开
_blank 代表在新的窗口中打开页面
示例
HTML的注释和特殊字符
注释
如果在HTML文档中添加一些便于阅读但是又不需要进行显示在页面上的情况下，就可以使用注释标签。
html的注释标签是以
<!-- 注释内容 -->
来表示的
注释快捷键
ctrl+/
示例
常用的特殊字符如下
示例
表格标签
为什么要用表格标签
为了让数据显示的更加的规整，增强可读性。
表格的基本语法
<table></table>标签用于定义表格
<tr></tr>标签用于定义表格中的行（table row），必须嵌套在<table></table>标签中
<td></td>标签用于定义表格中的单元格（table data），必须嵌套在<tr></tr>标签中
<th></th>标签用于定义行的内容是否是表头内容，表头内的字体会加粗显示，并且可以居中对齐
表格属性
注意
表格标签的这些属性一般我们在开发中不是很常用，后面主要通过CSS来进行设置 目前主要把这些属性的名字以及对应的值记住，后面样式会用到。
属性名：align (规定表格的对齐方式)
属性值：left、right、center
属性名：border（规定表格单元是否用有边框，默认为“”，表示没有边框）
属性值：“”或者1
属性名：cellpadding（规定单元格边沿与其内容之间的空白，默认是1个像素）
属性值：像素值
属性名：cellspacing（规定单元格之间的空白，默认是2像素
属性值：像素值
属性名：width（规定表格的宽度）
属性值：像素值
示例
表格的结构标签
thead></thead>代表表格的头部区域，内部必须拥有<tr></tr>标签和<th></th>标签，一般位于表格的第一行。
<tbody></tbody>代表表格的主体区域，主要用来放数据的本体
示例
示例
HTML的常用标签
标签语义
概念
指的是标签的含义，简单来说就是这个标签是用来干什么的。
作用
合理的标签会让页面结构更加的清晰
标题标签
概念
为了使网页能够区分哪些文字是标题，需要使用标题标签，HTML给我们提供了6个标题标签，即<h1>~<h6>。
解释
h是head的缩写，意为头部、标题。
语义
作为标题来使用，重要性会依次递减。
特点
1、加了标题标签的文字会变粗，字号从h1到h6依次变小。
2、每一个标题标签都单独占一行。
示例
段落标签
概念
我们用<p></p>标签来定义段落
解释
p是paragraph的缩写，意为段落
语义
html文档中来分割段落的
特点
1、文本在一个段落里会根据浏览器的窗口大小来自动换行
2、段落和段落之间保有空隙
示例
换行标签
概念
HTML中使用<br>标签可以实现强制换行。
解释
b是单词break的缩写，意为打断、换行。
特点
1、<br>是一个单标签
2、<br>只是简单的开始新的一行，段落和换行相比，段落之间的垂直间距更大。
|
