<html>
<head>
<title>第一个html网页</title>
<metacharset="utf-8">
</head>
<body>
</body>
</html>
<html>
<head>
<title>第一个html网页</title>
<metacharset="utf-8">
</head>
<body>
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
</body>
</html>
扩展资料
HTML语言特点
1、HTML语法较弱。
在w3c制定的HTML5规范中,对于HTML5在语法结构上的规格限制是较松散的,如、或在浏览器中具有同样的功能,是不区分大小写的。另外,也没有严格要求每个控制标记都要有相对应的结束控制标记。
2、HTML5编写简单。
即使用户没有任何编程经验,也可以轻易使用HTML来设计网页,HTML5的使用只需将文本加上一些标记(Tags)即可。
3、HTML标记数目有限。
在w3C所建议使用的HTML5规范中,所有控制标记都是固定的且数目是有限的。固定是指控制标记的名称固定不变,且每个控制标记都已被定义过,其所提供的功能与相关属性的设置都是固定的。
跳转好实现
<input type="button" value="点此跳转" onclick="goUrl()"/><script type="text/javascript">
function goUrl() {
location.href = "http://aaa.com/B.jsp?ischange=1"
}
</script>
但是你想要直接更改跳转之后的页面样式,那样是行不通的,比如,你从A页面跳转到B页面,这时候浏览器已经重新加载成B页面了,所以A页面里的JS已不存在。
变通办法,跳转时加个参数,比如B.jsp?ischange=1,然后在B页面里根据是否传了这参数来决定更改某些标签的样式
<br>是换行,<p>是段落。换行后<br>不会空行,而<p>换行后会空一行。
我们拿案例来说:标准体重计算公式
这个页面利用了p标签与br标签,他们用的P标签后,就出现了段落分行,而且这个间距是明显的,下图:
也就是说,一个<P></P>组合标签,就是明显的段落分行,而</br>就有区别了,看图
看完上面的图一就会一目了然,用p标签后,两行之间的距离明显是大于br标签的,通过js的OffsetHeight属性计算后发现,不加css与任何样式的p标签与br标签,用P标签后其两行之间的高度明显是大于br标签的,而且是br的两倍。
那么不难理解的是,p标签更适合用在段落分行,而br只适合用在强行换行或许一段文章要换行的地方。
一、那么,我们综合介绍一下br 与p
首先,相同之处是br和p都是有换行的属性及意思
其次,区别<br />是只需一个单独使用,而<p>和</p>是一对使用
再次,br标签是小换行提行,p标签是大换行(分段)各行作用。
Br实例,特别注意是br的web标准是<br />,而如果用<br>没有"/"虽然效果相同,但是是不符合w3c标准的。
这个是<p>标签实例,可以看出使用html p标签是换了一个大行,有一个空白行样式。
在未对p设置css样式时候,一般使用一个<p>段落标签效果等于使用两个<br />换行标签效果。
使用p标签的时候需要注意的是需要<p>和</p>是一对配合使用的,可见以上图例即可了解与理解。
当然可以让p标签换行与br换行一样没有空白,可以使用css对对应p标签进行设置margin:0padding:0即可实现,实例p{ margin:0padding:0},即可实现<p>等于一个<br />。
P和Br都有换行作用,p标签是段落标签,br是强制换行标签。
二、<P>和<br />标签区别
P是使用一对<p></p>组合标签,而br独立一个<br />闭合标签。
1、P段落标签介绍
通常文章中段落区分明显上段文字与下段文字有一定间隔我们就可以对上下段文字都使用p标签,我们使用p段落标签,在一段文字开始前使用
<p>,在这段文字结束加个</p>标签。段落p标签将让上段与下段文字有一定距离,大概是两倍line-height行高距离。
2、Br强制换行标签介绍
区别于p段落标签,br标签我们用于文段换行排版。换行后上下行文字距离是按line-height行高实现间距。
通常同等初始化下网页里,要实现上下文字间隔相同,2个br换行标签相当于使用p段落标签。
具体来说,p和br都有换行作用,p标签是段落标签,br是强制换行标签。<p></p>是成对的,<br/>是单个的。
打字不易,我用了20分钟写了这篇回答,希望采纳 谢谢!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)