1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>示例</title> 6 </head> 7 <body> 8 <p style="max-width:90%">我是一个段落。</p> 9 </body>10 </html>
1 定义编码格式：<meta charset="UTF-8">2 为搜索引擎定义关键词：<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">3 为网页定义描述内容：<meta name="description" content="HTML基础">4 定义网页作者：<meta name="author" content="Mr mo">5 每30秒中刷新当前页面：<meta http-equiv="refresh" content="30">6 常用的针对移动网页优化过 viewport 的 meta：<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
及 标签配合使用。在 HTML 4.01 中，<strong> 标签定义加粗的被强调的文本，而在 HTML5 中，<strong> 标签定义重要的文本。</strong></p> <p> <strong><em> 标签是一个短语标签，用来呈现为被强调的文本。注意：并不反对使用这个标签，但是如果只是为了达到某种视觉效果而使用这个标签的话，建议使用 CSS ，这样可能会取得更丰富的效果。</strong></p> <p> <strong><dfn> 标签是一个短语标签，用来定义一个定义项目。 标签是一个短语标签，用来定义计算机代码文本。<samp> 标签是一个短语标签，用来定义计算机程序的样本文本。<var> 标签是一个短语标签，用来定义变量。提示：我们并不反对使用这些标签，但是如果你只是为了达到某种视觉效果而使用这些标签的话，我们建议你使用 CSS ，这样可能会取得更丰富的效果。</strong></p> <p> <strong><cite> 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。注意：人名不属于作品的标题。在 HTML 4.01 中，<cite> 标签定义一个引用，而在 HTML5 中，<cite> 标签定义作品的标题。</strong></p> <p> <strong><big> 标签定义大号文本，HTML5 不再支持，可以使用 CSS 代替。</strong></p> <p> <strong><small> 标签定义小号文本，主要用于定义小型文本和旁注。</strong></p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> <p> <strong><pre class="brush:php;toolbar:false"> 标签定义预格式文本，</strong>也就是在 HTML 代码中的文本编写什么样，就会在 HTML 页面显示什么样，<strong>对空行和空格可进行控制，也就是被包围在 <pre class="brush:php;toolbar:false"> 标签中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体。<pre class="brush:php;toolbar:false"> 标签的一个常见应用就是用来表示计算机的源代码。</strong></p> <p> <strong><bdo> 标签定义文本方向。</strong>bdo 指的是 bidi 覆盖(Bi-Directional Override)，用来覆盖默认的文本方向。<p><bdo dir="rtl">我会反着显示。</bdo></p> dir 为 <bdo>标签的属性，rtl 是值，定义反向显示，该属性另一个值是 ltr，是默认值，文本方向是正常显示的。</p> <p> <strong><bdi> (H5) 标签允许设置一段文本，使其脱离其父元素的文本方向设置。bdi 指的是 bidi 隔离（Bi-directional Isolation）。在发布用户评论或其他你无法完全控制的内容时，该标签很有用。</strong></p> <p> <strong><q> 标签定义短的引用。浏览器经常会在这种引用的周围插入引号，该元素有一个属性 cite，值为 URL 用于规定引用的源 URL。请使用 <blockquote> 来标记摘自另一个源的块引用。</strong></p> <p> <strong><blockquote> 标签定义摘自另一个源的块引用。浏览器通常会对 <blockquote> 元素进行缩进。该元素也有一个属性 cite，值为 URL 用于规定引用的来源。如果标记是不需要段落分隔的短引用，请使用 <q>。在 HTML 4.01 中，<blockquote> 标签定义一段长引用，而在 HTML5 中，<blockquote> 标签定义摘自另一个源的块引用。</strong></p> <p> <strong><del> 标签定义被删除文字。<ins> 标签定义被插入文本。提示：<del> 和 <ins> 一起使用，描述文档中的更新和修正，浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线。</strong><del> 和 <ins> 拥有相同的两个属性：cite 和 datetime，cite 的值都为 URL ，<del> 的 cite 属性规定一个文档的 URL，该文档解释了文本被删除的原因，<ins> 的 cite 属性规定一个文档的 URL，该文档解释了文本被插入的原因。datetime 的值表示为：YYYY-MM-DDThh:mm:ssTZD，<del> 规定文本被删除/被插入的日期和时间。</p> <p> <strong><s> 标签对那些不正确、不准确或者没有用的文本进行标识。<s> 标签不应该用来定义替换的或者删除的文本，如果要定义替换的或者删除的文本，请使用 <del> 和 <ins> 标签。在 HTML 4.01 中，<s> 标签已被废弃，并且被用来给文本加删除线，而 HTML5 重新定义了 <s> 标签，现在是被用来定义那些不再正确的文本。</strong></p> <p> <strong><u> 标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。在 HTML 中，<u> 元素已废弃，原被用来定义下划线，而在 HTML5 中重新定义了 <u> 元素。提示：请尽量避免使用 <u> 为文本加下划线，用户会把它混淆为一个超链接。注意：HTML5 规范建议开发者尽量使用其他元素替代 <u> 元素。</strong></p> <p> <strong><sup> 标签定义上标。</strong>上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的。<strong>上标文本能用来添加脚注。</strong></p> <p> <strong><sub> 标签定义下标文本。</strong>下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。<strong>下标文本能用来表示化学公式。</strong></p> <p> <strong><abbr> 标签定义缩写。</strong>当把鼠标移至带有 <abbr> 标签的缩写词/首字母缩略词上时，<abbr> 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。<abbr> 标签用来表示一个缩写词或者首字母缩略词。通过对缩写词语进行标记，就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。</p> <p> <strong><address> 标签定义文档作者或拥有者的联系信息。</strong>如果 <address> 元素位于 <body> 元素内部，则它表示该文档作者/所有者的联系信息，如果 <address> 元素位于 <article> 元素内部，则它表示该文章作者/所有者的联系信息。<address> 元素的文本通常呈现为斜体，大多数浏览器会在该元素的前后添加换行，或可用 <br/> 换行显示。不应该使用 <address> 标签来描述邮政地址，除非这些信息是联系信息的组成部分。<address> 元素通常被包含在 <footer> 元素的其他信息中。</p> <p> </p> <p> <strong>(4)、链接标签</strong></p> <p> <strong><a> 标签定义超链接，用于从一个页面链接到另一个页面。<a> 元素最重要的属性是 href 属性，它指定链接的目标。如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。通常在当前浏览器窗口中显示被链接页面，除非规定了其他 Target 属性。可以使用 CSS 来改变链接的样式。</strong></p> <p> <strong>HTML 使用超级链接与网络上的另一个文档相连，几乎可以在所有的网页中找到链接，点击链接可以从一张页面跳转到另一张页面，超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当你把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。在 <a> 标签中使用 href 属性来描述链接的地址，</strong><strong>默认情况下，链接将以以下形式出现在浏览器中：一个未访问过的链接显示为蓝色字体并带有下划线；访问过的链接显示为紫色并带上下划线；点击链接时，链接显示为红色并带上下划线。</strong><a href="url">跳转</a> "链接文本" 不必一定是文本，图片或其他 HTML 元素都可以成为链接，使用 Target 属性，可以定义被链接的文档在何处显示。</p> <p> <strong><a> 标签的 target 属性。target="_blank" 定义在新窗口显示目标网页。target="_self" 定义在当前窗体打开目标网页，此为默认值，这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。target="_top" 定义在当前窗体打开链接，并替换当前的整个窗体(框架页)。假如你的页面被固定在框架之内，可用 _top 值跳出框架。用 top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。框架网页中在上部窗口中显示目标网页。target="_parent" 这个目标使得文档载入父窗口或者包含超链接引用的框架的框架集，如果这个引用是在窗口或者在顶级框架中，那么它与目标 self 等效，框架网页中当前整个窗口位置显示目标网页。</strong></p> <p> <strong>去掉超链接的下划线，并定义颜色（默认定义为黑色）：a{color:#000;text-decoration:none} </strong><strong>定义鼠标移动到超链接上的颜色，a:hover{color:red}</strong></p> <p><strong> 图像超链接：<a href="http://www.aaa.com">@@##@@</a></strong></p> <p><strong> 本文本链接：<p><a href="/index.html">本文本</a> 指向本网站中的一个页面的链接。</p>。相对路径，如 htef="/abc/"，代表本站内超文本。</strong></p> <p> <strong>HTML 链接的 id 属性。也可用class，id 是代表唯一的，而 class 是一个集，也就是所有 class 名称一样的都可被定义。id 属性可用于创建在一个 HTML 文档书签标记。用 id 命名那么这个书签就是唯一的。在 HTML 文档中插入ID：<a id="tips">超链接</a>。在 HTML 文档中创建一个链接到 "超链接(id="tips"）"：<a href="#tips">跳转</a>。或者，从另一个页面创建一个链接到 "超链接(id="tips"）部分"：<a href="index.html#tips">点我跳转</a>。</strong></p> <p><strong> 电子邮件链接：<a href="mailto:123456@qq.com">电子邮件</a></strong> 当前系统需要安装 EMAIL 客户端程序才能使用，可用 火狐/IE 测试，会跳转链接到一个邮件。</p> <p> </p> <p> <strong><base> 标签定义页面中所有链接的默认地址或默认目标。</strong><strong>该标签作为 HTML 文档中所有的链接标签的默认链接。</strong>在 HTML 中，<base> 标签没有结束标签，且为为元信息标签。在一个文档中，最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部，而且 <base> 标签需要排在 <head> 元素中第一个元素的位置，这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。如果使用了 <base> 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备。<base target="_blank"> 可定义页面中所有的超链接都从新窗口打开，如其中有不需要在新窗口打开的，可在 <a> 标签内自行定义：<a href="url" target="_self">链接</a>。<br /></p> <p class="sycode"> <pre class="precsshui"> 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>示例</title> 6 <base href="http://www.demo.com/images/" target="_blank"> 7 </head> 8 <body> 9 @@##@@<br/>10 <a href="http://www.demo.com">跳转</a>11 </body>12 </html>@@##@@
1 @@##@@2 <map name="sun">3 <area shape="circle" coords="132,570,122" alt="太阳" href="index.html" target="_blank">4 </map>
1 <p>2 <a href="http://www.baidu.com/" target="_blank">@@##@@</a>3 </p>
1 <picture>2 <source srcset="smallflower.jpg" media="(max-width:400px)">3 <source srcset="flowers.jpg">4 @@##@@5 </picture>
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
277
