HTML基础：HTML文档的基本机构（2）

来源：互联网发布：字符串的排列 java 编辑：程序博客网时间：2024/05/19 20:18

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