欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

HTML-列表标签list与表格标签table

程序员文章站 2022-03-08 08:42:37
...

列表标签

     <ul>无序列表
                属性：
                     type  列表类型   值：disc实心圆  circle 空心圆  square  方块
            
       <ol> 有序列表
                属性：
                     type 列表类型    值：A a 1 I i等
                     start 起始值     值：起始字母/数字
                     reversed  倒序      值：reversed

示例：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
  
    <ul type="disc"><font color="red">只是个标题</font>
    	<li>列表1</li>
    	<li>列表1</li>
    	<li>列表1</li>

    </ul>

    <ol type="a" start="3" reversed="reversed"><font size="5">有序列表</font>
    	<li><a href="http://www.baidu.com" target="_blank">列表1</a></li>
		<li><a href="./success.html">登录窗口</a></li>
		<li>列表1</li>

		<li>列表1</li>


    </ol>
</body>
</html>

<a>标签  超链接标签  

属性：

    href： 网站地址  例如：http://www.12356789.com

   target：跳转形式  _self在自己网页打开   _blank另开一个网页打开

效果是：

HTML-列表标签list与表格标签table

表格标签

表格标签 <table>
                属性：
                     width  height：px
                     border：边框
                     cellpadding:单元格内文字与边框的距离
                     cellspacing:外边距
                     align: "left"  "center"
                     bgcolor：背景颜色
                标签
                    <tr>:行
                        属性：
                             align：对齐
                             bgcolor：背景纯色
                             height：高
                    <td>:列

                        属性：

                               colspan：横向合并
                               rowspan：竖向合并

示例：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		

	<table border="1" cellspacing="0" cellpadding="15px" bgcolor="#776655" width="1366">
		<thead align="center">
			<!-- 表头属性 -->
			<tr> 
				<th>日期</th>
				<th>年龄</th>
				<th>生日</th>	
			</tr>
			<tr></tr>

		</thead>
		<tbody align="center">
			<tr>
				<td rowspan="2">hello</td>
				<td>abandon</td>
				<td>im</td>
			</tr>
			<tr>
				
				<td>you</td>
				<td>hello</td>
			</tr>
		</tbody>
		<tfoot align="center">
			 <!-- tfoot :表尾 添加总计等附加内容
			 		 -->
			<td colspan="2">合计</td>
		    
			<td>256</td>
		</tfoot>
	</table>


</body>
</html>

效果是：

HTML-列表标签list与表格标签table

 做早期界面时一般使用表格属性写的，现在一般不适用表格写了

 

相关标签： HTML List table 表格标签 列表标签

上一篇： 通过PHP来检查一个人是否有资格投票

下一篇： PHP 匿名函数与注意事项详解

推荐阅读