Web建设与开发

当前位置:首页>博客专栏>Web建设与开发
全部 15 硬件设计 4 嵌入式系统 2 软件设计 4 Web建设与开发 4 C#入门到精通 0 人工智能 1

Html速学标签

时间:2020-07-30   访问量:1069
文章内容

什么是html?

HTML是用来描述网页的一种语言。

  1. HTML是超文本标记语言

  2. HTML不是编程语言,而是一种标记语言。

  3. 标记语言是一种标记标签

  4. HTML使用标记标签来描述网页

HTML标签

Html标记标签通常被成为HTML标签。

  1. html标签是由尖括号包围的关键词,比如<html>

  2. html标签通常是成对出现的,比如: <b>和</b>

  3. 标签对中的第一个标签是开始标签,第二个标签是结束标签

  4. 开始标签和结束标签也被称为开放标签和闭合标签

html文档 = 网页

  1. html文档描述网页

  2. html文档包含html标签和纯文本

  3. html文档也被称为网页。


html实例: 

<DOCTYPE html>
<html>
<head>
    <meta charset = "utf-8">
    <title>雪域蓝天的博客</title>
</head>
<body>
    <h1>这是标题1</h1>
    <p>这里是一个段落</p>
    <h2>这是标题2</h2>
    <p>这里是第二个段落</p>
</body>
</html>


常用html标签:

<DOCTYPE html>
<html>
<head>
    <meta charset = "utf-8">
    <title>雪域蓝天的博客</title>
    <base href="//www.xueyusky.cn/images/" target="_blank">
     <!--<link> 标签定义了文档与外部资源之间的关系.<link> 标签通常用于链接到样式表:-->
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
    <!--这是一个注释,浏览器不会显示-->
    
    <!--标题、段落、链接、图片标签-->
    <h1></h1>
    <p></p>
    <h2></h2>
    <p></p>
    <a href="https://aiskylab.com">这是一个链接,使用了href
    <img src="logo.png" width= "640" height="480">注意这里我们设置了图片的相对地址。
    能正常显示是因为我们在 head 部分设置了 base 标签,
    该标签指定了页面上所有链接的默认URL,
    所以该图片的访问地址为 "http://www.xueyusky.cn/images/logo.png"
    
    
    <!--下面是文本格式化标签-->
    <b>加粗文本</b><br><br>
    <i>斜体文本</i><br><br>
    <code>代码,电脑自动输出</code><br><br>
    这是<sub>下标和<sup>上标</sup><br><br>
    
</body>
</html>


html <style>元素

<style>标签定义了html文档的样式文件引用地址。<style>标签中你也可以直接添加样式来渲染html文档。

<head>
    <style type="text/css">
    body {background-color: yellow}
    p {color:blue}
    </style>
</head>


html <meta>元素

<meta>标签描述一些基本元素,提供了元数据。元数据不显示在页面上,但会被浏览器解析。

通常用于指定网页的描述,关键词,文件的最后修改时间,作者和其它元数据。

<meta>标签的使用示例:

1)为搜索引擎指定关键词

<meta name="keywords" content="HTML,CSS,XML,XHTML,Javascript">

2)为页面指定描述内容

<meta name="description" content="免费 Web & 硬件 & 编程">

3) 定义页面作者

<meta name="author" content="雪域蓝天">

4) 定义没30秒刷新当前页面:

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



汇总:-----原文参考: https://www.runoob.com/tags/html-reference.html

HTML 参考手册- (HTML5 标准)

