码迷,mamicode.com
首页 > Web开发 > 详细

HTML 常用标签

时间:2018-06-01 15:33:34      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:常用   开始   表示   for   info   默认   TE   sel   rom   


标签 描述
基础
<!DOCTYPE> 定义文档类型。
<html> 定义一个 HTML 文档
<title> 为文档定义一个标题
<body> 定义文档的主体
<h1> to <h6> 定义 HTML 标题
<p> 定义一个段落
<br> 定义简单的折行。
<hr> 定义水平线。
<!--...--> 定义一个注释


格式:
<b> 定义粗体


<bdo> 定义文本方向
bdo 指的是 bidi 覆盖(Bi-Directional Override)。
<bdo> 标签用来覆盖默认的文本方向。
<bdo> 标签必须配合 dir 属性使用。
<bdo> 标签有 ltr 和 rtl 两个属性值,分别表示:从左到右显示文本和从右到左显示文本。
<p>该段落文字从左到右显示。</p>
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>


<i>定义斜体
<p><i>该段落文字斜体显示。</i></p>

<strong> 定义更为强烈的文本
<strong>又粗又大</strong>


<sub>下标文本
<sup>上标文本
<p>该段<sup>上去</sup>字斜体<sub>下去。</sub></p>


<time>定义时间
<p>我们在每天早上<time>9:00</time>开始营业。</p>


<u>定义下划线文本
<p>该段<u>下划线</u></p>

<from>标签结合
<input>规定用户可以在其中输入数据的输入字段


简单下拉列表:select
<!DOCTYPE html>
<html>
<body>

<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

</body>
</html>

 


预选下拉列表:option标签加入selectd
<option value="fiat" selected>Fiat</option>


带边框表单:fieldset
<!DOCTYPE html>
<html>
<body>

<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30"><br>
E-mail: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>

</body>
</html>

 

<type>类型定义
text 默认20个字符,文本段
password 默认20个字符,密码段
radio 单选按钮
CheckBox 复选框
button 可点击按钮,提交(一般配合JS启动脚本)
hidden 定义输入隐藏字段
reset 充值按钮
submit 定义提交按钮

 

HTML 常用标签

标签:常用   开始   表示   for   info   默认   TE   sel   rom   

原文地址:https://www.cnblogs.com/gogogogogogo/p/9121539.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!