网页中包含了:表单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; 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; 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>