HTML入门
概述
HTML：超文本标记语言，后缀名为HTML，或者HTM
特点：
标签 | 概述 | 定义HTML文档定义文档内容信息</td><td>定义文档标题，也就是打开以后<a href=https://www.jqjq.net/tag/wangye.htm target=_blank class=infotextkey>网页</a>的名称</td></tr><tr><td><body></td><td>定义文档主体</td></tr></tbody></table><ol start="2"><li>HTML标签不区分大小写</li><li>html标签<a href=https://www.jqjq.net/tag/shuxing.htm target=_blank class=infotextkey>属性</a>值单双引号皆可</li><li>Html语法松散</li></ol><h3 id="基础标签">基础标签</h3><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><h1>-<h6></td><td>定义标题，h1最大，h6最小</td></tr><tr><td><font></td><td>定义文本的<a href=https://www.jqjq.net/tag/ziti.htm target=_blank class=infotextkey>字体</a>，字体尺寸，字体颜色</td></tr><tr><td><b></td><td>定义粗体文本</td></tr><tr><td><i></td><td>定义斜体文本</td></tr><tr><td><u></td><td>定义文本下划线</td></tr><tr><td><center></td><td>定义文本居中</td></tr><tr><td><p></td><td>定义段落</td></tr><tr><td><br></td><td>定义空行</td></tr><tr><td><hr></td><td>定义水平线</td></tr></tbody></table><h3 id="<a href=https://www.jqjq.net/tag/tupian.htm target=_blank class=infotextkey>图片</a><a href=https://www.jqjq.net/tag/shipin.htm target=_blank class=infotextkey>视频</a><a href=https://www.jqjq.net/tag/yinpin.htm target=_blank class=infotextkey>音频</a>标签">图片，视频，音频标签</h3><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><img></td><td>定义图片</td></tr><tr><td><audio></td><td>定义音频</td></tr><tr><td><video></td><td>定义视频</td></tr></tbody></table><p>属性及<a href=https://www.jqjq.net/tag/canshu.htm target=_blank class=infotextkey>参数</a>：</p><ul><li>img：定义图片</li></ul><p>src：规定<a href=https://www.jqjq.net/tag/xianshi.htm target=_blank class=infotextkey>显示</a>图像的url<a href=https://www.jqjq.net/tag/dizhi.htm target=_blank class=infotextkey>地址</a></p><p>height：定义图片的高度</p><p>width：定义图片的宽度</p><ul><li>audio：定义音频。HTML<a href=https://www.jqjq.net/tag/zhichi.htm target=_blank class=infotextkey>支持</a>的格式：mp3，wav，ogg</li></ul><p>src：规定音频的url地址</p><p>controls：显示播放控件</p><ul><li>video：定义视频。支持的格式：mp4，webm，ogg<ul><li>src：规定视频的url地址</li><li>controls：显示播放控件</li></ul></li></ul><h3 id="超链接标签">超链接标签</h3><table><thead><tr><th><a></th><th>定义超链接，用于打开其他页面</th></tr></thead></table><ul><li>href：指定访问资源的URL地址</li><li>target：指定打开资源的方式<ul><li>_self:<a href=https://www.jqjq.net/tag/moren.htm target=_blank class=infotextkey>默认</a>值，在当前页面打开</li><li>_blank:在空白页面打开</li></ul></li></ul><h3 id="列表标签">列表标签</h3><table><thead><tr><th><ol></th><th>有序列表</th></tr></thead><tbody><tr><td><ul></td><td>无序列表</td></tr></tbody></table><p>也可以在列表标签中使用type来定义它们的样式，不过一般不会使用，通常使用css样式来<a href=https://www.jqjq.net/tag/kongzhi.htm target=_blank class=infotextkey>控制</a>他们</p><h3 id="表格标签">表格标签</h3><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><table></td><td>定义表格</td></tr><tr><td><tr></td><td>定义行</td></tr><tr><td><td></td><td>定义单元格</td></tr><tr><td><th></td><td>定义表头单元格</td></tr></tbody></table><ul><li>table：定义表格<ul><li>border：定义表格边框</li><li>width：定义表格的大小</li><li>cellspacing：规定单元格之间的空白</li></ul></li><li>tr：定义行<ul><li>align：定义表格行的内容对其方式</li></ul></li><li>td：定义单元格<ul><li>rowspan：规定单元格可横跨的行数</li><li>colspan：规定单元格可横跨的列数</li></ul></li></ul><h3 id="表单标签">表单标签</h3><ul><li>表单：在网页中主要负责数据采集<a href=https://www.jqjq.net/tag/gongneng.htm target=_blank class=infotextkey>功能</a>，使用<form>标签定义表单</li><li>表单项：不同<a href=https://www.jqjq.net/tag/leixing.htm target=_blank class=infotextkey>类型</a>的Input元素、下拉列表、文本域等</li></ul><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><form></td><td>定义表单</td></tr><tr><td><input></td><td>定义表单项</td></tr><tr><td><select></td><td>定义下拉列表</td></tr><tr><td><option></td><td>定义下拉列表的列表项</td></tr><tr><td><label></td><td>为表单项定义标注</td></tr><tr><td><textarea></td><td>定义文本域</td></tr></tbody></table><ul><li>form：定义表单<ul><li>action：规定当提交表单时向何处发送表单数据，如url</li><li>method：规定用于发送表单数据的方式<ul><li>get：<a href=https://www.jqjq.net/tag/liulanqi.htm target=_blank class=infotextkey><a href=https://www.jqjq.net/tag/liulan.htm target=_blank class=infotextkey>浏览</a>器</a>会将数据直接附在表单的action url之后，大小有限制</li><li>post：浏览器会将数据放到http请求信息体中，大小无限制</li></ul></li></ul></li></ul><p>表单项标签：</p><table><thead><tr><th>type取值</th><th>描述</th></tr></thead><tbody><tr><td>test</td><td>默认值，定义单行<a href=https://www.jqjq.net/tag/shuru.htm target=_blank class=infotextkey>输入</a>字段</td></tr><tr><td>password</td><td>定义<a href=https://www.jqjq.net/tag/mima.htm target=_blank class=infotextkey>密码</a>字段</td></tr><tr><td>radio</td><td>定义单选按钮</td></tr><tr><td>checkbox</td><td>定义复选按钮</td></tr><tr><td>file</td><td>定义<a href=https://www.jqjq.net/tag/wenjian.htm target=_blank class=infotextkey>文件</a><a href=https://www.jqjq.net/tag/shangchuan.htm target=_blank class=infotextkey>上传</a>按钮</td></tr><tr><td>hidden</td><td>定义隐藏的输入字段</td></tr><tr><td>submit</td><td>定义提交按钮，把表单数据发送到<a href=https://www.jqjq.net/tag/fuwuqi.htm target=_blank class=infotextkey><a href=https://www.jqjq.net/tag/fuwu.htm target=_blank class=infotextkey>服务</a>器</a></td></tr><tr><td>reset</td><td>定义重置按钮，清除表单数据</td></tr><tr><td>button</td><td>定义可点击按钮</td></tr></tbody></table>
免责声明：本网信息来自于互联网，目的在于传递更多信息，并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益，请及时联系我们，本站将会在24小时内处理完毕。
