html标签

开发工具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列,

空格   &nbsp;

框架集结构标签,将页面进行区域的划分。

<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>

<option>广州</option>

</select>

提交按钮 <input type="submit" value="注册" /><br/>

普通按钮<input type="button" value="zhuce" /><br/>

重置按钮<input type="reset"  /><br/>














评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值