HTML基础-基本结构、列表、表格

最新推荐文章于 2024-06-18 13:20:32 发布

黑小猿

最新推荐文章于 2024-06-18 13:20:32 发布

阅读量178

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43789078/article/details/109519369

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

# 基本知识

HTML基本结构

<!DOCTYPE html>
<html>
	<head>
        <!--文档的标题、css样式、以及一些数据等等-->
		<meta charset="utf-8">
		<title>
            <!--网页标题-->
        </title>
	</head>
	<body>
        <!--网页主要内容-->
    </body>
</html>

HTML标签

文本标签

<P>段落标签</P>

<h1>一级文本标签</h1>
<!--以此类推，一共6级，字体大小逐级递减，但不要为了字体大小而使用该标签-->

列表

<ul>
    <!--无序列表-->
    <li></li>
</ul>
<ol>
    <!--有序列表-->
    <li></li>
</ol>
<!--列表之间可以嵌套-->

表格

<table border="1">
            <thead>
                <tr>
                    <th>组别</th>
                    <th>成员</th> 
                    <th colspan="3" width="10">成绩</th>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td rowspan="3">拒绝996</td>
                    <td>张三</td>
                    <td></td>
                    <td>良</td>
                    <td></td>
                </tr>
                <tr>
                    <td>李四</td>
                    <td>优</td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>王五</td>
                    <td></td>
                    <td></td>
                    <td>差</td>
                </tr>
            </tbody>
        </table>
<!--td	rowspan属性，定义该行占据多少行-->
<td rowspan="数字"></td>
<!--olspan属性，定义该列占据多少列-->
<th colspan="数字"></td>

table结果展示

黑小猿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础-基本结构、列表、表格

# 基本知识HTML基本结构<!DOCTYPE html><html> <head>  <meta charset="utf-8"> <title>  </title> </head> <body> <!--网页主要内
复制链接

扫一扫

专栏目录