欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

前端part1-一些常见html标签

程序员文章站 2022-04-19 23:53:57
...

1.body上可以设置link vlink alink属性

link未访问link颜色
vlink已经访问link颜色
alink正在被点击的link颜色

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body link="yellow" vlink="gray" alink="blue">
		<H1>GBK>GB2313 包含了繁体中文和日文平假名等</H1>
		
		<a href="#">link未访问link颜色</a>
		<a href="#">vlink已经访问link颜色</a>
		<a href="#">alink正在被点击的link颜色</a>
	</body>
</html>

2.<meta>内容</meta>

3.有序ol

type 1:阿拉伯数字1.2.3等等，默认type属性值
        A:大小字母A、B、C等等
        a:小写字母a、b、c等等
        Ⅰ:大写罗马数字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等    
        ⅰ:小写罗马数字ⅰ、ⅱ、ⅲ、ⅳ等等

value 指定一个新的序列数字起始值

				<ol type="A">
					<li>第1节课</li>
					<li value="10">第2节课</li>
					<li>第3节课</li>
					<li>第4节课</li>
					<li>第5节课</li>
					<li>第6节课</li>
				</ol>

4.<dl><dt><dd>

		<dl>
			<dt>soft说明</dt>
			<dd>soft说明1</dd>
			<dd>soft说明2</dd>
			<dt>soft使用</dt>
			<dd>soft使用1</dd>
			<dd>soft使用2</dd>
		</dl>

5.sub 文字下标字体标记

6.sup文字上标字体标记

7.cite引用方式的字体，通常是斜体

8.em表示强调，通常显示为斜体字

9.strong表示强调，通常显示为粗体字

10.small小型字体标记

11.big大型字体标记

12.u下划线字体标记

13.<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>
target:_blank 在一个新的窗口中打开链接
         _self(默认值) 在当前窗口中打开链接
         _parent 在父窗口中打开页面
         _top 在顶层窗口中打开文件

<a href="#" name="top">top</a>
...
<a href="#top">goto top</a>

14.table的一些属性
cellspacing属性 单元格之间的间距，默认是2px，单位像素、
cellpadding属性 单元格内容与单元格边框的显示距离，单位像素
frame属性 控制表格边框最外层的四条线框
           1.void(默认值) 表示无边框
           2.above 表示仅顶部有边框
           3.below 表示仅有底部边框
           4.hsides 表示仅有顶部边框和底部边框
           5.lhs 表示仅有左侧边框
           6.rhs 表示仅有右侧边框
           7.vsides 表示仅有左右侧边框
           8.box 包含全部4个边框
           9.border 包含全部4个边框
rules属性 控制是否显示以及如何显示单元格之间的分割线
           1.none(默认值) 表示无分割线
           2.all 表示包括所有分割线
           3.rows 表示仅有行分割线
           4.clos 表示仅有列分割线
           5.groups 表示仅在行组和列组之间有分割线

<table width="960" height="300" border="1" align="center" cellspacing="21" cellpadding="10" frame="" rules="all">
			<caption align="bottom">学生成绩表</caption>
			<tr bgcolor="#A9A9A9">
				<th>班级</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>分数</th>			
			</tr>
</table>

15.</select>多选multiple

		<select multiple="multiple">
			<option value="1">山东</option>
			<option value="2">河北</option>
			<option value="3">江苏</option>
			<option value="4">浙江</option>
		</select>

16.frame框架
<frameset>....</frameset>格式
    frameborder 指定是否显示边框，0不显示，1显示
    border 设置边框的大小，默认值5像素
<frame>子窗口标记
    noresize 表示不能调整框架大小，没有设置时就可以调整
    scrolling 是否需要滚动条 1.auto 2.yes 3.no
    frameborder 指定是否显示边框，0不显示，1显示
    border 设置边框的大小，默认值5像素

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<frameset rows="90px,*,90px" frameborder="1" border="5">
		<frame name="top" noresize="noresize" scrolling="no" src="top.html"/>
		<frameset cols="20%,80%">
			<frame name="left" src="lefu.html"/>
			<frame name="right" src="right.html"/>
		</frameset>
		<frame name="bottom" src="bottom.html"/>
	</frameset>
</html>

 

 

上一篇： Web前端开发学习之HTML(Day02)

下一篇： Android 中 PopupWindow 被弹出的软键盘挡住

推荐阅读