JAVA开发避免不了要接触前端,所以我不得不从0开始学习前端内容!下面分享我自己总结的HTML常用标签查询代码;将下面代码复制粘贴到文本文档,然后另存为html格式;通过file:///文档保存路径的方式可以通过网页直接访问,获取HTML常用标签用法。
HTML速查列表,为了方便日常开发使用 HTML常用标签查询
HTML基本文档模板
< ! DOCTYPE html > < html > < head > < meta charset="utf-8" > < title > html模板 < /title > < /head > < body > < /body > < /html >
基本标签
< h1 > 最大的标题 < /h1 > < h2 > .......... < /h2 > < h3 > .......... < /h3 > < h4 > .......... < /h4 > < h5 > .......... < /h5 > < h6 > 最小的标题 < /h6 > < p > 段落标签 < /p > < br / > 换行标签 < hr / > 添加水平线标签
文本编辑相关标签
< b > 加粗标签 < /b > < strong > 加粗标签2 < /strong > < code > 计算机代码 < /code > < i > 斜体标签 < /i > < em > 斜体标签2 < /em > < kbd > 键盘输入 < /kbd > < pre > 预格式化文本,能根据敲 空格符 显示空格或者 空行 的文本处理标签 < /pre > < small > 字体变小标签 < /small > < tt > 打字机文本 < /tt > < samp > 计算机代码样式 < /samp > < var > 计算机变量 < /var > < abbr / > 缩写标签 < address > 超链接标签 < /adress > < a > 超链接标签2 < /a > < bdo dir="rtl" > 文字方向 < /bdo > < blockquote > 从一个源引用的部分;还没有用过! < /blockquote > < cite > 工作的名称,没用过! < /cite > < del > 删除文本的标签 < /del > < ins > 插入文本的标签 < /ins > < sub > 文本下标的标签 < /sub > < sup > 文本上标的标签 < /sup >
图片
< img src="图片路径" alt="描述" height="高度" width="宽度" > 图片链接 < /img >
无序列表
< ul > < li > 列表1 < /li > < li > 列表2 < /li > < /ul >
有序列表
< ol > < li > 有序列表1 < /li > < li > 有序列表2 < /li > < /ol >
自定义列表
< dl > < dt > 自定义列表1 < /dt > < dd > 自定义列表1.1 < dd > < dd > 自定义列表1.2 < dd > < dt > 自定义列表2 < /dt > < dd > 自定义列表2.1 < dd > < dd > 自定义列表2.2 < dd > < /dl >
表格
< table border="1" > < tr > < th > 表格标题1 < th > < th > 表格标题2 < th > < /tr > < tr > < td > 表格数据1 < td > < td > 表格数据2 < td > < /tr > < /table >
框架
< iframe src="要链接得html文件名" > 使用框架,你可以在同一个浏览器窗口中显示不止一个页面。 < /iframe >
表单
< form action="demo_form.php" method="post/get"> > < input type="text" name="email" size="40" maxlength="50"> > < input type="password"> > < input type="checkbox" checked="checked" > < input type="radioo" checked="checked" > < input type="submit" value="提交" > < input type="reset" value="重置" > < input type="hidden" > < select > < option > 苹果 < /option > < option selected="selected" > 香蕉 < /option > < option > 樱桃 < /option > < /select> > < textarea name="comment" rows="60" cols="20" > < /textarea > < /form> >
实体
& lt: 等同于< & gt: 等同于> & copy: 等同于© & reg: 等同于® nbsp: 等同于空格
链接
普通的链接: < a href="http://www.baidu.com/" > 链接文本,普通链接 < /a > 图像的链接: < a href="http://www.baidu.com/" > < img src="图片路径" alt="图片描述" width="宽度" height="高度" (图片四要素:路径、描述、宽度、高度) > 链接文本,图像链接 < /a > 邮件的链接: < a href="mailto:webmaster@example.com" > 链接文本,邮件链接 < /a >