html基础标签的使用示例

这篇文章给大家分享的是有关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基础标签的使用示例”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

分享名称:html基础标签的使用示例
链接分享:https://www.cdcxhl.com/article8/ijjdop.html

成都网站建设公司_创新互联,为您提供ChatGPT软件开发企业网站制作全网营销推广定制网站网站营销

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设