HTML常用标签

标题标签：<h1></h1>~<h6></h6>

        特性： 双标签 引起换行 会放大/缩小字体 加粗字体

段落标签：   <p> </p>

        Paragrapgh 缩写：p

        段落标签：双标签 有段前和断后 会换行 但是不会对字体进行修饰(放大/缩小/加粗)

水平线与换行标签：<hr>与<br>

        水平线标签：

                <hr> 单标签 在浏览器中显示一条水平的实线

        换行标签：

                <br> 单标签 换行

<div></div>与<span></span>标签

         div 标签：

                用来布局最多 --- 盒子/块

                特点： 不会修饰文本 也不会短前断后 换行

          span标签：

                  用来放文本用的居多

                  特点：和普通文本一摸一样 不会换行 不会修饰文本 也不会段前段后

文本修饰标签

        文本修饰标签:

                双标签 不会换行 有自己的一些修饰

                <i></i> 倾斜        <em></em>倾斜

                <b></b>加粗        <strong></strong>加粗

                <s></s>删除线        <del></del>删除线

                <u></u>下划线        <ins></ins>下划线

这里的文本修饰标签每种修饰有两个标签表示

        后者具有语义化原则：就是看到单词就大概知道什么意思   H5趋向语义化，建议使用后者 实际效果是一样的

标签之间的嵌套

        嵌套：父子 子孙后代

                 一个标签的开始与结束必须被包含在另一个标签的里面（规范）浏览器在发展过程中为了节省开发开发者效率，会包容不规范的代码，所以你看到的是没有问题的，但是不要这么做

        同层级：兄弟姐妹

嵌套规范初步了解

         嵌套是有规范的 这些都要遵守 有些规范不遵守浏览器解析不会有问题

         但是有些规范不遵守会让浏览器解析错乱

         解析错乱：p标签只能嵌套行内元素 不能嵌套块级 甚至p不能嵌套自己

         行内（设置宽高无效 不会换行）：span   i   b  s  u  em  strong  del  ins

         快级（可以设置宽高 换行）： h1—h6   div  p   body

图像标签：<img src="" alt="">

<img src="图片地址" alt="图片加载出现问题时，显示的文字">

        img标签属性：

                写在开始标签里面 通过空格和标签名分隔开

                src：图片的地址

                alt：提示作用 当图片出现加载问题时 显示alt对应的文字

                border：边框 值为数字

                width：图片的宽

                height：图片的高

                注意：如果致谢width或者height属性 对应的宽/高都会等比例缩放

       特性：

‘                没有换行但是可以设置宽高 -- 这种特性在原有所学过的行内元素 和块级元素中 多出一种行内块级

        路径：

          绝对路径：中国 重庆市 高新区 重庆大学

                网络路径：如：https://www.baidu.co

m/img

                磁盘路径：E:\html\html 文件夹\imgs屏幕截图 2022-03-19 211125.png

          相对路径:

                ./  能访问当前文件同层级的文件或者文件夹

                ../ 访问当前文件的上一层文件夹以及与当前文件的上层文件夹的同层级的文件夹

                .../ 能访问上二级的文件以及其同层级的文件夹

                以此推类

                注意---不要超过四层 一般超过四层就使用绝对路径          

链接标签 <a href=""></a>

<a href="标签地址"></a>

        链接分类：

                外部链接：网络路径  

                内部链接：磁盘链接

                空连接：没有链接的目标地址 一定不会跳转到新页面

                下载链接：网页元素链接

        标签锚点：

                首先设置两个链接标签 如：

                <a href="#HTML">html</a>

                <br>*100

                <a name="HTML">HTML</a>

                可以看见在两个链接标签之间有100个br换行标签 因此在浏览器中就会出现滚动条，此时点击第一个html标签就会跳转到HTML标签上去

                如果我们称第二个a标签HTML为被跳转标签   那么被跳转标签不仅只能是a标签 其他标签也可以 但是要把name 改为 id

base标签

<base target="" href="">

        base标签是写在head里的

        属性：

                target:规定页面上所有的超链接的窗口打开方式   以a标签自己的窗口为准

                herf:设置基础链接 页面上所有的相对路径都会链接地址前面拼接基础链接

特殊字符

        

 	空格
&lt;	<
&gt;	>
&sup$;	次方
&copy;	版权符
&reg;	注册商标
&deg;	角度
&times;	乘号
&divide;	除号