HTML學習筆記一

不言原創: 2018-04-19 14:29:401607瀏覽

這篇文章介紹的內容是關於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>

第四種：位址（聯絡資訊），自動斜體，並且前後自動加換行。

<br/>

<address>我是地址</address>

第五種：著作標題，自動斜體。

<cite>老人与海</cite>

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

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

7、電腦程式碼

<kbd>键盘输入</kbd>
<samp>计算机输出示例</samp>
<code>代码</code>
<pre class="brush:php;toolbar:false">文本

数学公式

#其中，前三種都不保留空格和換行，如果要保持文字的原有格式，請使用第四種，e03b848252eb9375d56be284e690e873保留換行。

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>

#其中，dab9f699790ab0922e596ecb9f6677d5定義映像地圖，包括id和name屬性，感覺一般情況下都要定義；

03fc64e1e502d5ba947b3a9af06d2d2a定義圖片地圖的可點擊區域，包含的屬性：
shape規定區域的形狀

## shape規定區域的形狀

## shape coord 規定區域的（x,y）座標，左上角為（0,0）；如（x,y,z），xy表示圓心，z表示半徑

a1f02c36ba31691bcfe87b2722de723b中的usemap屬性引用map中的id或name屬性。

9、其他

076402276aae5dbec7f672f8f4e5cc81-------換行

fa8fd94cc4b4d9671e4ee513ae2a31d1-------水平線######7e3aeece7d701bbec11694f19f8d8878---------註解###

以上是HTML學習筆記一的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html map this href border background

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：關於html、js的一些用法小技巧下一篇：關於html、js的一些用法小技巧

看更多