html基础标签的使用示例

发布时间:2022-03-15 14:52:01 作者:小新
来源:亿速云 阅读:327

这篇文章给大家分享的是有关html基础标签的使用示例的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

  1、指定字符集

  <met charset="utf-8">

  2、页面描述

  <meta name="Description" content="具体描述&hellip;&hellip;">

  3、关键字:有助于搜索引擎SEC优化,再怎么优化也抵不过竞价排名

  <meta name="Keywords" content="网易,邮箱,游戏,新闻">

  4、3秒后跳转

  <meta http-equiv="refresh" content="3,">

  5、三秒刷新

  <meta http-equiv="refresh" content="3">

  1、标题

  <title>百度一下,你就知道</title>

  2、网站的图标

  <link rel="icon" href="图标地址">

  3、定义内部样式

  <style></style>

  4、引入外部样式文件

  <link rel="stylesheet" href="">

  5、定义JavaScript代码或引入JavaScript文件

  <script src=""></script>

  </head>

  <body>

  <br> 换行标签

  <hr> 分割线

  <font>修改文字大小,颜色,被废弃</font>

  <b>加粗</b>

  <u>下划线</u>

  <i>倾斜</i>

  <s>删除线</s>

  <strong>强调性文字</strong>

  <isn>插入文字(带下划线)</isn>

  <em>普通强调性文字</em>

  <del>被删除文字</del>

  特殊符号对照表

  <h2>一级标题</h2><h3>二级标题</h3>

  <h4>三级标题</h4>

  <h5>四级标题</h5>

  <h6>五级标题</h6>

  <h7>六级标题</h7>

  <p>段落</p>

  <img src="图片地址" alt="图片加载失败时显示的内容" title="鼠标悬停到图片上时显示的内容">用于插入图片

  <a href="跳转的目标页面地址" target="是否在新页面中打开,_blank" title="鼠标悬浮显示的内容">需要展现给用户查看的内容,也可以是图片 </a>

  <base target="_blank">

  a标签用于超链接,可以在head标签内新增一个base标签进行统一设置,如果没有a标签中设置target,就会参照base标签进行执行

  点击后不会跳转的连接,我们称之为假连接

  href='' 假连接,点击后自动回到网页的顶部

  href='':不会返回顶部

  跳到首页

  href="" 刷新页面回到顶部

  href=""直接回到顶部

  页面内锚点

  在字段中加id

  <p id="船">扬帆起航</p>

  <a href="船">找id为船的那个字段,要加#</a>

  自定义列表

  dl 自定义列表标签

  dt 自定义标题标签

  dd 自定义描述标签

  <dl>

  <dt>自定义标签</dt>

  <dd>自定义描述1</dd>

  <dd>自定义描述2</dd>

  </dl>

  table 标签,表的显示

  <table  border="1px" bgcolor="#9400d3"> 表标签 border为边框宽度,默认为0,bgcolor色彩标签

  <caption>表的标题</caption>

  <thead>

  特点:专门用来存储每一列的标题,只要将当前列的标题存储在这个标签中就会自动居中+加粗文字

  <tr>

  <th>标题名</th>

  <th>标题名2</th>

  <th>标题名3</th>

  </tr>

  </thead>

  <tbody>表格的主体内容,没有浏览器会自动添加,如果指定高度,就不会随着表的内容而改变高度

  <tr bgcolor="white"> 行标签

  <td bgcolor="white"></td> 单元标签

  <td></td>

  </tr>

  </tbody>

  <tfoot>表格的结尾内容

  <tr>

  <td></td>

  <td></td>

  </tr>

  </tfoot>

  </table>

感谢各位的阅读!关于“html基础标签的使用示例”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

推荐阅读:
  1. html基础--body内部标签
  2. html基础--meta标签

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:python如何使用with - as语法结构

下一篇:python中列表推导式怎么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》