前端开发基础学习笔记(二):知识点--HTML文档标签

1.<html>标签内可以定义文档主语言:

<html lang="en-US">

2.无序列表(Unordered List),包含在<ul></ul>之间,<li></li>为子项:

<ul>
<li>milk</li>
<li>eggs</li>
<li>bread</li>
<li>humous</li>
</ul>

3.有序列表(Ordered List):包含在<ol></ol>之间,<li></li>为子项:

<ol>
  <li>apple</li>
  <li>pen</li>
  <li>apple pen</li>
</ol>

4.嵌套列表(Nesting Lists):<ol></ol>、<ul></ul>、<li></li>嵌套使用:

    <ol>
        <li>apple</li>
        <li>pen</li>
        <li>apple pen</li>
        <ul>
            <li>list1</li>
            <li>list2</li>
        </ul>
      </ol>

5.href转到文档对应id处:

    <h2 id="Mailing_address">Mailing address</h2>
    <p>Jump <a href="html1.html#Mailing_address">mailing address</a>.</p>

6.<a href="../test.txt" download="test.txt">download the file</a>:download属性提供默认下载文件名

7.<a href="mailto:[email protected]">发送邮件</a>:点击链接发送邮件,还可添加多个收件人、抄送、邮件标题、邮件内容等:

    <a href="mailto:[email protected][email protected]&[email protected]&amp;subject=The%20subject%20of%20the%20email &amp;body=The%20body%20of%20the%20email">
        Send mail with cc, bcc, subject and body
    </a>

8.上标和下标:<sup></sup>和<sub></sub>:

    <p>My birthday is on the 25<sup>th</sup> of May 2001.</p>
    <p>Caffeine's chemical formula is C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>.</p>
    <p>If x<sup>2</sup> is 9, x must equal 3 or -3.</p>

效果:

9.基本结构

10.<br>元素:在一个段落中创建一个换行。

11.<hr>元素:在文档中生成一条水平分割线。

猜你喜欢

转载自blog.csdn.net/Hello_JayJay/article/details/82227047
今日推荐