Html块级元素详解

Html块级元素详解

*块级元素
常见的有：div ， table， tr ， from ， ul ，li ，ol ，h1~h6， p

盒子 div 标签

	<div class="bq" style="width: 100px; height: 100px;background-color: black;0">
		
	</div>

可以用css设置盒子的大小边距和 颜色

table标签

	<table border="" cellspacing="" cellpadding="">
		<tr><th>Header</th></tr>
		<tr><td>Data</td></tr>
	</table>

标题 ：h1~h6

随着h后面的数字增大字体会越小

段落标签： p

这是一个段落

tr

    <tr> 今天</tr>
	<br>
	<tr> 你好</tr>

form 表单元素

表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

<form>
<imput type="text"> 
//表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

	
</form>

有序标签 ：ol

 <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>

效果图

无序标签： ul

   <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>```
    

效果图

清除li标签的默认样式

 <style>
        /*清除li标签的默认样式  */
        
        li {
            list-style: none;
        }
    </style>