您的位置:首页 > Web前端 > HTML

HTML参考手册-页面标记

2020-07-01 16:24 100 查看

页面标记

1、页面色彩

<body bgcolor=# text=# link=# alink=# vlink=#>

bgcolor — 背景色彩
text — 非可链接文字的色彩
link — 可链接文字的色彩
alink — 正被点击的可链接文字的色彩
vlink — 已经点击(访问)过的可链接文字的色彩
#=rrggbb
色彩是用 16 进制的 红-绿-蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
2、背景图象
Non Scrolling Background——背景固定

<body background="image-URL">
Non Scrolling Background <body bgproperties=FIXED>

3、页面空白(IE only)
页面左边的空白:

<body leftmargin=#>
  
页面上方的空白(天头):
<body topmargin=#>
  说明:#=margin amount
4、链接
①基本语法
<a href="URL"> ... </a>

②代码:
  这是一个
  链接的例子
  点一下带下划线的文字!
效果:
这是一个链接的例子,点一下带下划线的文字!
③跳转到页面的另外一个地方:
<a href="#name"> ... </a>

<a name="name"> ... </a>

代码:
<a href="#jump-test">跳转到下一个"链接点"</a><P>

<a name="jumptest1">下一个链接点</a>

效果:
跳转到下一个"链接点"
下一个链接点
④跳转到另一个页面的某个地方
<a href="URL#name"> ... </a>

<a name="name"> ... </a>

代码:
跳转到另一个页面的<a href="https://blog.csdn.net/cheryw/article/details/index.html#jumptest">首页某个地方</a>。

效果:
跳转到另一个页面的首页某个地方。
5、目标窗口:打开一个新的(浏览器)窗口(Target Window)
语法:
<a href="URL" target="Window_Name"> ... </a>

代码:
  
<a href="samp/window.html" target="window_name">打开首页!</a>

效果:
打开首页!
6、标尺线
①语法:
<hr>

代码:
<hr>

效果:

②语法:

<hr size=#>

代码:
<hr size=10>

效果:

③语法:

<hr width=#>

代码:
<hr width=50>

   
<hr width=50%>

效果:

④语法:

<hr align=#> #=left, right

代码:
<hr width=50% align=left>

   
<hr width=50% align=right>

效果:

⑤语法:
<hr noshade>

代码:
<hr noshade>

效果:

⑥语法:
<hr color=#>

说明:#=rrggbb 16 进制 RGB 数码,或者是下列预定义色彩:
名称:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
     Fuchsia, Green, Purple, Silver, Yellow, Aqua
代码:
<hr color="red">

效果:

附图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: