HTML基础:HTML文档的基本机构(2)

网页中包含了:表单form,文本label,文本框textarea。

其中的div、span标签是用来控制样式的。


通过style属性来指出要用什么标签,比如:

backgroud-image:URL(pic.jpg) 就是指定背景图,url指出了具体的路径 就是当前路径下的 pic.jpg。

backgroud-repeat:no-repeat 就是背景图案不重复,比如当把浏览器调大了,但这个图片大小是固定的,并不会变大,就会重复,指定了这个标签后就不会重复显示图片

pisition:absolute 就是 位置是绝对定位,后面指出了这个标签的具体位置:left从左往右,top从上到下,width宽,height高。

font-size:字体大小,单位是px,也就是像素。

font-weight:字体重量,bold表示粗体。

color:文字的 颜色。

<!DOCTYPE HTML>
<HTML>
 <HEAD>
	<TITLE>Untitled Document</TITLE>
 </HEAD>

 <BODY style="background-image:url(pic.jpg);background-repeat: no-repeat">
	<div style="position:absolute; left:30px; top:380px; width:400px; height:200px">
		<form id="form1" name="name1" method="post" action="">
			<label>
				<span style="font-size:21px;font-weight:bold;color=#FFFFFF">write something in here.
			</label>
			<textarea name='ta1' rows="3"></textarea>
		</form>
	</div>  

	<div style="position:absolute; left:700px; top:50px; width:300px; height:200px; font-size:21px;font-weight:bold;">
		I think,you will like to make some html pages.
	</div>
 </BODY>
</HTML>

效果:



从上面的html可以看出,html网页的基本结构就是:

<!DOCTYPE html>
<html>
	<head>
		<title>html网页的基本结构</title>
	</head>

	<body>
		<!-- 这里是网页的内容 -->
	</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值