a超链接

超链接：

<a href="目标">内容</a>

 

瞄点： <h1 id="maodian"> 内容1</h1>

<a href="#maodian">跳转到内容1</a>

 

功能链接：<a href="mailto:admin@888.com">给我发送邮件</a>

<a href="tel:18888888888">给我打电话</a>

新页面打开淘宝：

<a href="https://www.baidu.com" target="_blank">新页面打开淘宝</a>

当前页面打开淘宝：

<a href="https://www.baidu.com" target="_self">当前页面打开淘宝</a>

 

文本类元素：

1级标题到6级标题: <h1></h1>

段落: <p></p>

整段的引用：自动缩进 <blockquote></blockquote>

小段文本的引用：双引号“ ” <q></q>

对参考文献的引用：文字是斜体 <cite></cite>

对缩写词的引用：专业术语 名词解释 鼠标移上去有解释内容title=""

<abbr title=""></abbr>

重要的文本 加粗： <strong></strong>

强调的文本： <em></em>

应突出显示的文本： <b></b>

应区别对待的文本： <i></i>

预格式化：适用场景：公式 数学 化学：

    <pre>

            1

         +  2

    -----------

            3

    </pre>

 

无语义元素：

div 表示块 占用位置用

<div></div>

 <span>  </span>： ：仅用于给一小段文字添加样式

 <br> ：换行

<hr> ：页面中制作分割线

<pre></pre> ：预格式化元素

 

实体字符：

 

 

图片语义化：

    <figure>

        <img src="" alt="">

        <!-- 图片说明 -->

        <figcaption>

            对图片说明

        </figcaption>

    </figure>

 

 

图片点击隐藏类型：

 

音频：audio:<audio src=""  controls autoplay ></audio>

 

 

 

a元素的伪类书写方式

 

: link 链接未被访问的样式

: visited 链接已被访问的样式 点击完后的样子

：focus 焦点： 用于按钮 输入框

：hover 鼠标悬停样式

：active 链接被激活的样式 点击出现的效果