设定网页关键字、设定网页描述信息、设定网页自动刷新、设定网页自动跳转、设定网页自动跳转、设置网页链接文字颜色、设置网页边距

1、设定网页关键字：keywords表示关键字设置项目，content中设置具体的关键字，不同的关键字使用逗号分隔。

<meta name="keywords" content="关键字1，关键字2，..." />

例：
<html>
<head>
<title>设定网页关键字</title>
<meta name="keywords" content="关键字,Brackets,html,css,javascript" />
</head>
<body>
</body>
</html>

2、设定网页描述信息：当页面发布到Internet上后，在搜索引擎中搜索输入关键字搜索相应的页面，返回中结果中最上面显示的是页面的title，下面显示的是网页的描述信息，可以根据页面的title和描述信息确定要找的页面。

<meta name="description" content="网页描述信息" />

例：
<html>
<head>
<title>设定网页描述信息</title>
<meta name="description" content="本节内容学习HTML，CSS，Javascript，通过Brackets软件展示" />
</head>
<body>
</body>
</html>

3、设定网页自动刷新：refresh表示刷新功能，content用于设定刷新间隔的时间，单位是秒。

<meta name="refresh" content="刷新时间间隔" />

例：
<html>
<head>
<title>设定网页自动刷新</title>
<meta http-equiv="content-type" content="text/html; charset=gb2132" />
<meta http-equiv="refresh" content="3" />
</head>
<body>
页面每三秒刷新一次
</body>
</html>

4、设定网页自动跳转：refresh表示刷新功能，content用于设定刷新间隔的时间，单位是秒，url指定跳转的地址。

<meta name="refresh" content="刷新时间间隔; url=页面地址" />

例：
<html>
<head>
<title>设定网页自动跳转</title>
<meta http-equiv="content-type" content="text/html; charset=uft-8" />
<meta http-equiv="refresh" content="3; url=http://www.sina.com.cn" />
</head>
<body>
<p>本页面3秒后自动跳转到新浪网</p>
</body>
</html>

5、设置网页链接文字颜色：
  • link：设置未访问状态下的链接文字颜色；
  • alink: 设置正在访问状态下的链接文字颜色；
  • vlink: 设置访问过后状态下的链接文字颜色。

<body link="颜色值" vlink="颜色值" alink="颜色值">...</body>

例：
<!DOCTYPE html>
<html>
<head>
<title>设置网页链接文字颜色</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body link="#0011FF" alink="#00FF00" vlink="#FF0000" align="center">
<h2>设定不同的网页链接颜色</h2>
<hr />
<p><a href="https://www.qq.com">QQ网页链接</a></p>
<a href="https://y.qq.com/download/download.html">QQ音乐网页链接</a>
<p><a href="http://tv.cctv.com/lm/xwzk">CCTV网页链接</a></p>
</body>
</html>

6、设置网页边距：
  • leftmargin：设置页面内容与浏览器左边框的间距；
  • rightmargin：设置页面内容与浏览器右边框的间距；
  • topmargin：设置页面内容与浏览器上边框的间距；
  • bottommargin：设置页面内容与浏览器底边框的间距；

边距值以像素为单位，默认边距大致是8个像素，
如果是从上往下左对齐的文本一般取决于左边框和上边框的间距。

<body leftmargin="边距值" rightmargin="边距值" topmargin="边距值" bottommargin="边距值">...</body>

例4：
<!DOCTYPE html>
<html>
<head>
<title>设置网页边距</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body leftmargin="50" rightmargin="100" topmargin="100" bottommargin="100">
<p>页面上边距为100个像素，下边距为100个像素</p>
<p>页面左边距为50个像素，右边距为400个像素</p>
</body>
</html>

posted @ 2022-05-22 20:57  采红菱  阅读(162)  评论(0)    收藏  举报