明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

HTML學(xué)習(xí)筆記一

發(fā)表時間：2023-09-12 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]這篇文章介紹的內(nèi)容是關(guān)于HTML學(xué)習(xí)筆記一 ，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下在點擊打開鏈接的學(xué)習(xí)總結(jié)。HTML常用的標(biāo)簽及解釋1、基本格式框架<html><body><h1>標(biāo)題</h1><p>段落</...
這篇文章介紹的內(nèi)容是關(guān)于HTML學(xué)習(xí)筆記一 ，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下

在點擊打開鏈接的學(xué)習(xí)總結(jié)。

HTML常用的標(biāo)簽及解釋

1、基本格式框架

<html>
<body>
<h1>標(biāo)題</h1>
<p>段落</p>
</body>
</html>


2、文本格式化標(biāo)簽

<b>粗體</b>
<big>大號字</big>
<em>著重字（粗）</em>
<i>斜體字</i>
<strong>加強語氣（粗）</strong>
<sub>下標(biāo)</sub>
<sup>上標(biāo)</sup>
<ins>插入字</ins>
<del>刪除字</del>


3、鏈接

<a href="URL" target="_blank"> this is a link </a>


其中，href=超鏈接，target="_blank"表示在新窗口打開文件。

注意，兩者之間用空格。

有一種特殊情況是使用name屬性，可以轉(zhuǎn)跳到name屬性定義的錨。

<a name="tips">基本的注意事項 - 有用的提示</a>
.
.
.
<a href="#tips">跳轉(zhuǎn)到tips標(biāo)簽處</a>

注意，引用錨時要在名字前面加#。


4、圖像

<img src="boat.gif" alt="Big Boat" width="104" height="102" />

其中，src存放圖片所在地址；

alt屬性表示替換文本，即當(dāng)圖片不能加載是所顯示的文字說明；

width和height用于設(shè)置圖片的長度和寬度；

另外，圖像還有一個屬性border用于規(guī)定圖像邊框的寬度。


5、改變屬性的通用方法——style

<body style="background-color:yellow">
<h2 style="font-family:arial;color:red;font-size:20px;text-align:center;">
標(biāo)題
</h2>
</body>

其中，background-color用于設(shè)置背景顏色；

font-family用于設(shè)置字體；

color用于設(shè)置（標(biāo)題）字體顏色；

font-size用于設(shè)置字體大��；

text-align：center居中。


6、引用

第一種：相當(dāng)于“”。

<q>所要引用的話</q>


第二種：長引用，自動縮進，cite表示出處地址（可省略）。

<blockquote cite="URL">......</blockquote>


第三種：縮略詞，鼠標(biāo)放到縮略詞上會顯示完整內(nèi)容，即title。

<abbr title="world health organization">WHO</abbr>

第四種：地址（聯(lián)系信息），自動斜體，并且前后自動加換行。


<address>我是地址</address>

第五種：著作標(biāo)題，自動斜體。

<cite>老人與海</cite>



特別的，雙向重寫，dir="rtl"為從右向左書寫

<bdo dir="rtl">從右向左</bdo>


7、計算機代碼

<kbd>鍵盤輸入</kbd>
<samp>計算機輸出示例</samp>
<code>代碼</code>
<pre>文本</pre>
<var>數(shù)學(xué)公式</var>


其中，前三種均不保留空格和換行，如果要保持文本的原有格式，請使用第四種，<pre>保留換行。


8、創(chuàng)建圖像映射

<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>定義圖像地圖的可點擊區(qū)域，包含的屬性：
shape規(guī)定區(qū)域的形狀

coords規(guī)定區(qū)域的（x,y）坐標(biāo)，左上角為（0,0）；比如（x,y,z），xy表示圓心，z表示半徑




<img>中的usemap屬性引用map中的id或name屬性。


9、其他




<br/>-------換行

<hr/>-------水平線

<!-- this is a comment -->---------注釋

以上就是HTML學(xué)習(xí)筆記一的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。