-
注释:快捷键 Ctrl+/ 图例中为:
-
br 标签:
换行的意思,当文字意思表达未完成时用br,若表达完毕用p标签。 -
img标签:添加图片
-
固定格式:
可对img标签进行 width(宽度)/height(高度)/title(悬停文字)/alt(当图片不存在时显示的内容)
-
固定格式:
-
路径问题:
1.相对路径:(1)同级(2)下级(3)上级
2.绝对路径:在前端中基本不用
注意点: - 1.1 同级:
- 1.2下级:
- 1.3上级:
-
a标签 (用于页面与页面之间的跳转)
- 固定格式:<a herf="网页地址">需要显示的内容</a>
- 1.例如:糯米。
<a herf="https://www.nuomi.com/?cid=002540">糯米</a>- 拓展:链接:假链接,真链接(像上个例子糯米的超链接就是真链接)
假链接:有两种方式:第一种:#(常用,有跳转到顶部的作用)
第二种:JavaScript:
- #: <a herf="#">糯米</a>
- javascript: <a herf="javascript">糯米</a>
- 拓展:链接:假链接,真链接(像上个例子糯米的超链接就是真链接)
-
2.跳转到本电脑的指定文件:(同级1.html /上一级的2.html /下级images文件夹中3.html)
2.1 <a herf="1.html">1.html</a>
2.2 <a herf="../2.html">1.html</a>
2.3 <a herf="images/3.html">1.html</a> -
3.跳转到本电脑的指定文件的指定位置:( 标签中已经给相应ID值, 同级1.ht
设置ID值: <h2 id="center">我是标题<h2>
为: <a herf="1.html#center">1.html</a> -
4.base与a标签的结合:
若每一个或多个超链接都新打开页面/在本页面打开:
在head中:
<head>
<meta charset="UTF-8"/>
<title> </title>
<base target="_blank">或 <base target="_self">
</head>
<body>
<a herf="1.html#center">糯米l</a>
<a herf="1.html#center" target="_self/blank">贴吧</a>
(贴吧用本网页打开/别,则在a herf 后添加target属性) -
列表标签:
- 无序列表:
固定格式:<ul>
<li> </li>
</ul>
- 无序列表:
-
有序列表:
固定格式:<ol>
<li> </li>
</ol> -
定义列表:
固定格式:<dl>
<dt> </dt>
<dd> </dd>
</dl> -
表格列表:
固定格式:<table>
<tr>
<td> </td>
</tr></table>
网友评论