tft每日頭條

 > 生活

 > html基礎知識點文字版

html基礎知識點文字版

生活 更新时间:2025-01-22 19:39:50
一、音視頻

-音頻标簽:<audio></audio>

-屬性:

src:音頻文件路徑

loop:循環播放

autoplay:自動播放

preload:預加載,none|metadata|auto

-語法結構:

<!--寫法1--> <audio src="1.mp3"></audio> <!--寫法2--> <audio> <source src="1.mp3"></source> </audio>

-視頻标簽:<video></video>

-屬性:

src:音頻文件路徑

loop:循環播放

autoplay:自動播放

width:寬

height:高

poster:封面圖片

preload:預加載,none|metadata|auto

-語法結構:

<!--寫法1--> <video src="1.mp4"></video> <!--寫法2--> <video> <source src="1.mp4"></source> </video>

二、列表

無序列表<ul>

屬性:

type:disc默認的,實心圓

circle空心圓,square方塊

使用:type默認實心圓

<ul> <li>張三</li> <li>李四</li> </ul>

html基礎知識點文字版(學習筆筆記-基本标簽-2)1

type默認為實心圓

使用:type空心圓

<ul type="circle"> <li>張三</li> <li>李四</li> </ul>

html基礎知識點文字版(學習筆筆記-基本标簽-2)2

circle為空心圓

使用:type方塊

<ul type="square"> <li>張三</li> <li>李四</li> </ul>

html基礎知識點文字版(學習筆筆記-基本标簽-2)3

square方塊

有序列表<ol>

屬性:

type:取值有1,a,A,i,I,分别代表數字,小寫字母序列,大寫字母序列,小寫羅馬數字,大寫的羅馬數字,默認的是數字,使用方式同上,這裡不再圖示。

案例:

<ol> <li>張三</li> <li>李四</li> </ol>

自定義列表<dl>

一般用來進行圖文展示

案例:

<dl> <dt> <img src="images/car-1.png" alt=""> </dt> <dd>凱美瑞</dd> </dl>

html基礎知識點文字版(學習筆筆記-基本标簽-2)4

三、div和span

這兩個都可以當作容器來使用,嵌套其他标簽

div:塊級元素,默認占整行

span:行級元素,内容多寬他就多寬

四、表格

結構組成:

table:表格标簽

tr:行标簽

td:列表簽

兩行兩列:

<table border="1"> <tr> <td>姓名</td> <td>年齡</td> </tr> <tr> <td>張三豐</td> <td>100</td> </tr> </table>

border="1" 表示表格邊框寬度為1px

html基礎知識點文字版(學習筆筆記-基本标簽-2)5

合并行:rowspan

<table border="1"> <tr> <td rowspan="2">姓名</td> <td>年齡</td> </tr> <tr> <td>100</td> </tr> </table>

html基礎知識點文字版(學習筆筆記-基本标簽-2)6

合并列:colspan

<table border="1"> <tr> <td colspan="2">信息</td> </tr> <tr> <td>張三豐</td> <td>100</td> </tr> </table>

html基礎知識點文字版(學習筆筆記-基本标簽-2)7

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved