HTML学习成长日志

最新推荐文章于 2023-02-07 23:16:39 发布

小鹿的周先生

最新推荐文章于 2023-02-07 23:16:39 发布

阅读量1.7k

点赞数 1

文章标签： HTML

本文链接：https://blog.csdn.net/qq_37606901/article/details/79631849

版权

<h1 align="center"> 拥有关于对齐方式的附加信息

<body bgcolor="yellow"> 拥有关于背景颜色的附加信息

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill "HelloWorld" Gates'

<abbr>		定义缩写。
<acronym>		定义只取首字母的缩写。
<address>		定义文档作者或拥有者的联系信息。
<aside>		定义页面内容之外的内容。
<audio>		定义声音内容。
<b>		定义粗体字。
<base>		定义页面中所有链接的默认地址或默认目标。
<bdi>		定义文本的文本方向，使其脱离其周围文本的方向设置。
<bdo>		定义文字方向。
<blockquote>		定义长的引用。
<br>		定义简单的折行。
<button>		定义按钮 (push button)。
<canvas>		定义图形。
<caption>		定义表格标题。
<code>		定义计算机代码文本。
<col>		定义表格中一个或多个列的属性值。
<colgroup>		定义表格中供格式化的列组。
<datalist>		定义下拉列表。
<del>		定义被删除文本。
<div>		定义文档中的节。
<dialog>		定义对话框或窗口。
<dl>		定义定义列表。
<dt>		定义定义列表中的项目。
<embed>		定义外部交互内容或插件。
<fieldset>		定义围绕表单中元素的边框。
<figcaption>		定义 figure 元素的标题。
<footer>		定义 section 或 page 的页脚。
<form>		定义供用户输入的 HTML 表单。
<frame>		定义框架集的窗口或框架。
<frameset>		定义框架集。
<h1> to <h6>		定义 HTML 标题。
<head>		定义关于文档的信息。
<header>		定义 section 或 page 的页眉。
<hr>		定义水平线。
<html>		定义 HTML 文档。
<i>		定义斜体字。
<iframe>		定义内联框架。
<img>		定义图像。
<input>		定义输入控件。
<ins>		定义被插入文本。
<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>		定义可能的换行符。
属性	描述
accesskey	规定激活元素的快捷键。
class	规定元素的一个或多个类名（引用样式表中的类）。
contenteditable	规定元素内容是否可编辑。
contextmenu	规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
data-*	用于存储页面或应用程序的私有定制数据。
dir	规定元素中内容的文本方向。
draggable	规定元素是否可拖动。
dropzone	规定在拖动被拖动数据时是否进行复制、移动或链接。
hidden	规定元素仍未或不再相关。
id	规定元素的唯一 id。
lang	规定元素内容的语言。
spellcheck	规定是否对元素进行拼写和语法检查。
style	规定元素的行内 CSS 样式。
tabindex	规定元素的 tab 键次序。
title	规定有关元素的额外信息。
translate	规定是否应该翻译元素内容。

预文本格式化，使用 pre 标签对空行和空格进行控制。

这是长的引用。

</blockquote>

<q>

这是短的引用。

</q>

<del>二十</del> 删除效果

<ins>十二</ins> 插入效果

使用 sup 和 sub 元素：

包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。

以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。

<em>	把文本定义为强调的内容。
<strong>	把文本定义为语气更强的强调的内容。
<dfn>	定义一个定义项目。
<code>	定义计算机代码文本。
<samp>	定义样本文本。
<kbd>	定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var>	定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<cite>	定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。

abbr与acronym两个标记的作用相同都是缩进，但是abbr：表示全词的缩写；
acronym：表示标记一个首字母缩写；目前的话，用abbr比较好。

为什么dfn中也能够采用缩进呢？

Css样式在head里面定义属性，在body里面定义内容

外部样式表

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。

</head>

内部样式表

当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<head>

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

内联样式

当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

This is a paragraph

</p>

<p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p>

HTML图像：

1. 表示形式：<img src=”图片的路径”/>

2. 替换文本属性（Alt）

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

3. 背景图片：<body background="/i/eg_background.jpg">

4. 图片排序：

5. 图像浮动：

带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。

6. 图像尺寸：<img src="/i/eg_mouse.jpg" width="50" height="50">

表格：

1. 每个表格由 table 标签开始，每个表格行由 tr 标签开始，每个表格数据由 td 标签开始。

2. border可以设置边框的厚度

3. 表头<th>表示：

Heading	Another Heading
row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

4.空表格用<td></td>表示，但是因为防止在浏览器中空表格的边框没有显示出来，所以用<td> </td>表示空表

5.要是没有写出表格的边框或者设置边框为0都是没有表框的。

6.横表头的表格：先设置表头作为一行

<tr>

</tr>

姓名	电话	电话
Bill Gates	555 77 854	555 77 855

垂直的表格：把当做一个行的表格做，先设置一个行的表头，在设置其他的普通表格。例如：

<td>Bill Gates</td>

姓名 Bill Gates

电话 555 77 854

电话 555 77 855

8. 为表格设置标题：<caption>我的标题</caption>

横跨两列的单元格： <th colspan="2">电话</th>

横跨两行的单元格：<th rowspan="2">电话</th>

10.cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小

11.若是要设置表格的背景颜色，则在<table>里面设置

12.若是在表格中的某个单元中设置样式（比如说背景颜色呀），则在<td>中设置

13.

表格标签

表格	描述
<table>	定义表格
<caption>	定义表格标题。
<th>	定义表格的表头。
<tr>	定义表格的行。
<td>	定义表格单元。
<thead>	定义表格的页眉。
<tbody>	定义表格的主体。
<tfoot>	定义表格的页脚。
<col>	定义用于表格列的属性。
<colgroup>	定义表格列的组。

其中，thead,tbody,dfoot表示如下：

块级元素：HTML <span> 元素是行内元素，能够用作文本的容器。

<head>

<style>

span.red {color:red;}

</style>

</head>

<body>

<h1>My <span class="red">Important</span> Heading</h1>

</body>

布局：

1.padding是设置元素的内边距。

框架：（3.20晚上）

小鹿的周先生

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML学习成长日志

&lt;h1 align="center"&gt; 拥有关于对齐方式的附加信息 &lt;body bgcolor="yellow"&gt; 拥有关于背景颜色的附加信息始终为属性值加引号属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='Bill "HelloWorld" Gates' ...
复制链接

扫一扫