`

html常用标签.

 
阅读更多

html 超文本标记语言.
<wbr>由标签组成.数据会封装在标签中.可以对封装标签的属性值的改变对封装内的数据进行操作,</wbr>

<wbr>&lt;html&gt;<br><wbr><wbr>&lt;head&gt;&lt;/head&gt;<br><wbr><wbr>&lt;body&gt;&lt;/body&gt;<br><wbr>&lt;/html&gt;<br><wbr>head:网页中的一些属性信息,比如标题.<br><wbr>body:网页显示的数据,</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr>标签:对数据进行封装,有开始标签和结束标签,但也有一些只体现单一功能,不需要结束标签,在规范中要求有结束标记,所以这样的标签通常在内部结束,如:&lt;br/&gt; &lt;hr/&gt; &lt;img/&gt; &lt;input/&gt;<br><wbr>标签格式:&lt;标签名 属性名="属性值"&gt;数据&lt;/数据名&gt;<wbr><br><wbr><wbr><wbr> &lt;标签名 属性名="属性值" /&gt;<br><wbr><br><wbr>常用标签:<br><wbr><wbr>1、字体:&lt;font&gt;<br><wbr><wbr><wbr>&lt;font size="7" color="#ffff00"&gt;数据&lt;/font&gt;<br><wbr><wbr><br><wbr><wbr><wbr>特殊:如果要在页面显示一些特殊符号,需要进行转义.<br><wbr><wbr><wbr><wbr>&lt;: &amp;lt;<wbr> &gt;: &amp;gt; &amp;:&amp;amp 空格:&amp;nbsp;<br><wbr><wbr><br><wbr><wbr><wbr>标题:&lt;h1&gt;&lt;h2&gt;...<br><wbr><wbr>2、列表:&lt;dl&gt;&lt;/dl&gt;<br><wbr><wbr><wbr>上层项目:&lt;dt&gt;<br><wbr><wbr><wbr>下层项目:&lt;dd&gt;<wbr> ——自动缩进<br><wbr><wbr><wbr>项目符号标签:<br><wbr><wbr><wbr><wbr>&lt;ol&gt; ——项目编号有序(1,2,3;a, b, c...)<br><wbr><wbr><wbr><wbr>&lt;ul&gt; ——项目编号为图标,无序.<br><wbr><wbr><wbr><wbr>这两个标签中的列表项都要&lt;li&gt;标签来封装.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr>示例:<br><wbr><wbr><wbr><wbr>1、游戏名称<br><wbr><wbr><wbr><wbr><wbr>星级<br><wbr><wbr><wbr><wbr><wbr>红警<br><wbr><wbr><wbr><wbr><wbr>魔兽<br><wbr><wbr><wbr><wbr>2、游戏内容<br><wbr><wbr><wbr><wbr><wbr>a.攻略<br><wbr><wbr><wbr><wbr><wbr>b.秘籍<br><wbr><wbr><wbr><wbr>&lt;html&gt;<br><wbr><wbr><wbr><wbr><wbr>&lt;head&gt;&lt;/head&gt;<br><wbr><wbr><wbr><wbr><wbr>&lt;body&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr>&lt;ol&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;li&gt;游戏名称&lt;/li&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;ul&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;li&gt;星际&lt;/li&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;li&gt;红警&lt;/li&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;li&gt;魔兽&lt;/li&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;/ul&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;li&gt;游戏内容&lt;/li&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;ol type="a"&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;li&gt;攻略&lt;/li&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;li&gt;秘籍&lt;/li&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;/ol&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr>&lt;/ol&gt;<br><wbr><wbr><wbr><wbr><wbr>&lt;/body&gt;<br><wbr><wbr><wbr><wbr>&lt;/html&gt;<br><wbr><wbr>3、图像标签:&lt;img&gt;<br><wbr><wbr><wbr>&lt;img src="图像文件" alt="图像说明文字" /&gt;</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr>4、表格标签:&lt;table&gt;<br><wbr><wbr><wbr>表格由行组成,行由单元格组成.表格默认都有一个tbody标签.<br><wbr><wbr><wbr>标题标签:&lt;caption&gt;<br><wbr><wbr><wbr>&lt;table border="1" bordercolor="red" with="60%" cellpadding="10" cellspacing="0"&gt;<br><wbr><wbr><wbr><wbr>&lt;tr&gt;<br><wbr><wbr><wbr><wbr><wbr>&lt;th&gt;&lt;/th&gt;——标题(加粗、居中)<br><wbr><wbr><wbr><wbr><wbr>&lt;th&gt;&lt;/th&gt;<br><wbr><wbr><wbr><wbr>&lt;/tr&gt;<br><wbr><wbr><wbr><wbr>&lt;tr&gt;<br><wbr><wbr><wbr><wbr><wbr>&lt;td&gt;&lt;/td&gt;<br><wbr><wbr><wbr><wbr><wbr>&lt;td&gt;&lt;/td&gt;<br><wbr><wbr><wbr><wbr>&lt;/tr&gt;<br><wbr><wbr><wbr>&lt;/table&gt;<br><wbr><wbr><br><wbr><wbr>5、超链接&lt;a&gt;<br><wbr><wbr><wbr>&lt;a href="<a href="http://www.sina.com.cn">http://www.sina.com.cn</a>" target="_blank"&gt;新浪网&lt;/a&gt;</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr>当被点击后,会启动引擎所对应的解析程序.<br><wbr><wbr><wbr>查找指定的主机:<br><wbr><wbr><wbr>1、先找本地主机的hosts文件.<br><wbr><wbr><wbr>1、如果没有找到该主机对应得IP地址,去公网DNS服务器上找对应的ip地址.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr>邮件:<br><wbr><wbr><wbr>&lt;a href="<a href="mailto:abc@xxx.com?subject=xxx&amp;cc=xxx@xxx.com">mailto:abc@xxx.com?subject=xxx&amp;cc=xxx@xxx.com</a>"&gt;联系我们&lt;/a&gt;<br><wbr><wbr><wbr>点击会启动邮件解析程序,本机默认为outlook.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr>定位标记:<br><wbr><wbr><wbr>&lt;a name="top"&gt;顶部位置&lt;/a&gt;<br><wbr><wbr><wbr>&lt;a href="#top"&gt;回到顶部&lt;/a&gt;</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr>6、表单标签:&lt;form&gt;<br><wbr><wbr><wbr>该标签可以和服务端进行交互.</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr>元素:<br><wbr><wbr><wbr><wbr>&lt;input&gt;:因type属性的不同,所对应的组件也不一样.<br><wbr><wbr><wbr><wbr><wbr>type:<br><wbr><wbr><wbr><wbr><wbr>a、text:文本框,输入的文本可见.<br><wbr><wbr><wbr><wbr><wbr>b、password:密码框,输入的文本不可见.<br><wbr><wbr><wbr><wbr><wbr>c、radio:单选框.<br><wbr><wbr><wbr><wbr><wbr><wbr>注意:要被选择,必须给单选框一定一个name属性,相同name属性值的尾一组.<br><wbr><wbr><wbr><wbr><wbr>d、checkbox:复选框.<br><wbr><wbr><wbr><wbr><wbr>e、file:可以进行文件选择,常用于附件上传.<br><wbr><wbr><wbr><wbr><wbr>f、hidden:隐藏组件,不会再页面上显示,但其定义的name和value可以提交到服务器.<br><wbr><wbr><wbr><wbr><wbr>g、button:按钮.默认没有效果,可以通过注册事件并加入自定义效果.<br><wbr><wbr><wbr><wbr><wbr>h、reset:重置按钮,将组建还原到默认状态.<br><wbr><wbr><wbr><wbr><wbr>i、submit:提交所有组件的值到服务器.<br><wbr><wbr><wbr><wbr><wbr>j、image:可以通过image组件的src属性连接到一个图片,完全不同的效率,如图片按钮等.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr>下拉菜单:&lt;select&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr>每一个下拉菜单项都有option进行封装.<br><wbr><wbr><wbr><wbr><wbr><wbr>&lt;select&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr>&lt;option&gt;&lt;/option&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr>&lt;/select&gt;</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr>文本区域:&lt;textarea&gt;</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr>表单组件通常都需要定义name和value属性,并将此属性和值发送到服务器,有服务器解析.</wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr>form标签中的常见属性:<br><wbr><wbr><wbr><wbr><wbr>action:执行数据提交的目的地.<br><wbr><wbr><wbr><wbr><wbr>method:提交方式,常用的有get和post,默认为get.<br><wbr><wbr><wbr><wbr><wbr><wbr>get和post的区别:<br><wbr><wbr><wbr><wbr><wbr><wbr>get:将数据显示到地址栏.提交的数据受地址栏的限制,对于敏感信息不安全,会将提交信息封装到http消息头之前,<br><wbr><wbr><wbr><wbr><wbr><wbr>post:部将数据显示到地址栏.可以提交大体积数据,数据安全,提交的数据封装到http消息头之后.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr>注意:不需要提交数据到服务器,则不需要定义form标签.<br><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics