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>


  • 相关阅读:
    Web Designer Intern
    Internship UI/UX Web Designer
    HTML / CSS Frontend Software Engineer Internship
    CSS 07 文本
    CSS 06 背景
    CSS 05 尺寸大小
    CSS 04 注释
    CSS 03 选择器
    Why Ancient Greeks are Always Nude
    C#表示空字符
  • 原文地址:https://www.cnblogs.com/momogua/p/8304380.html
Copyright © 2011-2022 走看看