HTML简单的标签

<!--注释 -->

<html>超文本标记语言</html>

<head>存储文档头部信息内容</head>

<body>展示页面主题内容</body>

<title>文档的标题</title>

<meta>提供页面元信息

{

name,content,http-equiv,description,keywords

}

<h1>标题逐级递减<h6>

<p>段落</p>

<b>加粗</b>,<strong>强调,页面显示加粗</strong>

<i>斜体</i>,<em>轻微强调,页面显示斜体</em>,<cite>引用(一般用于引用电影,书籍,报告等 不可引用人名,页面显示斜体)</cite>

<sub>下标</sub>

<sup>上标</sup>

<br/>换行,空标签

<wbr/>安全换行

<hr/>水平线,空标签

<blockquote>大段落缩进,可包含p元素</blockquote>,<q>小段落缩进,显示出段落两头带双引号</q>

<abbr title="zhongguo">zg,缩写</abbr> ,<acronym title="zhongguo>z,首字母缩写</acronym>(abbr比arconym缩写范围更大)

<dfn>表示新术语的定义</dfn>

<address>地址,联系方式,作者等</address>

<ins>显示插入的文档内容,带有下划线</ins>

<del>删除文档的内容,带有删除线</del>

<ol>有序列表</ol> (star属性可以改变有序列表可以从几开始,默认是1),<ul>无序列表</ul>,<li>列表项</li>

<dl>定义列表</dl>,<dt>用来包含被定义的新术语</dt>,<dd>用来描述新术语</dd>,可以有一个<dt>有很多个<dd>

<a>超链接</a>,href特性的值设定了链接的目标(绝对链接URL,相对链接URL,锚URL),绝对链接URL是连接另一个站点,相对链接URL是在同一个站点内链接某个文件,锚URL,指向页面中的锚(href="#id或name",id值必须相同)

相对链接:

{

相同文件夹链接类型:<a href="music.html">music</a>

子文件夹链接类型:<a href="reviews/music.html">music</a>

孙子文件夹链接类型:<a href="liang/reviews/music.html">music</a>

父级文件夹链接类型:<a href="../music.html">music</a>

祖父级文件夹链接类型:<a href="../../music.html">music</a>

}

(邮件链接:<a href="mailto:xxx收件人地址xxx@xxxx?cc=xx抄送地址xx@xxxx&bcc=xx密件抄送地址xxx@xxxx&subject邮件主题">邮件</a>

<a href="xx" target="_blank">打开新的窗口</a>

<img src="路径" alt="描述" width="宽度" height="高度">图片</img>

<figure>可包含多组图片</figure>

<figcaption>对图片加以说明</figcaption>

<table>表格主体</table>

<thead>放置表格标题</thead>

<tbody>放置表格主体部分</tbody>

<tfoot>放置表格脚注部分</tfoot>

<tr>表格"行"的起始标签</tr>

<td>表格单元格</td>

<th>表格标题</th>(粗体),scope特性中row表示行标题,col表示列标题(scope="row" scope="col"),(th rowspan="2"跨两行,colspan="2"跨两列)

<form>创建供用户输入的html表单</form>,(<form id="1" action="URL" method="get明文或post密文">)

<input>创建表单控件

type=text单行文本框,password密码文本框,radio单选框,checkbox复选框,submit提交按钮,image图片按钮,file上传文件框,URL链接文本框,email邮件文本框,search搜索文本框,date时间文本框,hidden隐藏控件

type="text/password" size="5"宽度5,maxlength="10"限制输入10个字符,value="与被选中项一起发给服务器,value的值为文本框的初始值"

type="radio/checkbox" name="所有radio的name值都必须相同"   chencked="checked"页面加载时出现的默认选项,value="与被选中项一起发给服务器,每个value的值都不相同且与页面中显示的相关联"

type="submit" value="与被选中项一起发给服务器,每个value的值都不相同"

type="image" src="URL" alt="描述" width="宽度" height="高度"

<textarea name="xxx" rols="高度",cols="宽度" placeholder=在用户点击文本框之前显示的内容,用户点击时则消失(每个文本框都可以使用)>文本域</textarea>

<select name="xxx" size="3"(如显示3个选项) multiple="multiple"(按control键可多选)>下拉菜单</select>

<option value="发送给服务器的值" selected="selected"默认选项>选项</option>

<label for="与id值必须相同">关联<input>元素,增加用户单击区域

<fieldset>元素可包含相关表单控件使其成为一组</fiedset>

<legend>是<fieldset>元素的标题元素</legend>

<div>元素使一组元素组成一个整体</div>,<span>元素像是<div>的内联版本

<video src="路径" width="宽" height="高" autoplay="立即播放视频" preload="预先加载,auto载入整个音频,meta只载入元数据,none不载入音频" controls添加播放控件 loop反复播放 muted播放时处于静音状态 poster预加载时加入第一帧画面>视频</video>

<audio src="路径" controls播放控件 preload="预先加载" autoplay="立即播放">音频</audio>

<source src="路径">可用在<video>和<audio>中添加多个视频和音频</source>












































评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值