勿忘初心

个人签名

529篇博客

最新博客

最新资源下载

编辑推荐

网易数帆开源API网关与容器云项目，让云原生生产落地“多快好网易汪源：统一负载与多云环境的“开放姿态”，才是云原生网易数帆如何用 Kubernetes“原语”搞定云原生中间件快手打新挤爆券商系统，网易数帆推出券商稳定性保障方案探索智慧校园新模式，网易有数在教育行业的实践分享金融行业大数据治理之路——数据模型篇

HTML5笔记-（常用元素）

勿忘初心2018-11-02 15:32

此文已由作者张镐薪授权网易云社区发布。

欢迎访问网易云社区，了解更多网易技术产品运营经验。


基本元素

<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>
</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。
---------------------

原文：https://blog.csdn.net/zhxdick/article/details/51823237

免费体验云安全(易盾)内容安全、验证码等服务

更多网易技术、产品、运营经验分享请点击。


推荐博客