Html标签解释及使用方法

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>


  • 7
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值