图片属性:
src(source): 图片的来源(路径),可以放置本地图片,也可以放网上的图片的url地址
【相对路径: ./:当前目录 ../:跳出当前目录,到上一目录】
title: 当鼠标停留在图片上的时候,显示提示的文字
alt:当文件找不到的时候,显示提示文字
*****************************************************************************
超链接:a
url地址:在浏览器地址栏的信息就是url地址,在输入网址的时候,应该加上http或者是https,如果不写,则把地址当成本地文件。
超链接除了可以跳转网址外,还可以跳到本地文件,如果是跳到本地文件,那么文件路径和img标签里面的src属性值是一样的(相对路径)
title: 鼠标移动到链接上显示的文字
target:
_self(默认值): 在本窗口显示跳转的文件
_blank:新开一个窗口显示跳转的文件
锚链接(回到顶部):一般用来做跳转到页面的某个位置
1.在需要跳转位置的标签里面写上id属性或者name属性
注意:如果使用name的话,则跳转的位置的标签必须是a标签
*****************************************************************************
base标签里面的属性:
href:当跳转的是空链接(href="#")默认跳转的地址,如果在base标签设置href属性,会把当前路径改为href的值。如果a标签里面的值是网址的话,则直接跳到网址上去。
target:所有的超链接跳转的时候,是否开启新窗口显示
跳转到空链接,将href属性值设置为#
*****************************************************************************
表格:
单元格合并:
colspan: 横向合并
rowspan: 纵向合并
<table>
<caption></caption>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2"></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
*****************************************************************************
meta标签:
<!-- 设置文档的作者 -->
<meta name="author" content="鲁迅">
<!-- 设置网页的描述信息 -->
<meta name="description" content="这是一些列表的展示">
<!-- 网址重定向:http-equiv的属性值是refresh content:第一个是隔几秒进行网址的跳转,;url=需要跳转的网址 -->
<meta http-equiv="refresh" content="3;url=https://www.baidu.com">
<!--设置关键字可以让搜索引擎搜索 -->
<meta name="keywords" content="js培训,it培训">
SEO:搜索引擎优化:就是让搜索引擎(百度,搜狗)更好的搜索到你写的网站。
1.标签语义化(使你写的文档结构清晰,搜索引擎越容易搜索到你写的网址)
2.最好给每个图片设置title属性,alt属性
3.给每个a标签设置title