博客列表 >HTML常用标签笔记

HTML常用标签笔记

锋哥
锋哥原创
2020年01月10日 11:29:43484浏览

Html 学习
<br />换行

<p align=“left”></p>对齐

<body bgcolor=“red”></body>背景色

<b>加粗</b>
<strong>加粗</strong>

<big>big代表字距宽一些</big>
<em>代表倾斜</em>
<i>代表倾斜</i>
<small>代表小字</small>
<sub>下标签</sub> M<sub>2</sub>
<sup>上标签</sup>

<pre>按代码中编写样式原样输出,
与代码中内容换行、
空格等样式不变</pre>

计算机显示标签
<code> 字体小一点</code>
<kbd>字体小一点类似于说明文字之类大小</kbd>

<tt>teletype test</tt>
<var>倾斜</var>
<small></small>

地址

<address>深圳市宝安区沙井镇地址显示</address>
<a href=“http://taobao.com”> 淘宝链接 </a>

标题缩写

<acronym >这是一个中国人</acronym>
<abbr title=“中国人”>这是一个中国人</abbr>

文字
<bdo dir=“rtl”>文字反写</bdo>
<del>文字带删除线</del>
<ins>文字带下划线</ins>

超链接
<a href=“http://www.baidu.com">百度超链接</a> 图片 <img src =“image/I,png”> 图片添加链接 <a href=“http://www.baidu.com"><img src =“image/I,png”></a>

链接跳新窗口
<a href=“http://www.baidu.com” target=“_blank”>百度</a>

文本域

<form>
用户:<input type=“text” name=“name"> 年龄:<input type=“text” name=“age">
</form>

密码域 提交 对齐

<form>
用户名:<input type=“text” name=“name”><br />
密  码:<input type=“password” name=“age”><br />
<input type=“button” value=“提    交”>
</form>

复选框

<p><b>他是哪国人?</b></p>

<input type=“checkbox” name=“cn”>中国人<br>

<input type=“checkbox” name=“am”>泰国人<br>

<input type=“checkbox” name=“e”>俄罗斯人<br>
复选中,name不一致

单选框

<p><b>他是哪国人?</b></p>

<input type=“radio” name=“aa” checked=“checked" value=“cn">中国人<br>

<input type=“ radio” name=“aa” value=“am”>泰国人<br>

<input type=“ radio” name=“aa” value=“e”>俄罗斯人<br>
单选中,多个名称要一样name一致,表示只能选一个
checked 默认选中

下拉列表

<select name=“chart”>

<option value=“1”>河南</option>

<option value=“2” selected=“selected”>上海</option>

<option value=“3”>北京</option>
</select>
Name value 方便服务器取值使用
Selected 默认选中
要取值去数据库尽量避免空格

文本区域内容

<textarea rows=“5” cols=“30”>每会该一万八千岁。且就一日而论:子时得阳气,而丑则鸡鸣;寅不通光,而卯则日出;辰时食后,而巳则挨排;日午天中,而未则西蹉;申时晡而日落酉;戌黄昏而人定亥 </textarea>

<form>
<input type=“button” value=“不同意”>
<input type=“button” value=“同意"> </form> Rows显示行数 cols宽度 特殊表单 <form> <fieldset> <legend>个人介绍</legend> 姓名:<input type=“text” name =“name">
性别:<inpue type=“text” name=“var”>
</fieldset>
</form>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议