Community Learn Tools Library Leisure
search
English
Home > List of blog posts > HTML常用标签笔记
Blogger Information
Blog 1
fans 0
comment 0
visits 485
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML常用标签笔记
锋哥
Original
485 people have browsed it

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>

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post