标签描述
<!--...-->定义注释
<!DOCTYPE>定义文档类型
<a>定义超文本链接
<abbr>定义缩写
<acronym>定义只取首字母的缩写,不支持HTML5
<address>定义文档作者或拥有者的联系信息
<applet>HTML5中不赞成使用。定义嵌入的 applet。
<area>定义图像映射内部的区域
<article>New定义一个文章区域
<aside>New定义页面的侧边栏内容
<audio>New定义音频内容
<b>定义文本粗体
<base>定义页面中所有链接的默认地址或默认目标。
<basefont>HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>New允许您设置一段文本,使其脱离其父元素的文本方向设置。
<bdo>定义文字方向
<big>定义大号文本,HTML5不支持
<blockquote>定义长的引用
<body>定义文档的主体
<br>定义换行
<button>定义一个点击按钮
<canvas>New定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形
<caption>定义表格标题
<center>HTML5不支持,不赞成使用。定义居中文本。
<cite>定义引用(citation)
<code>定义计算机代码文本
<col>定义表格中一个或多个列的属性值
<colgroup>定义表格中供格式化的列组
<command>New定义命令按钮,比如单选按钮、复选框或按钮
<datalist>New定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<dd>定义定义列表中项目的描述
<del>定义被删除文本
<details>New用于描述文档或文档某个部分的细节
<dfn>定义定义项目
<dialog>New定义对话框,比如提示框
<dir>HTML5不支持,不赞成使用。定义目录列表。
<div>定义文档中的节
<dl>定义列表详情
<dt>定义列表中的项目
<em>定义强调文本
<embed>New定义嵌入的内容,比如插件。
<fieldset>定义围绕表单中元素的边框
<figcaption>New定义<figure> 元素的标题
<figure>New规定独立的流内容(图像、图表、照片、代码等等)。
<font>HTML5不支持,不赞成使用。定义文字的字体、尺寸和颜色。
<footer>New定义 section 或 document 的页脚。
<form>定义了HTML文档的表单
<frame>定义框架集的窗口或框架
<frameset>定义框架集
<h1> to <h6>定义 HTML 标题
<head>定义关于文档的信息
<header>New定义了文档的头部区域
<hr>定义水平线
<html>定义 HTML 文档
<i>定义斜体字
<iframe>定义内联框架
<img>定义图像
<input>定义输入控件
<ins>定义被插入文本
<kbd>定义键盘文本
<keygen>New规定用于表单的密钥对生成器字段。
<label>定义 input 元素的标注
<legend>定义 fieldset 元素的标题。
<li>定义列表的项目
<link>定义文档与外部资源的关系
<main>定义文档的主体部分。
<map>定义图像映射
<mark>New定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<menu>不赞成使用。定义菜单列表。
<meta>定义关于 HTML 文档的元信息。
<meter>New定义度量衡。仅用于已知最大和最小值的度量。
<nav>New定义导航链接的部分
<noframes>定义针对不支持框架的用户的替代内容。HTML5不支持
<noscript>定义针对不支持客户端脚本的用户的替代内容。
<object>定义内嵌对象
<ol>定义有序列表。
<optgroup>定义选择列表中相关选项的组合。
<option>定义选择列表中的选项。
<output>New定义不同类型的输出,比如脚本的输出。
<p>定义段落。
<param>定义对象的参数。
<pre>定义预格式文本。
<progress>New定义运行中的进度(进程)。
<q>定义短的引用。
<rp>New<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
<rt>New<rt> 标签定义字符(中文注音或字符)的解释或发音。
<ruby>New<ruby> 标签定义 ruby 注释(中文注音或字符)。
<s>不赞成使用。定义加删除线的文本。
<samp>定义计算机代码样本。
<script>定义客户端脚本。
<section>New<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<select>定义选择列表(下拉列表)。
<small>定义小号文本。
<source>New<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<span>定义文档中的节。
<strike>HTML5不支持,不赞成使用。定义加删除线文本。
<strong>定义强调文本。
<style>定义文档的样式信息。
<sub>定义下标文本。
<summary>New<summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。
<sup>定义上标文本。
<table>定义表格。
<tbody>定义表格中的主体内容。
<td>定义表格中的单元。
<textarea>定义多行的文本输入控件。
<tfoot>定义表格中的表注内容(脚注)。
<th>定义表格中的表头单元格。
<thead>定义表格中的表头内容。
<time>New定义日期或时间,或者两者。
<title>定义文档的标题。
<tr>定义表格中的行。
<track>New<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
<tt>定义打字机文本。
<u>不赞成使用。定义下划线文本。
<ul>定义无序列表。
<var>定义文本的变量部分。
<video>New<video> 标签定义视频,比如电影片段或其他视频流。
<wbr>New规定在文本中的何处适合添加换行符。


上一篇:UEditor结合highlight.js实现代码高亮显示

下一篇:CSS速学标签