您的位置：首页 > Web前端 > HTML5

HTML5笔记-（常用元素）

2017-12-13 00:00 169 查看

基本元素

<html>:根元素，允许省略
<head>:允许省略
<title>:标题
<body>
<style>引入样式定义 <h1~h6> <p>段落 <br>换行 <hr>水平线 <div><span>换行与不换行的节

文本格式化

<b>加粗
<i>斜体
<em>强调
<small>小
<sup>上标
<sub>下标

超链接和锚点

<a href="scheme://host.domain:port/path/filename">xxx</a>
scheme->一般是http
host:在http中默认为www

<a target="?">xxx</a>
?->_slef,_blank,_top,_parent（代表用本窗口，新窗口，顶级框架，父级框架打开）

<a href="xxx" media="">xxx</a>
media->指定href才有效，默认为all

#锚点：
<a name="bookmark1">锚点1</a>

<a href="xxx.html#bookmark1">定位到锚点1</a>

列表

<ul>
<li>aaa</li>
<ol><li>11</li></ol>
<li>aaa</li>
<ul><li>11</li></ul>
</ul>

图像

<img .../>
1.src
2.alt:指定一段文本作为提示信息
3.height:百分比或者像素值
4.width
5.map，area：划分区域，超链接

表格

<table style="background-color: black; border-collapse: separate; border-spacing: 1px;">
<caption><i>我的Table</i></caption>
<colgroup style="background-color: white;">
<col style="width:160px" />
<col span="2" style="width:100px" />
</colgroup>
<thead style="text-align: left;">
<tr>
<th>id</th>
<th>name</th>
<th>class</th>
</tr>
</<
7fe0
span>thead>
<tfoot>
<tr>
<td colspan="3" style="text-align: right">现总计：2个人</td>
</tr>
</tfoot>
<tbody style="text-align: left;">
<tr>
<td>1</td>
<td>hash</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>zhx</td>
<td>1</td>
</tr>
</tbody>
</table>

一些通用属性

contentEditable属性：true/false;可以将table,div等变为可编辑

designMode属性：on/off;全局的contentEditable属性

hidden属性：true/false

为input和textarea增加了spellcheck属性：true/false。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航