<!DOCTYPEhtml><htmllang="en"xmlns="http://www.w3.org/1999/html"><head><metacharset="UTF-8"/><!-- 网页标题 --><title>前端html</title><!-- 引入样式:href目标地址,rel文档与链接文档关系,type链接文档类型 --><linkhref=""rel=""type=""/><!-- 定义样式 --><style></style><!-- 定义脚本 --><script></script></head><body><!-- 标题 --><h1>this is a h1</h1><h2>this is a h2</h2><h3>this is a h3</h3><h4>this is a h4</h4><h5>this is a h5</h5><h6>this is a h6</h6><!-- 水平线 --><hr/><!-- 段落与换行,多个空格只会显示一个 --><p>this is a p tag,this is a br:<br/>:br is here.<br/>this is a blank' 'blank is here.</p><!-- 文本格式化 --><p>this is a <b>bold</b> tag</p><p>this is a <strong>strong</strong> tag</p><p>this is a <i>i</i> tag</p><p>this is a <em>em</em> tag</p><p>this is a <big>big</big> tag</p><p>this is a <small>samll</small> tag</p><!-- 超链接:href网站或文件地址,target在本页面或新页面打开 --><ahref="html.md"target="_blank">this is a 'a' tag</a><br/><!-- 跳转锚点(由其他标签的id属性或a标签的name属性构成) --><ahref="#anchor">this is a jump</a><br/><!-- 图片:src图片地址,alt图片描述 --><imgsrc="asset/logo.svg"alt="this is a image"/><br/><!-- 表格 --><tableborder="1"><!-- 表格标题 --><caption>
this is caption
</caption><tr><!-- 表头 --><th>head1</th><th>head2</th><th>head3</th></tr><tr><td>(1,1)</td><td>(1,2)</td><td>(1,3)</td></tr><tr><td>(2,1)</td><td>(2,2)</td><td>(2,3)</td></tr></table><!-- 无序列表 --><ul><li>this is unordered list</li><li>this is unordered list</li></ul><!-- 有序列表 --><ol><li>this is ordered list</li><li>this is ordered list</li></ol><!-- 普通块元素 --><div>this is a div tag</div><!-- 文本块元素 --><span>this is a span tag</span><!-- 表单:action提交地址,method提交方式,name数据名,value数据值 --><formaction="#"method="get"><!-- 文本输入 --><inputtype="text"name="admin"placeholder="用户名"disabledautofocusreadonlyrequiredautocomplete="on"/><br/><!-- 密码输入 --><inputtype="password"name="password"placeholder="密码"/><br/><!-- 文本标签:绑定到表单元素 --><label><!-- 单选框:checked默认选择 --><inputtype="radio"name="gender"value="male"checked/>男
</label><br/><label><inputtype="radio"name="gender"value="female"/>女 </label><br/><label><!-- 复选框:checked默认选择 --><inputtype="checkbox"name="box"value="a"id="a"checked/>a
</label><br/><label><inputtype="checkbox"name="box"value="b"/>b </label><br/><!-- 文本框 --><textareaplaceholder="this is a textarea"></textarea><br/><!-- 选择列表:selected默认选择 --><selectname="select"><optionvalue="op1"selected>op1</option><optionvalue="op2">op2</option><optionvalue="op3">op3</option></select><br/><!-- 其他输入 --><inputtype="color"/>this is color<br/><inputtype="date"/>this is date<br/><inputtype="time"/>this is time<br/><inputtype="number"/>this is number<br/><inputtype="range"/>this is range<br/><inputtype="url"/>this is url<br/><inputtype="email"/>this is email<br/><inputtype="tel"/>this is tel<br/><inputtype="search"/>this is search<br/><inputtype="hidden"/>this is hidden<br/><!-- 提交按钮 --><inputtype="submit"value="this is submit input"/><br/><button>this is a submit button</button><br/><!-- 重置按钮 --><inputtype="reset"value="this is reset input"/><br/><buttontype="reset">this is a reset button</button><br/><!-- 普通按钮 --><inputtype="button"value="this is button input"/><br/><buttontype="button">this is a button</button><br/></form><!-- 嵌入:src目标地址,frameborder是否显示边框 --><iframesrc="#"frameborder="0"></iframe><!-- 特殊字符 --><p>this is some blank ' '</p><br/><p>this is a '<'</p><br/><p>this is a '>'</p><br/><p>this is a ampersand '&'</p><br/><p>this is a quotation "</p><br/><p>this is a apostrophe '</p><brid="anchor"/><!-- 新语义化标签 --><header>this is a header</header><footer>this is a footer</footer><nav>this is a nav</nav><aside>this is a aside</aside><article>this is a article</article><section>this is a section</section><!-- 音视频:src目标地址,controls显示控件,autoplay自动播放,loop循环播放,poster视频封面地址 --><audiosrc=""controls>this is a audio</audio><br/><videosrc="">this is a video</video><br/><!-- svg图像 --><svg></svg><!-- 图形 --><canvas>this is a canvas</canvas><br/><!-- 模板 --><templete>this is a templete</templete></body></html>