开发中常⽤到的标签--------------------------------------------------------------
<!DOCTYPE>: 定义⽂档类型.指定了 HTML ⽂档遵循的⽂档类型定义(DTD)。
<html>: 定义HTML⽂档.
<head>: 定义⽂档的头部.(头部内包含)
(1).<meta>: 定义元素可提供有关页⾯的元信息，⽐如针对搜索引擎和更新频度的描述和关键词.
(2).<base>：定义页⾯上的所有链接规定默认地址或默认⽬标.
(3).<title>: 定义⽂档的标题.
(4).<link>: 定义⽂档与外部资源的关系.
(5).<style>：定义 HTML ⽂档样式信息.
<body>: 定义⽂档的主体.(脚本在⾮必须情况时在主体内容最后)
(1).<script>: 定义客户端脚本，⽐如 JavaScript.
(2).<noscript>：定义在脚本未被执⾏时的替代内容.（⽂本）
-------------------------------------------------------------
HTML常⽤的标签：
1.⽂件标记<html><head><body><title>
2.块级元素<div><p><ul><ol><li><table><h1>-<h6><form>
3.内联元素<a><textarea><span><i><label><em><select><option>
4.常⽤的内联块级元素<input><img><button>
-------------------------------------------------------------
前端开发中常⽤的标签：
<div>
<div></div> 块级标签
<span>我们</span> ⾏级标签
<img alt="" src="./../.." /> 图⽚标签
<a href="./../.." target="_blank"> 超链接
<map id="map1"></map> 图像映射
<area id="area1" /> 图像地图内部的区域
<figure></figure> 定义媒介内容的分组
<audio></audio> 定义声⾳的内容
<source></source> 定义媒介源
<track></track> 定义⽤在媒体播放器中的⽂本轨道
<video></video> 定义视频
<h1></h1>--<h6></h6> 定义HTML标题
<p>这是⼀个段落</p> 定义段落
<br /> 换⾏
<hr /> ⽔平线
<time></time> 定义⽇期时间
<var>111</var> 定义变量 对⽂本
<strong>我们你们</strong> 加粗对⽂本
<em>哈哈</em> 斜体对⽂本 ⼀般⽤来修饰⽂字
<i>哈哈哈</i> 斜体对字体 ⼀般⽤来显⽰图⽚，背景图⽚，⽤来修饰图⽚。
<b>我们</b> 加粗对字体
<big>我</big> 放⼤
<small>你</small> 缩⼩
<mark></mark> 有标记
<u>⽂字下⽅有下划线</u>
<del>⽂字中间有删除线</del>
<s>⽂字中间有删除线</s>
<font color="green">绿⾊</font>
<sup>上标</sup>
<sub>下标</sub>
<center>居中对齐</center>
<pre>依原始样式显⽰</pre>
<fieldset>⽂本外⾯绘制了⼀个⽅框</fieldset>
<iframe></iframe> 内联框架
<frameset></frameset> 指定⼀个框架集，⽤于组织多个框架和嵌套框架集
<frame></frame> 在frameset元素中指定单个框架
</div>
<div>
<input type="text" /> ⽂本框
<textarea cols="20" rows="2"></textarea> 多⾏⽂本框 ⽂本域
<input type="file" /> 弹出本地的File⽂件框
<input type="password" /> 密码框 输⼊的内容的被隐藏
<input type="hidden" /> 隐藏域
<input type="checkbox" /> 复选框
<input type="radio" /> 单选框
</div>
<div>
<span>类型：</span> ⽂字标签
<select id="select1" runat="server" > 下拉框
<option value="0">全部全部全部</option>
<option value="1" selected="selected">原创</option>
<option value="2">转载</option>
<option value="3">翻译</option>
</select>
<select id="select2" size="4" runat="server"> 下拉框 有⼀定⾼度的下拉框 ⾼度4 <option value="0" selected="selected">全部全部全部</option>
<option value="1">原创</option>
html ul标签
<option value="2">转载</option>
<option value="3">翻译</option>
<option value="4">原创</option>
<option value="5">转载</option>
<option value="6">翻译</option>
</select>
</div>
<div>
<input type="button" value="按钮" οnclick="function()" /> 普通按钮
<input type="submit" value="提交" /> 表单提交按钮
<input type="reset" value="按钮reset" /> 表单重置按钮
<input type="image" src="./../.." /> 图⽚按钮 点击图⽚ 提交表单
</div>
<div>
<table border="1" > table表格
<caption>这是⼀个表</caption> 标题
<tr>
<th>这是表头</th>
<th>这是表头</th>
<th>这是表头</th>
</tr>
<tr>
<td>我们</td>
<td>你们</td>
<td>他们</td>
</tr>
<tr>
<td>我们</td>
<td>你们</td>
<td>他们</td>
</tr>
</table>
</div>
<div>
<ol> 有序标签
<li>有序1</li> 列表项
<li>有序2</li>
<li>有序3</li>
</ol>
<ul> ⽆序标签
<li>⽆序1</li> 列表项
<li>⽆序2</li>
<li>⽆序3</li>
</ul>
<dl> ⾃定义列表
<dt>名词</dt> ⾃定义列表项
<dd>名词解释1</dd> ⾃定义的描述
<dd>名词解释2</dd>
<dd>名词解释3</dd>
</dl>
</div>
---------------------------------------------------------
asp常⽤的标签：
<div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> //span
<asp:Panel ID="Panel1" runat="server">我们</asp:Panel> //div
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> //type=text
<asp:Button ID="Button1" runat="server" Text="Button"></asp:Button> //type=submit
<asp:FileUpload ID="FileUpload1" runat="server" /> //type=file
<asp:HiddenField ID="HiddenFile1" runat="server" /> //type=hidden
</div>
<div>
<asp:HyperLink ID="HyperLink1" href="./../.." Target="_blank" runat="server">HyperLink</asp:HyperLink> //a <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton> //aButton
<asp:ImageMap ID="ImageMap1" src="./../.." runat="server"></asp:ImageMap> //img
<asp:Image ID="Image1" src="./../.." runat="server" /> //img
<asp:ImageButton ID="ImageButton1" src="./../.." runat="server" /> //imgButton
</div>
<div>
<asp:CheckBox ID="CheckBox1" runat="server" /> //type=checkbox
<asp:CheckBoxList ID="CheckBoxList1" runat="server"> //复选框
<asp:ListItem Text="我们" Value="1"></asp:ListItem>
<asp:ListItem Text="你们" Value="2"></asp:ListItem>
<asp:ListItem Text="他们" Value="3"></asp:ListItem>
</asp:CheckBoxList>
</div>
<div>
<asp:RadioBUtton ID="RadioButton1" runat="server" /> //type=radio
<asp:RadioButtonList ID="RadioButtonList1" runat="server"> 单选框
<asp:ListItem Text="我们" Value="1"></asp:ListItem>
<asp:ListItem Text="你们" Value="2"></asp:ListItem>
<asp:ListItem Text="他们" Value="3"></asp:ListItem>
</asp:RadioButtonList>
</div>
<div>
<asp:DropDownList ID="DropDownList1" runat="server"> //<select><option></option></select> <asp:ListItem Text="我们" Value="1"></asp:ListItem> //下拉框
<asp:ListItem Text="你们" Value="2" Selected="true"></asp:ListItem>
<asp:ListItem Text="他们" Value="3"></asp:ListItem>
</asp:DropDownList>
<asp:ListBox ID="ListBox1" runat="server"> //<select size="4"><option></option></select>
<asp:ListItem Text="我们" Value="1"></asp:ListItem> //下拉框 有⼀定⾼度的下拉框 ⾼度是4
<asp:ListItem Text="你们" Value="2" Selected="true"></asp:ListItem>
<asp:ListItem Text="他们" Value="3"></asp:ListItem>
<asp:ListItem Text="我们" Value="4"></asp:ListItem>
<asp:ListItem Text="你们" Value="5"></asp:ListItem>
<asp:ListItem Text="他们" Value="6"></asp:ListItem>
</asp:ListBox>
</div>
<div>
<asp:Table ID="Table1" runat="server" BorderStyle="Dashed"> //table
<asp:TableHeaderRow> //th tr td
<asp:TableHeaderCell>我</asp:TableHeaderCell>
<asp:TableHeaderCell>你</asp:TableHeaderCell>
<asp:TableHeaderCell>他</asp:TableHeaderCell>
</asp:TableHeaderRow>
<asp:TableRow>
<asp:TableCell>我们</asp:TableCell>
<asp:TableCell>你们</asp:TableCell>
<asp:TableCell>他们</asp:TableCell>
</asp:TableRow>
<asp:TableFooterRow>
<asp:TableCell>我们</asp:TableCell>
<asp:TableCell>你们</asp:TableCell>
<asp:TableCell>他们</asp:TableCell>
</asp:TableFooterRow>
</asp:Table>
</div>
<div>
<asp:Calender ID="Calender1" runat="server"></asp:Calender> //⽇历
</div>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论