三.a元素

HTML实体

实体字符,html entity mdn

实体字符通常用来在页面中显示一些特殊符号。

1.&单词;
2.&#数字;

小于号:< 大于号:>
空格符:  (non-breaking space) 
版权符:© &符号:&

a元素

超链接

1.herf属性

hyper reference:表示跳转地址(引用)

1.普通链接(跳转地址)

<body>
    <a href="https://www.baidu.com/">
        百度
body>

2.锚链接(跳转到当前页面的不同位置,不会刷新页面)

3.功能链接(点击后触发某个功能)

  • 执行JS代码,javascript:
  • 发送邮件,mailto:
    要求用户计算机上安装有邮件发送软件(exchange等)
  • 拨号,tel:
    要求用户计算机上安装有拨号软件,或移动端访问
<body>
    
    <a href="">章节1a>
    <a href="#chapter02">章节2a>
    <a href="">章节3a>
    <a href="">章节4a>
    <a href="">章节5a>
    <a href="">章节6a>
    <a href="">章节7a>
    <body>
    
    <a href="">章节1a>
    <a href="#chapter02">章节2a>
    <a href="">章节3a>
    <a href="">章节4a>
    <a href="">章节5a>
    <a href="">章节6a>
    <a href="">章节7a>
    <h2>章节1h2>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat expedita ipsam est omnis, quo repudiandae, molestiae inventore voluptate quidem obcaecati voluptates voluptas ipsum sit ad facilis eius, magnam eaque rem.p>
    <h2 id = "chapter02">章节2h2>
    <p>Cum dolorem aspernatur eaque nam et officiis sunt nihil placeat debitis minima corporis nulla rerum voluptatibus sit ad obcaecati pariatur voluptas est cupiditate tempore, iure sapiente? Assumenda maiores nesciunt laborum.p>
    <h2>章节3h2>
    <p>Perspiciatis, fugiat architecto officiis excepturi hic in voluptas, soluta laudantium officia possimus totam quis iure eum repellat tempore error optio. Sint vitae provident eligendi, laboriosam voluptates laudantium ipsum rerum ducimus.p>
    <h2>章节4h2>
    <p>Molestiae suscipit provident sint! Quis, dolore? Odio maxime, assumenda doloremque dicta beatae perferendis cupiditate tempora libero ut tenetur unde, similique ullam, doloribus repellendus cum ad explicabo tempore quam facere autem?p>
    <h2>章节5h2>
    <p>Ullam perferendis, in maiores expedita eos id quam repellat itaque sit tempora ut minus corrupti sed reprehenderit velit totam asperiores facilis. Eligendi, harum. Nemo quae sed aliquid. Qui, veniam facere.p>
    <h2>章节6h2>
    <p>Minus omnis ex vel accusamus dolorem. Nihil quidem molestias quis voluptatibus? Quae corrupti modi praesentium. Animi, explicabo amet vel dolore, omnis quia, quas sit quisquam facere magni voluptate. Labore, accusamus.p>
    <h2>章节7h2>
    <p>In deserunt fugiat eum harum minima! Ipsa reiciendis eligendi sapiente, ab libero id tempore laborum odio doloribus soluta! Voluptates in consectetur ducimus labore autem aperiam molestiae itaque amet ad cupiditate.p>
    <h2>章节8h2>
    <p>Ut nobis itaque quidem autem libero ipsam laborum voluptatem omnis, illum dicta, rerum adipisci saepe quo perspiciatis voluptatum, accusamus odit? Commodi deleniti magnam repellat eveniet quo nesciunt recusandae eligendi corrupti.p>
body>
body>

id属性:全局属性,表示元素在文档中的唯一编号。

target属性

表示跳转窗口位置。

target的取值:

  • _self:表示在当前页面窗口中打开。

  • _blank:在新窗口中打开。

title属性(全局属性)

表示鼠标指到当前位置会有相应的完整描述,属于提示文字。

你可能感兴趣的:(HTML,html)