<!DOCTYPE html>
??? ? ? <!--? HTML聲明 -->
<html>
? ? ? <head>
? ? ? ? ? <meta charset='utf-8' name="keywords"? content="hansome"? />
? <!--? 設置網(wǎng)頁搜索關(guān)鍵字 -->
? <meta name='description'? content="hansome for everything"? />
? <!--? 設置網(wǎng)頁搜索內(nèi)容 -->
? <!-- <meta http-equiv='refresh'? content="5; url=http://www.w3school.com.cn/tags/tag_meta.asp"/> -->
? ?<!--? 設置網(wǎng)頁跳轉(zhuǎn) -->
<title>
? ? ? ? ? ? ? ? ? ? 這是一個帥氣的網(wǎng)頁
? ? ? ? ? ? </title>
? ? ? </head>
? ? ? <body>
? ? ? ? ? ? <!--我的代碼 不許篡改 改動者拖出去斬首-->
? ? ? ? ? ? <h1>這是一個<font color='red'? size='7'>網(wǎng)頁 一級標題五秒后跳轉(zhuǎn)</font> </h1>
? ? ? <!--? 設置字體樣式 -->
<h2> 二級標題? </h2>
<h3> 三級標題 </h3>
<h4> 四級標題 </h4>
<h5> 五級標題 </h5>
<h6> 六級標題 </h6>
<!--? 只有六級標簽 重要性逐級遞減 -->
<p>p標簽用來表示段落 </p>
<hr />
<!--? 這是分割線 -->
<p>
11111111111111111111111111111111<br><br><br><br>hhhhhhhhh
<!--? 這是換行 -->
<br>a<b>c
<!-- a<b>c -->
<p> ©經(jīng)典</p>
<!--不間斷空格( )-->
<img src="C:\Users\Administrator\picture\TIM圖片20190114102407.jpg" alt="這是一張帥氣的圖片" width="600px"/>
<!--? 這是圖片 指定一個值會等比例縮放 -->
<p> <font color=red> 驚情四百年 </font> </p>
<iframe src="view-source:file:///C:/Users/Administrator/Desktop/demo011_%E5%86%85%E8%81%94%E6%A1%86%E6%9E%B6.html" name="jk"> </iframe> </p>
<!-- 內(nèi)聯(lián)框架 可以引入一個外部的頁面 屬性：
src：指向一個外部頁面的路徑略水，可以使用相對路徑
width：
height：
name：可以為內(nèi)聯(lián)框架指定一個name屬性
在現(xiàn)實開發(fā)中不推薦使用內(nèi)聯(lián)框架替劈，因為內(nèi)聯(lián)框架中的內(nèi)容不會被搜索引擎所檢索
-->
<a >我是一個超鏈接</a>
<!-- 實現(xiàn)當前頁面跳轉(zhuǎn) -->
</p>
? ? ? </body>
</html>
1.HTML中設置錨點定位的幾種方式
<通過設置錨點可以使用戶快速抵達頁面的指定位置 優(yōu)化用戶體驗>
（1）?使用id定位?這樣的定位可以針對任何標簽來定位
格式：<a href="#1F" name="1F">錨點1</a>
? ? ? ? ? ?<div name="1F">
? ? ? ? ? <p> 1111111111111111111111111111111 </p>
? ? ? ? ? <div>
（2）?使用name定位?使用name屬性只能針對a標簽來定位语淘，而對div等其他標簽就不能起到定位作用
格式：?<a href="#5F">錨點5</a>
? ? ? ? ? ? <a name="5F">1111111</href>
（3）使用 js 定位
格式：<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
小試牛刀
?
