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定义列表中可选选项

 

 

 
posted @ 2017-12-20 17:39  hey-李高冷  阅读(130)  评论(0编辑  收藏  举报