zoukankan      html  css  js  c++  java
  • 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; 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>


  • 相关阅读:
    win10 uwp 弹起键盘不隐藏界面元素
    win10 uwp 存放网络图片到本地
    win10 uwp 存放网络图片到本地
    sublime Text 正则替换
    sublime Text 正则替换
    win10 uwp 绘图 Line 控件使用
    win10 uwp 绘图 Line 控件使用
    AJAX 是什么?
    什么是 PHP SimpleXML?
    PHP XML DOM:DOM 是什么?
  • 原文地址:https://www.cnblogs.com/momogua/p/8304380.html
Copyright © 2011-2022 走看看