html 標籤 - JavaShuo

最近作html 開發，雖然邏輯性的問題不是不少，可是樣式的調整每每浪費不少時間，週末再系統學習一下html css 提升工做效率。javascript

1、.比較有用的標籤：css

1音頻：html

您的瀏覽器不支持 audio 標籤。
<audio src="someaudio.wav"></audio>

二、base java

<base href="http://www.w3school.com.cn/i/" /><base target="_blank" />

3canvas

<head>

</head><basefont color="red" size="5" />

4瀏覽器


<script type="text/javascript">

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);

</script><canvas id="myCanvas"></canvas>

5學習

<caption>Monthly savings</caption>

6this

<caption>Monthly savings</caption>

七、code

<input id="myCar" list="cars" />

  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
<datalist id="cars"></datalist>

八、orm

<input id="myCar" list="cars" />

  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
<datalist id="cars"></datalist>

九、

   <dt>計算機</dt>
   <dd>用來計算的儀器 ... ...</dd>
   <dt>顯示器</dt>
   <dd>以視覺方式顯示信息的裝置 ... ...</dd>
<dl></dl>

十、

<embed src="helloworld.swf" />

十一、

<form>
  
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  
</form><fieldset></fieldset>

十二、

<figure>
  
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure><figcaption>黃浦江上的的盧浦大橋</figcaption>

1三、

<html>

<frameset cols="25%,50%,25%">
  
</frameset>

</html><frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />

1四、

<h1>This is header 1</h1>

<p>This is some text</p><hr />

15

1六、

a dozen is <del>20</del>  pieces<ins>12</ins>

1七、

<form>
  
  <input type="radio" name="sex" id="male" />
  <br />
  
  <input type="radio" name="sex" id="female" />
</form><label for="male">Male</label><label for="female">Female</label>

1八、

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />


  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
<map name="planetmap" id="planetmap"></map>

1九、

<p>Do not forget to buy  today.</p><mark>milk</mark>

20、

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
   <input type="range" id="a" value="50">100
   +<input type="number" id="b" value="50">
   =
</form><output name="x" for="a b"></output>

2一、

<progress value="22" max="100"></progress>

2二、

Here is a short quotation here is a short quotation<q></q>

2三、

  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
<section></section>

2四、

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>

25 、這段文上標本包含 下標

2六、

<p>若是文本不是超連接，就不要<u>對其使用下劃線</u>。</p>

2、html的屬性

一、

<a href="http://www.w3school.com.cn/html/" >HTML</a><br />
<a href="http://www.w3school.com.cn/css/" >CSS</a>accesskey="h"accesskey="c"

二、

<p >這是一個可編輯的段落。</p>contenteditable="true"

三、data-*

四、

<p >Write this text right-to-left!</p>dir="rtl"

五、

<p >這是一個可拖動的段落。</p>draggable="true"

六、

6<p >這個段落應該被隱藏。</p>hidden

3、事件

一、onselect