HTML5ç®ä»ååºæ¬æ ç¾
H5ç®ä»
<!--HTMLï¼è¶
ææ¬æ è®°è¯è¨ ï¼è±æï¼HyperText Markup Language ï¼æ¯ä¸ç§ç¨äºå建ç½é¡µçæ åæ è®°è¯è¨ï¼ä½æ¯å®ä¸å±äºç¼ç¨è¯è¨çèç´-->
<!-- HTML5:å®æ¯HTMLæ è®°è¯è¨çä¸ä¸ªææ°çæ¬ï¼å
¶å®ä¹äºå¾å¤æ°å
ç´ ï¼æ¯å¦æ°è¯ä¹æ ç¾ï¼æºè½è¡¨åï¼å¤åªä½æ ç¾çï¼å¯ä»¥å¸®å©å¼åè
å建丰å¯çäºèç½åºç¨ -->
<!-- é常æ
åµä¸ï¼æ们çä¸ä¸ªç½é¡µå¯ä»¥å为ä¸ä¸ªé¨åï¼HTML,CSS,JAVASCRIPT.å¦ææä¸ä¸ªäººæ¯åä¸ä¸ªäººçè¯ï¼HTMLç¸å½äºäººç骨æ¶ï¼CSSç¸å½äºäººçç®è¤ï¼JAVASCRIPTç¸å½äºäººçå¨ä½ï¼è¿ä¸è
ç»åèµ·æ¥æè½ææä¸ä¸ªå¥½ççç½é¡µ -->
H5åºæ¬æ ç¾å®ä¾1
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- å¾åæ ç¾ï¼imgæ ç¾ï¼åæ ç¾ -->
<!-- imgæ ç¾å±æ§ï¼1.src:å¾åçè·¯å¾2.alt:å¾çä¸è½æ¾ç¤ºçæ¶åæ¿æ¢çææ¬ -->
<img src="../images/1.jpg" alt="">
<img src="../images/1111.jpg" alt="没ææ¾å°æ¤å¾ç">
<img src="../images/1.jpg" title="佩å¥">
<img src="../images/1.jpg" title="设置宽度åé«åº¦" width="50">
<img src="../images/1.jpg" title="设置边æ¡"border="50">
<img src="../images/1.jpg" alt="">
<!-- è¶
é¾æ¥æ ç¾ï¼aæ ç¾å±æ§ï¼1.hrefï¼æå®è¦è¿æ¥çå°åã2.targetï¼ç¨äºæå®é¾æ¥çé¢çæå¼æ¹å¼ï¼åå¼selfåblangk. -->
<h3>åæ
é¾æ¥ï¼</h3>
<!-- å¤é¨é¾æ¥ï¼ -->
<a href ="https://www.baidu.com" target="_self">ç¾åº¦å®ç½</a>
<a href ="https://www.sohu.com" target="_blank">æçå®ç½</a>
<!-- å
é¨é¾æ¥ï¼ -->
<a href ="htmlåºæ¬æ ç¾-2.html" >æ¬å°é¡µé¢</a>
</body>
</html>
ç»æï¼
H5åºæ¬æ ç¾å®ä¾2
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>htmlåºæ¬æ ç¾-3</title>
</head>
<body>
<!-- æ åºæ ç¾ :并åå
³ç³»-->
<!-- 注æäºé¡¹ï¼ulæ ç¾éé¢åªè½åæ¾liæ ç¾ï¼æ¾å
¶å®çä¸æ¨è -->
<h3>ä½ å欢çè±éèç人ç©ï¼</h3>
<ul>
<li>å缩</li>
<li>寡å¦</li>
<li>ç·å</li>
<li>ç·æª</li>
<li>æè«</li>
<li>éªäºº</li>
</ul>
<!-- æåºå表ï¼å³ææå顺åºçï¼å
¶å个å表项æç
§ä¸å®ç顺åºæå -->
<ol>
<li>æ°å¤«è´ä½æ¯</li>
<li>æ¯å°çè¨</li>
<li>æ²ä¼¦å·´è²ç¹</li>
<li>å纳çé¿è¯ºç¹</li>
</ol>
<!-- èªå®ä¹å表ï¼é常ç¨äºå¯¹æ¯è¯æè
åè¯è¿è¡è§£éåæè¿°ï¼ èªå®ä¹å表çå表项åé¢æ²¡æä»»ä½ç¬¦å·-->
<dl>
<dt>å京</dt>
<dd>é¦é½</dd>
<dd>å½å®¶ååå¸</dd>
<dd>ä¸çº¿åå¸</dd>
</dl>
</body>
</html>
ç»æï¼
H5çåºæ¬ç»æå®ä¾
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ç¾åº¦ä¸ä¸ï¼ä½ å°±ç¥é</title>
</head>
<body>
<!-- æ é¢æ ç¾ï¼ä¸ºäºä½¿ç½é¡µæ´å è¯ä¹åï¼æ们ç»å¸¸ä¼å¨é¡µé¢ä¸ç¨å°æ é¢æ ç¾ï¼HTMLä¸æä¾äº6个ç级çæ é¢ã -->
<h1>ä¸çº§æ é¢æ ç¾</h1>
<h2>äºçº§æ é¢æ ç¾</h2>
<h3>ä¸çº§æ é¢æ ç¾</h3>
<h4>å级æ é¢æ ç¾</h4>
<h5>äºçº§æ é¢æ ç¾</h5>
<h6>å
级æ é¢æ ç¾</h6>
<!-- 段è½æ ç¾ï¼Pï¼ï¼å¨ç½é¡µä¸è¦ææåææ¡ççæ¾ç¤ºåºæ¥ï¼å°±ç¦»ä¸å¼æ®µè½æ ç¾ï¼å°±å¦åæ们åæç« ä¸æ ·ï¼æ´ä¸ªç½é¡µå°±å¯ä»¥å为å
¥å¹²ä¸ªæ®µè½ -->
<p>段è½æ ç¾</p>
<p>段è½æ ç¾1</p>
<!-- 水平线æ ç¾ï¼<hr/>å¨ç½é¡µä¸ç»å¸¸ä¼çå°ä¸äºæ°´å¹³çº¿å°æ®µè½å段è½ä¹é´éå¼ï¼æ¯æç« ç»ææ¸
æ°ï¼å±æ¬¡åæãhr:åæ ç¾ -->
<hr/>
<!-- æ¢è¡æ ç¾ï¼<br/> -->
<!-- divåspanæ ç¾ï¼æ²¡æè¯ä¹ï¼æ¯ç½é¡µå¸å±ççåãdiv+sapnç»åï¼divç¬å ä¸è¡ï¼span并ä¸ä¼ç¬å ä¸è¡-->
<div>è¿æ¯ä¸ä¸ªdivæ ç¾</div>
<span>è¿æ¯ä¸ä¸ªspanæ ç¾</span>
<span>è¿åæ¯ä¸ä¸ªspanæ ç¾</span>
<!-- ææ¬æ ¼å¼åæ ç¾ï¼ -->
<!-- <b></b>å<strong></strong>:æå以ç²ä½çæ¹å¼æ¾ç¤º,é常使ç¨strong -->
<!-- <i></i>å<em></em>:æå以æä½çæ¹å¼æ¾ç¤º ,é常使ç¨iæ ç¾-->
<!-- <s></s>å<del></del>:æå以å é¤çº¿çæ¹å¼æ¾ç¤º ,é常使ç¨del-->
<!-- <u></u>å<ins></ins>:æå以å ä¸å线çæ¹å¼æ¾ç¤º,é常ä¼ä½¿ç¨uæ ç¾ -->
好åï¼<strong>åæ¥å¦ </strong>WIO<b>俺åé¥</b>é£éªæ<br/>
<i>æç¥éä½ </i>ï¼<em>å¨æä¸çæéè¦</em><br/>
<s>å件998</s>ç°ä»·9.98<br/>
<ins>omgod!</ins>
</body>
</html>
ç»æï¼