最近,对html的重温,对一些常用的html标签进行了整理,给大家分享一下。
html结构:
<html> html开始标签
<head>
<title>html文档标题</title>
</head>
<body>
html文档内容....
</body>
</html> html结束标签
html常用标签:
表格:
<table> 表格开始标签
<tr> 行
<td></td> 列
</tr>
</table> 表格结束标签
表格属性:<table width="" height="" border="" bgcolor="" background="" cellpadding="' cellspacing="" >其中: width:为表格的宽度,height:表格的高度,border:表格的边框,
bgcolor表格的背景颜色,background 表格背景颜色。cellpadding:表格字间距, cellspacing:表格边框间距。
双标签:
<b></b>字体加粗
<i></i>斜体
<u></u>字体下划线
<s></s>删除线
<strike></strike>删除线
单标签:
<br />换行
<hr />水平线
空格:
向右双箭头 :»
注册商标符:®
版权符号:©
双引号:"
链接
<a href="#" title="">链接文本/图片</a>
注:# 换成所要链接的文件相对地址。title:为链接提示信息。
图片链接:
<img src="" alt="" width="" hegiht="" >
src:图片链接相对地址,alt:图片信息, width:图片宽度,height:图片高度。
表单:
表单开始标签:<form name="表单名称" method="post/get" action="提交地址">
文本框:<input type="text" name="名称" value="值" />
密码框:<input type="password" name="名称" value="值"/>
单选按钮:<input type="radio" name="名称" checked />
复选框:<input type="checkbox" name="名称" checked />
列表:
<select>
<option value="值"></option>
</select>
文本区域:<textarea cols="文本的宽度" rows="文本行数"></textarea>
提交按钮:<input type="submit" name="名称" value="值" />
重置按钮 <input type="reset" name="名称" value="值" />
表单结束标签:</form>
1、多行文本框就是textarea,它是一个文本输入域,可以无限的输入,它有默认的高度和宽度,textarea是一个双标签。关于用法这里新建一个html文件,写入一个textarea:
2、textarea可以设置列数和行数,通过cols设置列数,通过rows设置行数:
3、打开浏览器,就可以看到设置好的多行文本标签了:
4、最后输入一些文字当文字过多的时候,它不仅可以自动换行,而且在右侧还会自动的显示滚动条。以上就是关于textarea多行文本框的使用介绍:
1、首先在电脑桌面上,新建并打开一个记事本文件。
2、这里要用到<form>标签,这个标签包含了表单的一些元素,这里要用到<input>元素,具体格式如下图。
3、其中红框内 type="text" 意思是文本框,其中的text可以换成其他的,name="firstname"是这个文本框的名字。
4、然后点击保存,改变记事本文件后缀为html,看看网页显示效果。
5、接着来做一个最常用的登陆框,首先做出用户名+文本框;密码+文本框,以下是代码。
6、最后保存,看看网页显示效果,就完成了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)