开发工具HBuilder
用HBuilder创建web项目。
注释<!-- -->
<title>标签显示在浏览器选项卡的位置。
<h1>标题标签,从1到6,大小从大变小。
<hr/> 水平分割线。属性size 水平线的高度,像素。noshade没有阴影,当取值为noshade时,表示显示纯色。
段落标签 <p></p>
字体标签使用<font></font>属性:color:可以使用十六进制或英文单词。size:从1到7,逐渐变大。字体face:“楷体”
加粗显示<b></b>
斜体<i></i>
图片标签
<img src ="图片名称" width=“150px” height=“160px” />alt属性:当图片无法正常显示的时候给出的提示信息。
列表标签
无序列表
<ul><li></li><li></li></ul>
有序列表
<ol><li></li><li></li></ol>
超链接标签
<a href=""> </a> target 属性 当是_self时,在当前页跳转,当是_blank时,在开一个页面进行跳转。
表格标签
<table></table> 属性border="1px",width="450px",height="150px" align="center" bgcolor="red" 边框与边框之间的间距 cellspacing="0px",cellpadding="0px",边框与内容之间的间距。
行 <tr></tr>。跨行rowspan="2"跨2行。
列<td></td>。跨列 colspan=“2” 跨2列,
空格
框架集结构标签,将页面进行区域的划分。
<frameset>属性 cols:进行垂直切割划分。rows进行水平切割。(参数的值相加=100%,其中有一块可以使用*表示)
</frameset>
一旦划分区域之后,我们需要对具体的区域进行内容填充。此时需要使用<frame></frame>标签。属性src 指定该区域显示的文件(路径)。name : 通常会结合超链接的target属性使用,来定义最终的现实位置。
表单标签:所有提交到服务器端的表单项,必须使用<form></form>扩起来!
form标签属性:
action:整个表单提交的位置(可以是一个页面,也可以是一个后台java代码)。
method:表单提交的方式(post/get/delete......等7种)。
普通文本输入框:属性size 设置宽度,单位像素。maxLength:允许输入的字符个数。readonly=“readonly”。placeholder:用户提示信息。
用户名:<input type="text" /><br/>
密码输入框
密码:<input type="password" /><br/>
单选按钮输入框,name属性必需
性别:<input type="radio" name="sex" />男
<input type="radio" name="sex" />女<br/>
多选按钮输入框,name属性必需
爱好:<input type="checkbox" name="hobby" />钓鱼
<input type="checkbox" name="hobby" />打电动
<input type="checkbox" name="hobby" />写代码<br/>
文件输入框;实现文件上传
<input type="file" /><br/>
选择输入框:
<select name="provice">
<option>--请选择--</option>
<option>北京</option>
<option>上海</option>
</select>
提交按钮 <input type="submit" value="注册" /><br/>
普通按钮<input type="button" value="zhuce" /><br/>
重置按钮<input type="reset" /><br/>