1月9号学习html5(第67天的学习)

改良ol
<!DOCTYPE html>
<title>ol列表的star属性示例</title>
<h3>ol列表的star属性示例</h3>

<ol start=5>
<li>列表内容5</li>
<li>列表内容6</li>
<li>列表内容7</li>
<li>列表内容8</li>
<li>列表内容9</li>
<li>列表内容10</li>
</ol>

改良dl
<!DOCTYPE html>
<title>用于术语解释的dl列表示例</title>
<h3>用于术语解释的dl列表示例</h3>

<aritcle>
<h1>aritcle元素</h1>
<p>一块独立的内容。它可以用来表示RPS中一块独立的内容，也可以用来表示博客中独立的一篇文章</p>
<aside>
<h2>术语解释</h2>
<dl>
<dt><dfn>RSS</dfn></dt>
<dd>RSS也叫聚合RSS是在线共享内容的一种简单方式(也叫聚合内容)</dd>
<dt><dfn>博客</dfn></dt>
<dd>博客，又译为网络日志、部落格或部落阁等，是一种通常由一个人管理</dd>
</dl>
</aside>
</aritcle>

cite元素
<!DOCTYPE html>
<title>cite元素示例</title>
<h3>cite元素示例</h3>

<p>我最喜欢的电影是由甄子丹主演的<cite>精武风云<cite>.</p>

Blob对象
<!DOCTYPE html>
<head>
<title>Blob对象使用示例</title>

<script language=javascripit>

function ShowFileType()
{
var file
file = document.getElementById("file").files[0];
var size = document.getElementById("size");
size.innerHTML=file.size;

var type = document.getElementById("type");
type.innerHTML=file.type;
}
</script>
选择文件

<input type="file" id="file" />
<input type="button" value="显示文件信息" oncilck="ShowFileType();" /><br />

文件字节长度:<span id="size"></span><br />
文件类型:<span id="type"></span>

1月9号学习html5(第67天的学习)

猜你喜欢