跳到主要内容

html css 基础

· 阅读需 2 分钟
ahKevinXy
ahKevinXy
作者

mdn

不常用文本标签​

实时编辑器
<html>

<p>
    <cite> 这是一个作品标题</cite>
</p>

<p>
    <dfn> 特殊术语</dfn>
</p>

<p>
    <del>这是一个删除文本</del> <ins>插入文本</ins>
</p>

<p>
    <code>cosole.log('测试代码')</code>
</p>
<p>
    H<sub>2</sub>O
</p>

<p>
    8<sup>3</sup>
</p>
<p>
    <abbr title="这是一个标题">大新闻</abbr> 今天是2023年08月18日
</p>
<p>
    <small>附属细则</small> 2002年的第一场雪
</p>
</html>
结果
Loading...

超链接​

  1. 跳转页面
  2. 跳转锚点
  3. 唤醒指定应用
实时编辑器
<html lang="zh">



<body>
<p>
    <a href="http://ahKevinXy.github.io" target="_blank">跳转自己blog</a>
</p>
<p>
    <a href="#不常用文本标签">去头部</a>
</p>
<p>
    <a href="mailto:ahkevinxy.gmail.com">去发邮件</a>
</p>
<p>
    
</p>
</body>
</html>
结果
Loading...

列表​

实时编辑器

<div>
    <div>
        <span>无序列表</span>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    </div>
    <div>
        <span>有序列表</span>
    <ol>
        <li>1</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ol>
    </div>
    <div>
        <span>自定义列表</span>
        <dl>
            <dt>📒笔记</dt>
            <dd>这是一个简单的笔记</dd>
            <dd>也可以是电子版也是纸质版</dd>
            <dt>✈️起飞</dt>
            <dd>这是一个简单的起飞</dd>
        </dl>
    </div>
</div>
结果
Loading...

表格​

实时编辑器

<div>
    <table border="10" >
        <caption>学生信息</caption>
        <thead>
        <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>男</td>
            <td>18</td>
        </tr>
        </tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
           
          
            <td>总计: 1</td>
        </tr>
        <tfoot>
   
        </tfoot>
    </table>
</div>
结果
Loading...

html 字符实体​

  • &nbsp; 空格
  • &lt; <

html 全局属性​

  • id 给标签指定唯一标识
  • class 可以然标签相关联
  • style 给标签加样式
  • dir 内容方向
  • title 给标签设置文字提示 图片和超链接 多