Html标签解释及使用方法

来源:互联网 发布:如东知品服饰有限公司 编辑:程序博客网 时间:2024/06/05 10:43

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>


原创粉丝点击