Html标签解释及使用方法
2017年7月3日 第一天所学Html标签使用方法总结,写了很久。。。累死了 = =||
有可能不是很全,毕竟我第一天学Html
标签名称 | 解释 | 例子 |
---|---|---|
<!—-> | 注释 | <!–我是注释–> |
<h1-6> | 标题 | <h1>标题</h1> |
<hr/> | 绘制一条线 | <hr/> |
<br/> | 强制换行 | <br/> |
<p> | 表示段落 | <p>要输入的文字</p> |
<span> | 文本容器 | <span>要输入的文字</span> |
<a href=”“></a> | 超链接 | <a href=”http://www.baidu.com”>百度</a> |
<img src=”“> | 插入图片 | <img src=”图片地址” width=”宽” height=”高” title=”悬浮信息”> |
<ul><li></li></ul> | 无序列表 | <ul><li>列表1</li><li>列表2</li><dd>列表2</dd></ul> |
<ol></ol> | 有序列表 | <ol><li>列表1</li><li>列表2</li></ol> |
<pre></pre> | 预格式化的文本 | <pre>这里输入要放的各种格式的文本</pre> |
<address> | 地址 | <address>放入要输出的地址<address/> |
<small> | 小的 | <small>输入文字</small> |
<sup></sup><sub></sub> | 上标、下标 | <sup>要输出的上标</sup><sub>要输入的下标</sub> |
<u> | 下划线 | <u>要输出的文字</u> |
<strong和b> | 字体加粗的俩种标签 | <strong和b>要输出的文字</strong和/b> |
<em和i> | 表示斜体的俩种标签 | <em和i>要输出的文字</em和/i> |
<ins> | 插入字 | <ins>要输出的文字</ins> |
<del> | 删除字 | <del>要输出的文字</del> |
<big> | 大的 | <big>要输出的文字</big> |
<table> | 表格 tr元素定义行,th定义表头,tb定义表格单元,可选属性:bgcolor表格的背景颜色,border规定表格边框宽度,align对齐方式:left左对齐、center居中、right右对齐 | <table><tr><th>要输出的文字</th><tb>要输出的文字</tb></tr></table> <table bgcolor=”颜色” align=”对齐方式” border=”规定围绕表格的边框的宽度”></table> |
<valign> | td标签的valign属性:top 对内容进行上对齐。middle:对内容进行居中对齐(默认值)bottom:对内容进行下对齐。 | <td valign=”top”>内容</td> 这里只举这一种例子 |
<colspan和rowspan> | 单元格可横跨的列和行数 | <td colspan=”列数”或rowspan=”行数”></b> |
<form> | 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 | <input type=”text” value=”提示信息” readonly(把输入字段设置为只读) disabled(规定应该禁用input元素)> input type=”password” maxlength=”文本长度” value=”文本框默认内容” input type=”button” value=”按钮名称” input type=”submit” value=”提交按钮” input type=”reset” value=”重置按钮” input type=”radio” name=”“<单选按钮> input type=”checkbox”<复选框> |
<select> | 可创建单选或多选菜单> | <select> <option value=”“>java</option> <option value=”“>Html</option> </select> |
<textarea> | 定义多行的文本输入控件。 | <textarea name=”” id=”” cols=”” rows=”10”>这是我的文本标签哦~</textarea> |
<!DOCTYPE> | 声明必须是 HTML 文档的第一行,位于 <html> 标签之前 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 | <!DOCTYPE html> <html> <head> </head> <body> </body> </html> |
<html> | 此元素可告知浏览器其自身是一个 HTML 文档。 | <html> <head> 这里是文档的头部 …</head> <body>这里是文档的主体 … </body> </html> |
<body> | 元素定义文档的主体。 | <html> <head> <title>文档的标题 </title> </head> <body>文档内容… <head> </body> </html> |