HTML

最新推荐文章于 2023-12-18 20:26:13 发布

qq_40984577

最新推荐文章于 2023-12-18 20:26:13 发布

阅读量224

点赞数

分类专栏： Personal learning 文章标签： HTML

本文链接：https://blog.csdn.net/qq_40984577/article/details/79954867

版权

Personal learning 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name="value"。
属性总是在 HTML 元素的开始标签中规定。

$  HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

<p>This is my first paragraph.</p> //定义了文档中的段落
  //<body> 元素定义了 HTML 文档的主体。
  //<html> 元素定义了整个 HTML 文档。
  //这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。
  // <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
  //在未来 (X)HTML 版本中强制使用小写。
  ```

style 属性的作用：
提供了一种改变所有 HTML 元素的样式的通用```


//HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定
<a href="链接地址">This is a link</a> 
<h1 align="center">This is heading 1</h1>  //居中标题
<body style="background-color:yellow">    //改变背景颜色
<table>                                  //定义 HTML 表格。
<table border="1">                     拥有关于表格边框的附加信息。
<h1> 定义最大的标题。<h6> 定义最小的标题。//标题比较重要
<hr /> 标签在 HTML 页面中创建水平线。
       //hr 元素可用于分隔内容。
<!--这是一段注释。注释不会在浏览器中显示。--> //注释增加可读性
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>   //显示的为红色的  A paragraph.                                //style 属性淘汰了旧的 <font> 标签。
<h1 style="text-align:center">This is a heading</h1>   //style 属性淘汰了旧的 "align" 属性，text-align 属性规定了元素中文本的水平对齐方式。

如何查看源代码
您一定曾经在看到某个网页时惊叹道 “WOW! 这是如何实现的？”
如果您想找到其中的奥秘，只需要单击右键，然后选择“查看源文件”（IE）或“查看页面源代码”（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的“`

标题很重要

搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

属性值应该始终被包括在引号内

双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：
name='Bill "HelloWorld" Gates'

标签         描述     
<!--...-->  定义注释。
<!DOCTYPE>  定义文档类型。
<a>         定义锚。
<abbr>      定义缩写。
<acronym>   定义只取首字母的缩写。
<address>   定义文档作者或拥有者的联系信息。
<applet>    不赞成使用。定义嵌入的 applet。
<area>      定义图像映射内部的区域。
<article>   定义文章。
<aside>     定义页面内容之外的内容。
<audio>     定义声音内容。
<b>         定义粗体字。
<base>      定义页面中所有链接的默认地址或默认目标。
<basefont>  不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>       定义文本的文本方向，使其脱离其周围文本的方向设置。
<bdo>       定义文字方向。
<big>       定义大号文本。
<blockquote>定义长的引用。
<body>      定义文档的主体。
<br>        定义简单的折行。
<button>    定义按钮 (push button)。
<canvas>    定义图形。
<caption>   定义表格标题。
<center>    不赞成使用。定义居中文本。
<cite>      定义引用(citation)。
<code>      定义计算机代码文本。
<col>       定义表格中一个或多个列的属性值。
<colgroup>  定义表格中供格式化的列组。
<command>   定义命令按钮。
<datalist>  定义下拉列表。
<dd>        定义定义列表中项目的描述。
<del>       定义被删除文本。
<details>   定义元素的细节。
<dir>       不赞成使用。定义目录列表。
<div>       定义文档中的节。
<dfn>       定义定义项目。
<dialog>    定义对话框或窗口。
<dl>        定义定义列表。
<dt>        定义定义列表中的项目。
<em>        定义强调文本。
<embed>     定义外部交互内容或插件。
<fieldset>  定义围绕表单中元素的边框。
<figcaption>定义 figure 元素的标题。
<figure>    定义媒介内容的分组，以及它们的标题。
<font>      不赞成使用。定义文字的字体、尺寸和颜色。
<footer>    定义 section 或 page 的页脚。
<form>      定义供用户输入的 HTML 表单。
<frame>     定义框架集的窗口或框架。
<frameset>  定义框架集。
<h1> to <h6>定义 HTML 标题。
<head>      定义关于文档的信息。
<header>    定义 section 或 page 的页眉。
<hr>        定义水平线。
<html>      定义 HTML 文档。
<i>         定义斜体字。
<iframe>    定义内联框架。
<img>       定义图像。
<input>     定义输入控件。
<ins>       定义被插入文本。
<isindex>   不赞成使用。定义与文档相关的可搜索索引。
<kbd>       定义键盘文本。
<keygen>    定义生成密钥。
<label>     定义 input 元素的标注。
<legend>    定义 fieldset 元素的标题。
<li>        定义列表的项目。
<link>      定义文档与外部资源的关系。
<map>       定义图像映射。
<mark>      定义有记号的文本。
<menu>      定义命令的列表或菜单。
<menuitem>  定义用户可以从弹出菜单调用的命令/菜单项目。
<meta>      定义关于 HTML 文档的元信息。
<meter>     定义预定义范围内的度量。
<nav>       定义导航链接。
<noframes>  定义针对不支持框架的用户的替代内容。
<noscript>  定义针对不支持客户端脚本的用户的替代内容。
<object>    定义内嵌对象。
<ol>        定义有序列表。
<optgroup>  定义选择列表中相关选项的组合。
<option>    定义选择列表中的选项。
<output>    定义输出的一些类型。
<p>         定义段落。
<param>     定义对象的参数。
<pre>       定义预格式文本。
<progress>  定义任何类型的任务的进度。
<q>         定义短的引用。
<rp>        定义若浏览器不支持 ruby 元素显示的内容。
<rt>        定义 ruby 注释的解释。
<ruby>      定义 ruby 注释。
<s>         不赞成使用。定义加删除线的文本。
<samp>      定义计算机代码样本。
<script>    定义客户端脚本。
<section>   定义 section。
<select>    定义选择列表（下拉列表）。
<small>     定义小号文本。
<source>    定义媒介源。
<span>      定义文档中的节。
<strike>    不赞成使用。定义加删除线文本。
<strong>    定义强调文本。
<style>     定义文档的样式信息。
<sub>       定义下标文本。
<summary>   为 <details> 元素定义可见的标题。
<sup>       定义上标文本。
<table>     定义表格。
<tbody>     定义表格中的主体内容。
<td>        定义表格中的单元。
<textarea>  定义多行的文本输入控件。
<tfoot>     定义表格中的表注内容（脚注）。
<th>        定义表格中的表头单元格。
<thead>     定义表格中的表头内容。
<time>      定义日期/时间。
<title>     定义文档的标题。
<tr>        定义表格中的行。
<track>     定义用在媒体播放器中的文本轨道。
<tt>        定义打字机文本。
<u>         不赞成使用。定义下划线文本。
<ul>        定义无序列表。
<var>       定义文本的变量部分。
<video>     定义视频。
<wbr>       定义可能的换行符。
<xmp>       不赞成使用。定义预格式文本。

下面列出了适用于大多数 HTML 元素的属性：

属性      值                   描述
class   classname           规定元素的类名（classname）
id      id                  规定元素的唯一 id
style   style_definition    规定元素的行内样式（inline style）
title   text                规定元素的额外信息（可在工具提示中显示）

HTML 标准属性参考手册
 完整的 HTML 参考手册