HTML标签

最新推荐文章于 2024-07-19 10:24:06 发布

最新推荐文章于 2024-07-19 10:24:06 发布

阅读量84

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/m0_55754984/article/details/119110976

版权

一、头部

<head> 元素包含了所有的头部标签元素。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

<style>:

<html>
<head>
<style type="text/css">

h1 {color:red}
p {color:blue}
</style>

</head>

<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>

`<meta>:`

1. 指定名/值对定义元数据

<!DOCTYPE HTML>
<html>
    <head>
        <title>demo</title>
        <meta name="keywords" content="电商,物流">
        <meta name="author" content="张三">
        <meta name="description" content="网站描述...">
    </head>
    <body>
        <div>welcome</div>
    </body>
</html>

2. 声明字符编码

charset属性为HTML5新增的属性，用于声明字符编码,以下两种写法效果一样

<meta charset="utf-8"> //HTML5

<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //旧的HTML

3. 模拟http标头字段

`<link>` :

标签定义了文档与外部资源之间的关系。最常见的用途是链接样式表

<link rel="stylesheet" type="text/css" href="theme.css" />

`<script>:`

标签用于加载脚本文件，如： JavaScript。

<script type="text/javascript">

document.write("Hello World!")
</script>

`<noscript>:`

元素用来定义在脚本未被执行时的替代内容（文本）。

<base>:

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

二、主体

PS:最常见和笔者认为简单的标签此处省略不写

1.<a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，它指示链接的目标。

<img src="url" alt="图片" />

2.<div> 可定义文档中的分区或节（division/section）。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

3.<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

<form action="form_action.asp" method="get">

  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

4.<abbr> 标签指示简称或缩写，比如 "WWW" 或 "NATO"。

通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。

<body>

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

</body>

5.<address> 标签定义文档或文章的作者/拥有者的联系信息。

如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。

如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。

<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

6.<audio> 标签定义声音，比如音乐或其他音频流。

<audio src="/i/horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

7.<b> 标签规定粗体文本。

<p>这是普通文本 - <b>这是粗体文本</b>。</p>

8.<blockquote> 标签定义块引用。

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

9.<button> 标签定义一个按钮。

在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

<button> 控件与 <input type="button"> 相比，提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。

唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

<body>

<button type="button">Click Me!</button>

</body>

10.<font> 规定文本的字体、字体尺寸、字体颜色。

11.<nav> 标签定义导航链接的部分。

<nav>

<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标签

一、头部<head>元素包含了所有的头部标签元素。可以添加在头部区域的元素标签为:<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.<style>:<html><head><style type="text/css">h1 {color:re...
复制链接

扫一扫