- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 10Intel i7-9700K性能跑分曝光：同代提升約12%
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12企業微信怎么登陸 微信企業版賬號登錄方法流程
[摘要]這篇文章介紹的內容是關于HTML學習筆記一 ，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下在點擊打開鏈接的學習總結。HTML常用的標簽及解釋1、基本格式框架<html><body><h1>標題</h1><p>段落</...
這篇文章介紹的內容是關于HTML學習筆記一 ，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下在點擊打開鏈接的學習總結。
HTML常用的標簽及解釋
1、基本格式框架
<html> <body> <h1>標題</h1> <p>段落</p> </body> </html>
2、文本格式化標簽
<b>粗體</b> <big>大號字</big> <em>著重字（粗）</em> <i>斜體字</i> <strong>加強語氣（粗）</strong> <sub>下標</sub> <sup>上標</sup> <ins>插入字</ins> <del>刪除字</del>
3、鏈接
<a href="URL" target="_blank"> this is a link </a>
其中，href=超鏈接，target="_blank"表示在新窗口打開文件。
注意，兩者之間用空格。
有一種特殊情況是使用name屬性，可以轉跳到name屬性定義的錨。
<a name="tips">基本的注意事項 - 有用的提示</a> . . . <a href="#tips">跳轉到tips標簽處</a>
注意，引用錨時要在名字前面加#。
4、圖像
<img src="boat.gif" alt="Big Boat" width="104" height="102" />
其中，src存放圖片所在地址；
alt屬性表示替換文本，即當圖片不能加載是所顯示的文字說明；
width和height用于設置圖片的長度和寬度；
另外，圖像還有一個屬性border用于規定圖像邊框的寬度。
5、改變屬性的通用方法——style
<body style="background-color:yellow"> <h2 style="font-family:arial;color:red;font-size:20px;text-align:center;"> 標題 </h2> </body>
其中，background-color用于設置背景顏色；
font-family用于設置字體；
color用于設置（標題）字體顏色；
font-size用于設置字體大小；
text-align：center居中。
6、引用
第一種：相當于“”。
<q>所要引用的話</q>
第二種：長引用，自動縮進，cite表示出處地址（可省略）。
<blockquote cite="URL">......</blockquote>
第三種：縮略詞，鼠標放到縮略詞上會顯示完整內容，即title。
<abbr title="world health organization">WHO</abbr>
第四種：地址（聯系信息），自動斜體，并且前后自動加換行。
<address>我是地址</address>
第五種：著作標題，自動斜體。
<cite>老人與海</cite>
特別的，雙向重寫，dir="rtl"為從右向左書寫
<bdo dir="rtl">從右向左</bdo>
7、計算機代碼
<kbd>鍵盤輸入</kbd> <samp>計算機輸出示例</samp> <code>代碼</code> <pre>文本</pre> <var>數學公式</var>
其中，前三種均不保留空格和換行，如果要保持文本的原有格式，請使用第四種，<pre>保留換行。
8、創建圖像映射
<html> <body> <p>請點擊圖像上的星球，把它們放大。</p> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" /> </map> </body> </html>
其中，<map>定義圖像地圖，包括id和name屬性，感覺一般情況下都要定義；
<area>定義圖像地圖的可點擊區域，包含的屬性：
shape規定區域的形狀
coords規定區域的（x,y）坐標，左上角為（0,0）；比如（x,y,z），xy表示圓心，z表示半徑
<img>中的usemap屬性引用map中的id或name屬性。
9、其他
<br/>-------換行
<hr/>-------水平線
<!-- this is a comment -->---------注釋
以上就是HTML學習筆記一的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
標簽：HTML學習筆記一
推薦資訊 總人氣榜
最新教程 本月人氣
- 1oppo r9與華為榮耀7哪一個好 華為榮耀7與oppo r9比較評測
- 2oppo r9與華為mate s哪一個好 華為mate s與oppo r9比較評測
- 3oppo r9與華為mate8哪一個好 華為mate8與oppo r9比較評測
- 4oppo r9與小米4比較評測 小米4好還是oppo r9好
- 5oppo r9與小米5尊享版哪一個好 小米5尊享版與oppo r9比較評測
- 6oppo r9與vivo x6plus比較評測 vivo x6plus還是oppo r9好
- 7oppo r9與vivo x6哪一個好 vivo x6跟oppo r9的區別
- 8vivo x6s plus與vivo x6s的區別 vivo x6s與vivo x6s plus比較
- 93星s73卡雙待如何弄 3星galaxy s73卡雙待改裝圖文說明教程
- 10oppo r9plus如何預約 oppo r9plus預約圖文說明教程
- 11抱抱軟件如何玩 抱抱軟件如何開美顏 抱抱如何打開美顏圖文說明教程_綠茶安卓網
- 12360手機f4與奇酷青春版比較評測 奇酷青春版與360手機f4哪一個好
- 1蘋果手機如何設置微信透明頭像
- 2鬼怪大結局是什么？韓劇《鬼怪》大結局第16集視頻鏈接
- 3詳細說明MySQL5.7中的關鍵字與保留字
- 4紅米3s與紅米note3哪一個好 紅米note3與紅米3s比較評測
- 5聯想zuk z2開發者模式如何開 聯想zuk z2開發者模式打開圖文說明教程
- 6谷歌瀏覽器|谷歌瀏覽器屏蔽廣告圖文說明教程 谷歌瀏覽器如何屏蔽廣告
- 7用PS如何將照片背景換成藍色
- 8知道sql語句中where與having的區別
- 9mysql event事件調度器的圖文代碼詳細說明
- 10QQ影音如何截取QQ表情？QQ影音截取QQ表情圖文說明教程
- 11QQ影音如何播放3D視頻？QQ影音播放3D視頻設置技巧
- 12最新愛奇藝會員賬號密碼大全（2017.2.20）
