如果想在网页中插入一张图片可以使用以下标签 src属性为图片的相对地址 其他属性,width为图片宽度,height为图片高度
<html> <head> <meta charset="utf-8"> </head> <body> <img src="web/1.jpg" width="100px" height="100px"> </body> </html>结果
结果 属性border为边框的宽度,如果border为0,则结果为
列表分为有序列表和无序列表
有序列表ol
<html> <head> <meta charset="utf-8"> </head> <body> <ol> <li>Coffee</li> <li>Milk</li> </ol> </body> </html>无序列表ul
<html> <head> <meta charset="utf-8"> </head> <body> <ul> <li>Coffee</li> <li>Milk</li> </ul> </body> </html>仔细看下面代码
<html> <head> <meta charset="utf-8"> </head> <body> <form method="post" action="gly.php"> 名字:<input type="text" name="firstname"><br> 密码:<input type="password" name="password"><br> <input type="radio" name="sex">男 <input type="radio" name="sex">女<br> 记住密码?<input type="checkbox"><br> <input type="submit" value="提交"> </form> </body> </html>结果 (注意:br标签的意思是换行)
标签form是表单的意思,在网站开发中会经常用到,首先看
第一行form的属性,method的意思是提交方式,分为post和get,一般使用post方式更为安全,action为提交的地址,比如一个用户注册页面,当你点击提交按钮的时候,会把数据提交到这个地址进行处理。目前我们学习的是静态网页,了解一下就行。
接下来全部都是input标签,只是type属性不一样。
第二行,input的type属性是text,顾名思义,就是一个文本输入框
第三行,type属性是password,意思是密码框,默认情况下它的输入是不可见的,会出现一大堆圆点。
第四行,type属性是radio,意思是单选框,注意单选框的name属性,必须一样!!
第五行,type属性是checkbox,意思是多选框。
第六行,type属性是submit,意思是提交按钮,点击之后,会把数据提交到action属性指定的地址上进行处理。 还有其他的一些按钮标签,例如
<button>提交</button>