记录容易忘记的知识点(html 内容)

时间:2021-03-30 15:18:21
<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 它们之间没有空格,是紧挨着的