HTML标签
<h1>---<h6>
定义标题 ,<h1>定义最大标题,<h6>定义最小标题(不要为了产生粗体或大号文本而使用)
<html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html>
结果:
<p>
段落(块级元素)用 <br /> 标签代替空行,p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
<html> <body> <p>这是段落。</p> <p>这是段落。</p> <p>这是段落。</p> </body> </html>
<br/>
换行是空标签,没有结束标签,因此,<br> </br>是错的,<br/>只是简单的开始新的一行,而当遇到<p>标签时,通常会在相邻的段落之间插入垂直的间距。
<a>
定义超链接,用于从一张页面链接到另一张页面。href属性指示连接目标,在HTML5中如未设置href属性则只是超链接的占位符.
<html> <body> <a href="http://www.w3school.com.cn">W3School</a> </body> </html>
<hr>
在HTML中用于显示一条水平线,可用来分割内容。
<html> <body> <p>hr 标签定义水平线:</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> </body> </html>
结果:
<li>
用于定义列表项目,<ol>代表有序列表,<ul>代表无序列表。
<html> <body> <p>有序列表:</p> <ol> <li>打开冰箱门</li> <li>把大象放进去</li> <li>关上冰箱门</li> </ol> <p>无序列表:</p> <ul> <li>雪碧</li> <li>可乐</li> <li>凉茶</li> </ul> </body> </html>
结果:
<from>
创建表单,用于向服务器传输数据,为块级元素
<!DOCTYPE html> <html> <body> <form action="/demo/demo_form.asp"> First name:<br> <input type="text" name="firstname" value="Mickey"> <br> Last name:<br> <input type="text" name="lastname" value="Mouse"> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
结果:
<span>
用于组合文档的行内元素
<strong>
和<em>标签一样,用于强调文本,但它强调的程度更强些,通常使用加粗字体显示其内容,这样就比较容易区分两个标签
<input>
用于搜集用户信息,没有结束标签,不同的type属性值,输入字段的形式也不同(如:type=“submit” 提交,type="reset"重置,type=“button”没有动作,type="text"等)
<input type="submit" value="Submit" />
<radio>
单选按钮 使用input标签,name自定义,type类型为radio的表单
<select>
选择列表 是一种表单控件,标签出现一次,一个select对象就被创建,用option定义列表中可选选项