记录容易忘记的知识点（html 内容）

<xx 表文件名>

导入外部样式表
<link type="text/css" rel="stylesheet" href="xx.css"/>
{
link 标签定义文档与外部资源的关系.

type:定义文档所用的MIME类型.

rel：relationship的英文缩写.
REL 属性用于定义链接的文件和HTML文档之间的关系。StyleSheet，的意思就是样式调用，REL=StyleSheet 指定一个固定或首选的样式

而REL="Alternate StyleSheet"定义一个交互样式.

href:  规定被链接文档的位置.
}


导入外部js文件
<script type="text/javascript" src="xx.js"></script>

锚点：
<a href="#link">Abc</a>
<a name="link">link锚点链接</a>//此处的name属性换成id也可

_blank :  会打开一个新的网页载入链接的页面

_parent : 会在当前页面打开链接的页面，链接的页面会完全覆盖之前的页面内容

_self : 会在添加超链接处的那个页面或框架内打开链接的页面(不详)

_top ： 与parent效果雷同


alt :  用在img属性中是当图片无法正常显示的时候，代替图片出现的文字

title :  作为属性使用时，是当鼠标停留在元素上时，显示title 的属性值。{作为元素，则是网页标题。}

背景图片
html代码中：
background="xx/xx/xx.jpg"
{
xx/xx/xx : 代表图片的路径
jpg ： 泛指图片后缀名
}

css代码中：
background:url("xx.jpg");   或   background:url(xx.jpg);
{
如果还有其它属性，比如no-repeat，或设置图片的x,y坐标值 等等
}


将图片如何根据周围的文本来排列图像（图片与文本的对齐方式，align在css中 align:top; 无效）：

<h2>已设置对齐方式的图像：</h2>

<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>
{
图片的底部与文本对齐
}
<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
{
图片与文本中间对齐
}
<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>
{
图片的顶部与文本对齐
}

表格属性：
cellspacing="5"  ： 单元格的边框线 与 表格的边框线的距离，值越大，空隙越大.
cellpadding="20" ： 单元格的边框线 与 单元格内容之间的填充值，值越大，单元格的内容，离单元格的边框线越远。

表格内容的对齐方式：(若2种方式调换，则等同无效)
行内样式：
align="对齐方式"

单独的css的代码块中：
text-align:对齐方式;

<colgroup style="color:颜色";align:"对齐方式"></colgroup><!--不知为何无效-->

 

〈dl〉 〈dt〉〈/dt〉 〈dd〉〈/dd〉 〈/dl〉

<dl>标记定义了一个定义列表

定义列表中的条目是通过使用 <dt> 标记 (“definition title”，定义标题)   和  <dd> 标记(“definition description”，定义描述) 创建的。

<dt> 给出了术语名，<dd> 标记给出了术语的定义。

 

td.td{background:red;text-align:right;}
<td class="td">dfdsf</td>

如果想表示设置的是 td 标签的 .td 类， td.td  它们之间没有空格，是紧挨着的

 

转载于:https://www.cnblogs.com/JaneBlog/p/6131122.html