html:(11):address和code标签

<address>标签，为网页加入地址信息

一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。

语法：

<address>联系地址信息</address>

如：

<address>文档编写：lilian 北京市西城区德外大街10号</address>

<address>
本文的作者：<a href="mailto:lilian@imooc.com">lilian</a>
</address>

在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用 css 样式来修改它<address>标签的默认样式。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>address标签介绍</title>
</head>
<body>
<h2>歌谣</h2>
<p>超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!公司地址：<address>北京市西城区德外大街10号</address></p>
</body>
</html>

运行结果

想加入一行代码吗？使用<code>标签

在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签了，如下面例子：

<code>var i=i+300;</code>

注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。

语法：

<code>代码语言</code>

注：如果是多行代码，可以使用<pre>标签。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>code标签介绍</title>
</head>
<body>
<p>我们可能知道水平渐变的实现，类似这样：<code>{background-image:linear-gradient(left, red 100px, yellow 200px);}</code></p>
</body>
</html>

运行结果

html:(11):address和code标签相关推荐

pre textarea code标签区别
这篇文章里面放的大都是我自己写程序的时候遇到的一些小问题,其实都是自己没有掌握的点,别人看起来应该很简单啦,但写下来能提醒自己,也能鼓励一下自己,这条路也不好走哇. <pre> <t ...
html怎么给code标签添加语言,html code标签怎么用？html code标签的作用解释
本篇文章主要的讲述了关于HTML code标签的用法解释,和HTML code标签的用法实例,最后还有code标签的总结.接下来让我们一起来看这篇文章吧首先我们先看看html code标签的用法解释 ...
零基础学习HTML(8)——pre标签、code标签
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛: https://fishc.com.cn/forum.php 官方资料鱼C课程案例库:https://ilovefishc. ...
html之code标签和pre标签
文章目录一.两个标签区别 (1)含义 (2)显示区别,上面是pre,下面是code 二.使用white-space 进行样式控制一.两个标签区别字符如下: const str ="[{ ...
No.17 pre标签与 code标签
pre标签.特性 pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体.<pre> 标签的一个常见应用就是用来表示计算机的源代码 ...
code标签无法渲染html,【菜鸟笔记】记一次django无法正常在ie和edge浏览器渲染html页面-站长资讯中心...
如图所示,django无法渲染html显示成下载文件了一步一步的从render ==>HttpResponse ==>HttpResponseBase 找到即django文件夹下的ht ...
php中pre标签,html中pre标签与code标签的作用与用法
HTML 标签定义和用法 pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 可以导致 ...
【HM】第11课：JSTL标签+JSP开发模式
<pre> day11 昨天内容回顾 (1)jsp *jsp的三个指令 *jsp里面九个内置对象 request response session config application e ...
CityMaker学习教程11 创建和移动标签
1.加载一个FDB,并在加载结束的时候绑定函数RcMouseClickSelect: this.axRenderControl1.RcMouseClickSelect += new Gvitech.C ...

html:(11):address和code标签

<address>标签，为网页加入地址信息

想加入一行代码吗？使用<code>标签

html:(11):address和code标签相关推荐

最新文章

热门文章