Chapter II lists, tables and media elements

Empire my love 2022-05-14 14:53:54 阅读数:532

chapteriiliststablesmedia


list :
A list is a display of information resources .
Classification of lists : Unordered list 、 Ordered list 、 Definition list
Unordered list syntax :
<ul>
<li> Content </li>
</ul>
The nature of unordered lists
There is no order , Every <li> The tag is on a single line ( A block element )
Default <li> There is a small solid dot in front of the label item
Generally used for unordered type lists , Such as navigation 、 Sidebar news 、 Regular graphic combination module, etc


Ordered list syntax :
<ol>
<li> Content </li>
</ol>
The properties of ordered lists
In order , Every <li> The tag is on a single line ( A block element )
Default <li> The tag item is preceded by a sequence mark
It is generally used to sort the list of types , Such as test paper 、 Questionnaire options, etc


Define list syntax :
<dl>( Declaration definition list )
<dt></dt>( Declare list items )
<dd></dd>( Declare the contents of the list )
</dl>
Define the properties of the list
There is no order , Every <dt> label 、<dd> The tag is on a single line ( A block element )
There is no tag by default
It is generally used when there are one or more list items under a heading


form :
Cross column :colspan=" Number of cells spanned horizontally "
enjambment :rowspan=" Number of cells spanned vertically "


Table Syntax :
<table>( Tabular label )
<tr>( Row labels )
<td></td>( Cell labels )
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>


The cross column of the table
<table>( Tabular label )
<tr>( Row labels )
<td   (rowspan)colspan="n"( Number of columns to span )></td>( Cell labels )
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>




Media elements :
Video elements (video)、 Audio elements (audio)
-----------------------------------------
Video elements (video):
<!--controls(video Play the video )   autoplay( Auto play )    controls( Provide playback 、 Pause and volume controls )-->
<video controls="controls">
<source src="video/video.webm" type="video/webm"/>
<source src="video/video.mp4" type="video/mp4"/>
</video>
Audio elements (audio):
<!--controls( Provide playback 、 Pause and volume controls )-->
<audio controls="controls">
<source src="video/music.mp3" type="audio/mp3"/>
<source src="video/music.ogg" type="audio/ogg"/>
</audio>


----------------------------------------


HTML5 The structural elements of :(header、section、article、nav、aside、footer)
<!--article( Independent article content ) aside( Relevant content or application - Often used in sidebar )  nav() Navigation aids -->
<header>
<h1> Page header </h1>
</header>
<section>
<h1> The main part of the page </h1>
</section>
<footer>
<h1> At the bottom of the page </h1>
</footer>
版权声明:本文为[Empire my love]所创,转载请带上原文链接,感谢。 https://qdmana.com/2022/134/202205141446235754.html