推廣 熱搜: WEB前端教程  雅思培訓班  雅思培訓 

WEB前端教程:HTML基本元素

   日期:2019-04-21     瀏覽:335    
核心提示:hr標簽在 HTML 頁面中創建一條水平線。可以在視覺上將文檔分隔成各個部分。屬性:1.align:水平對齊方式,默認居中2.width:水平

<hr>標簽

在 HTML 頁面中創建一條水平線。可以在視覺上將文檔分隔成各個部分。

屬性:

1.align:水平對齊方式,默認居中

2.width:水平線的長度,可取像素(px)和百分比(%)

3.size:水平線的高度

4.color:顏色

示例——使水平線在頁面中間顯示,它的寬度為頁面的50%

<hr align="center" width="50%" />

格式標簽

<address></address> 地址

定義文檔或文章的作者聯系信息。定義在body內則表示文檔聯系信息。這個標簽是帶有語義的,也就是說我們看到a標簽,并不能從直觀意義上知道它是一個超鏈接,但是address,通過翻譯,也能明白這是定義聯系信息,這就是語義化的好處。它以斜體顯示。

示例——定義一段聯系信息

<body>

    <address>

        北京海淀區。西三旗橋東。神州科技園           

    </address>

</body>

<pre></pre>

被包圍在 pre 元素中的文本通常會保留空格和換行符

示例——用pre定義有換行的文本

<body>

<pre>

春眠不覺曉,

處處聞啼鳥。

夜來風雨聲,

 花落知多少。

</pre>

</body>

文本格式化標簽

塊級元素和行內元素

1.塊級元素獨占一行,行內元素在同一行顯示

2.塊級元素默認寬度為100%,行內元素由內容撐開

3.塊級元素可以設置寬高,行內元素不可以設置寬高

4.塊級元素可以設置margin和padding和四個方向,行內元素只可以設置margin和padding和左右值,上下不起作用

5.塊級元素默認的display為block,行內元素的display為inline

6.塊級元素可以包含塊級元素和行內元素,行內元素一般只包含行內元素和文本

7.常見的塊級元素有h1-h6,p,div等,行內元素有a,em,b,i,u等

CONTENTS

01.無序列表

02.有序列表

03.自定義列表

04.表格

列表標簽

無序列表

<ul>    

    <li>第一項</li>           

    <li>第二項</li>

    <li>第三項</li>

</ul>

<ul><li>的屬性type 擁有的選項

disc 默認實心圓

circle 空心圓

square 小方塊

none 不顯示

有序列表

<ol>

    <li>第一項</li>

    <li>第二項</li>

    <li>第三項</li>

</ol>

<ol><li>的屬性type 擁有的選項

1    表示列表項目用數字標號(1,2,3...)

a    表示列表項目用小寫字母標號(a,b,c...)

A   表示列表項目用大寫字母標號(A,B,C...)

i    表示列表項目用小寫羅馬數字標號(i,ii,iii...)

I    表示列表項目用大寫羅馬數字標號(I,II,III...)

自定義列表

<dl>

    <dt>第1項</dt>

    <dd>注釋1</dd>

    <dt>第2項</dt>

    <dd>注釋2</dd>

    <dt>第3項</dt>

    <dd>注釋3</dd>

</dl>

   定義列表默認為兩個層次,第一層為列表項標簽<DT>,第二層為注釋項標簽<DD>

表格

<body>

<table border="1" width="300">

    <caption>表格標題</caption>

    <tr>

        <td>第一行第一列</td>

        <td>第一行第二列</td>

    </tr>

    <tr>

        <td>第二行第一列</td>

        <td>第二行第二列</td>

    </tr>

</table>

</body>

學生信息表TABLE標簽常用屬性表格行的常用屬性表格列的常用屬性表格合并練習表格合并練習TABLE布局練習

Iframe(Inner frame)內聯框架

iframe 元素會創建包含另外一個文檔的內聯框架(即行內框架)。iframe是屬于內聯框架,它是body的子級,和body是父子關系。iframe作為一個普通元素放在body里

屬性

①width 可設置內聯框架的寬

②height 可設置內聯框架的高

③name 設置框架名稱

④src 設置頁面的路徑

⑤scrolling規定是否在 iframe 中顯示滾動條(yes,no,auto)

⑥ frameborder規定是否顯示框架周圍的邊框(1默認有邊框,0)

HTML實體字符

 
標簽: WEB前端教程
打賞
 
更多>同類資訊

推薦圖文
推薦資訊
點擊排行
網站首頁  |  關于我們  |  聯系方式  |  使用協議  |  版權隱私  |  網站地圖  |  排名推廣  |  廣告服務  |  網站留言  |  RSS訂閱  |  違規舉報  |  粵ICP備19057289號-9
 
伦理电影在线手机观看神马一视频