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

【学习笔记】复习html

2015-11-14 12:06 627 查看

<!-- saved from url=(0066)file:///D:/%E6%98%93%E8%87%A3%E9%A3%9F%E5%93%81/Sty/sty-html5.html -->

<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<meta name="author" content="Z_LY" />
<meta name="keywords" content="test" />
<meta name="description" content="huhuhuhuhuhuhu" />

<title>STY-HTML5</title>
<!--外部样式-->
<link rel="stylesheet" type="text/css" href="mystyle.css">
<!--内部style-->
<style type = 'text/css'>
h1{color:red}
p{color:blue}
div#div1{background-color:#0CC;text-align:center}
</style>
</head>

<body bgcolor = 'yellow'>

<h1 align="center">My HTML5</h1>
<div id="div1"><h2>test h2</h2></div>
<h3>test h3</h3>
<h4><a id = 'tip1'>test h4</a></h4>
<h5>test h5</h5>
<h6>test h6</h6>
<!--h和p会在前后添加额外行-->
<p>This is a paragraph</p>
<a href="http://www.yichenfood.com/" target="_blank" style="text-decoration:none">易臣食品 内联sty去掉了下划线</a>
<br/>
<img src="./sty-html5_files/thunder.jpg" width="100" height="110" />
<table border=  '1' bgcolor = 'red' frame="above">
<caption>Big Big Title</caption>
<tr>
<th colspan="2">Test Table</th>
</tr>
<tr>
<th rowspan="2" bgcolor="green">Anthor Title</th>
<td>
This is table n0 m0
</td>
<td>
this is table n0 m1
</td>
</tr>
<tr>
<td> </td>
<td>
This is n1 m1
</td>
</tr>
</table>
<hr/>
<!--this is a comment-->
<p>
<strong><i>this test text for strong and i</i></strong><br/>
<b>b粗体</b><br/>
<big>big大号子</big><br/>
<em>em着重文字</em><br/>
<i>i斜体</i><br/>
<small>small</small><br/>
<strong>strong加重语气是什么鬼</strong><br/>
哦哦哦<sub>sub下标</sub><br/>
呜呜呜<sup>sup上标</sup><br/>
<ins>ins下划线</ins><br/>
<del>del删除</del><br/>
<code>code代码</code><br/>
<kbd>kbd键盘码</kbd><br/>
<samp>samp计算机代码样本</samp><br/>
<tt>tt打字机代码</tt><br/>
<var>var变量</var><br/>
<!--颜色不会变哦哦-->
<pre>pre  预格式文本</pre><br/>
<abbr title="I Love U">abbr定义缩写</abbr><br/>
<acronym title="Acronym">acronym 首字母缩写</acronym><br/>
<address>address 地址什么鬼</address><br/>
<blockquote>blockquote长引用  blockquote长引用  blockquote长引用</blockquote><br/>
<q>短引用</q><br/>
<cite>cite引用、引证 什么鬼</cite><br/>
<dfn>dfn定义一个定义项目</dfn></p><br/>

</p>

<a href="#tip1">Top</a><br/>
<a href="mailto:z_liyan@sina.com?subject = hello%20again">发送邮件</a><br/>
<img src="/sty-html5_files/pic.jpg" alt="Not Exit"><br/>

<img src="title.jpg" usemap="title" alt="Title" /><br/>

<map name="title" id="title">
<area shape="circle" coords="25,25,25"
href="http://www.yichen.taobao.com/" target="_blank" alt="ECHEN" />
<area shape="rect" coords="60,0,120,50" href="http://www.baidu.com/" target="_blank" alt="BaiDu" />

</map><br/>

<ul type="square">
<li>fuck</li>
<li>you</li>
</ul>

<ol start="20">
<li>do</li>
<li>it</li>
</ol>

<dl>
<dt>dttt</dt>
<dd>dddd</dd>
<dd>dd22</dd>
<dt>dtt22</dt>
<dd>dd2dd2</dd>
</dl>

<form name="input" action="sty-html5.js" method="submit">
　　<!--input空标签，和button区别：button有内容，不同的浏览器返回不同的value-->
Name:<input type="text" name="firstname" /><br/>
Last:<input type="text" name="lastname" /><br/>
Pass:<input type="password" name="password" /><br/>
<input type="radio" name="sex" value="male" />Male<br/>
<input type="radio" name="sex" value="female" />Female<br/>
<input type="checkbox" name="magic" />Magcer<br/>
<input type="checkbox" name="fiter" />Fiter<br/>
<input type="submit" value="提交" />
</form>
<!--button type IE默认button 别的默认submit-->
　　<button type = 'button' value = 'abut'>BUTTON</button>　　

<form>
<select name="name">
<option value="anma">Anna</option>
<option value="lili">Lili</option>
<option value="chian">China</option>
<option value="Amina" selected = 'selected'>Amina</option>
</select>
<input type="button" value="select name" />
</form>

<textarea rows="10" cols="20">
I just wan to make different world to see
</textarea><br/>
<span>this<span></span><br/>

</body></html>

attribute是 name=‘value’ 不需要分号分割； style是 {name:value;}需要；分割

meta 元值，主要用于seo索引

上次学的太久没用只留下一点印象了，花了一天重新过一遍应该马马虎虎能用了：），html5准备再过一遍~~~

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

标签：

相关文章推荐

新的分享

章节导航