這篇文章介紹的內容是關於HTML學習筆記一 ,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下
在點擊打開鏈接的學習總結。
HTML常用的標籤及解釋
1、基本格式框架
<html> <body> <h1>标题</h1> <p>段落</p> </body> </html>
<br/>
2、文字格式化標籤<br/>
<b>粗体</b> <big>大号字</big> <em>着重字(粗)</em> <i>斜体字</i> <strong>加强语气(粗)</strong> <sub>下标</sub> <sup>上标</sup> <ins>插入字</ins> <del>删除字</del>
<br/>
3、連結<br/>
<a href="URL" target="_blank"> this is a link </a>
<br/>
其中,href=超鏈接,target="_blank"表示在新視窗開啟文件。
注意,兩者之間用空格。
有一個特殊情況是使用name屬性,可以轉到name屬性定義的錨。 <br/>
<a name="tips">基本的注意事项 - 有用的提示</a> . . . <a href="#tips">跳转到tips标签处</a>
注意,引用錨時要在名字前面加#。
<br/>
4、圖片<br/>
<img src="boat.gif" alt="Big Boat" width="104" height="102" />
其中,src存放圖片所在位址;
alt屬性表示替換文本,即當圖片不能加載是所顯示的文字說明;
width和height用於設定圖片的長度和寬度;
另外,圖像還有一個屬性border用於規定圖像邊框的寬度。
<br/>
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用於設定字體;<br/>
color用於設定(標題)字體顏色;
font-size用於設定字體大小;
text-align:center居中。
<br/>
6、引用
第一種:相當於「」。
<q>所要引用的话</q>
<br/>
第二種:長引用,自動縮進,cite表示出處位址(可省略)。 <br/>
<blockquote cite="URL">......</blockquote>
<br/>
第三種:縮寫詞,滑鼠放到縮寫詞上會顯示完整內容,即title。 <br/>
<abbr title="world health organization">WHO</abbr>
第四種:位址(聯絡資訊),自動斜體,並且前後自動加換行。
<br/>
<address>我是地址</address>
第五種:著作標題,自動斜體。 <br/>
<cite>老人与海</cite>
<br/>
<br/>
特別的,雙向重寫,dir="rtl"為從右向左書寫
<bdo dir="rtl">从右向左</bdo>
<br/>
7、電腦程式碼<br/>
<kbd>键盘输入</kbd> <samp>计算机输出示例</samp> <code>代码</code> <pre class="brush:php;toolbar:false">文本数学公式
<br/>
#其中,前三種都不保留空格和換行,如果要保持文字的原有格式,請使用第四種,
保留換行。<br/>
8、建立映像映射<br/>
请点击图像上的星球,把它们放大。
登入後複製
#其中,
定義圖片地圖的可點擊區域,包含的屬性:
## shape規定區域的形狀
shape規定區域的形狀## shape coord 規定區域的(x,y)座標,左上角為(0,0);如(x,y,z),xy表示圓心,z表示半徑
中的usemap屬性引用map中的id或name屬性。
9、其他
<br/>-------換行
-------水平線######---------註解###以上是HTML學習筆記一的詳細內容。更多資訊請關注PHP中文網其他相關文章!