插入代码

最新推荐文章于 2024-03-25 08:20:21 发布
最新推荐文章于 2024-03-25 08:20:21 发布
阅读量905 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39913441/article/details/95177674
版权

HTML 基础 之 表格 table


HTML 基础 之 表格 table 

在这里插入代码片


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<!-- cellspacing   设置单元格与单元格之间的距离
				cellpadding    设置文字与单元格之间的距离
				algin  排列单元格内容，left,right,center
				bgcolor 设置背景颜色
				caption  定义表格标题，标签必须紧随table标签之后，每个表格只能定义一个标题,一般居中在表格之上
				th  表头，通常在第一行或者第一列-->
				<!-- 表格的结构
					使用表格进行布局时，可以将表格分为：头部 ，主体 ，页脚。
					thead  头部
					tbody  主体
					tfoot  页脚
					三者都在 table 标记中-->
			<table border="1" cellspacing="0px" cellpadding="20px"align="center" height="400px" width="200px">
				<caption>定义表格标题</caption>
				<tr>
					<th align="left" bgcolor="aqua">第一列/行表头</th>
					<th align="center">Header1</th>
					<th>Header2</th>
					<th>Header3</th>
					<th>Header4</th>
				</tr>
				<!-- 整行向右对齐 -->
				<tr align="right" bgcolor="#E78787">
					<th>第一列表头</th>
					<td>Data1</td>
					<td>Data2</td>
					<td>Data3</td>
					<td>Data4</td>	
				</tr>
				<tr valign="bottom">
					<th>第一列表头</th>
					<td align="center" bgcolor="coral">Data1</td>
					<td align="center" bgcolor="coral">Data2</td>
					<td align="center" bgcolor="coral">Data3</td>
					<td align="center" bgcolor="coral">Data4</td>
				</tr>
				<!-- 跨行，跨列 单元格 
				colspan 合并列
				rowspan 合并行-->
				<tr>
					<th bgcolor="darkslateblue" rowspan="2" align="center">跨2行</th>
					<td>DATA1</td>
					<td>DATA1</td>
					<td>DATA1</td>
					<td>DATA1</td>
				</tr>
				<tr>
					<th>header1</th>
					<td>data1</td>
					<td bgcolor="brown" colspan="2" align="center">跨2列</td>
				</tr>
				<!-- 合并两行两列 -->
				<tr>
					<td bgcolor="cornflowerblue" rowspan="2" colspan="2"  align="center">跨2行2列</td>
					<td>DATA1</td>
					<td>DATA1</td>
					<td>DATA1</td>
				</tr>
				<tr>
					<td>DATA1</td>
					<td>DATA1</td>
					<td>DATA1</td>
				</tr>
			</table>
		</div>
	</body>
</html>

在这里插入图片描述

qq_39913441
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
CKEditor 附插入代码的插件
10-29
从官网下载ckeditor，我下载的是ckeditor_3.0.2。CKEditor与原来的FCKeditor有太大的不同了，作为开发人员，在做自己的博客的时候总是需要贴代码的，只好给它先做一个插入代码的插件了。
XeTex 插入代码
04-05
NULL 博文链接：https://qianjigui.iteye.com/blog/1538409
如何在word 里插入代码？
热门推荐
黄岛主的博客
06-14 3万+
在word中插入代码
直接插入排序源代码的基础讲解
Krisslr的博客
04-16 399
** 直接插入排序源代码的基础讲解 建议直接看讲解存在疑惑的可以先看看这个～具体的分析参照另一篇高阅读文章 源代码 void InsertSort( int a[],int n) { int i,j,tmp; for(i=1;i<n;i++) { tmp=a[i]; j=i-1; while(j>=0&&a[j]>tmp) { a[j+1]=a[j]; j–; }...
嵌入式代码的一些常见操作
最新发布
strongerHuang
03-25 87
转自| 嵌入式大杂烩嵌入式代码优化是一个复杂的过程，它不仅取决于代码本身，还取决于目标硬件平台、编译器以及优化的目标（例如速度、内存使用、功耗等）。不过，有一些通用的技巧可以在编写嵌入式代码时考虑到：使用查表法在内存空间较为充足的情况下，有时候可以牺牲一些空间来换取程序的运行速度。查表法就是 以空间换取时间 的典型例子。比如：编写程序统计一个4bit（0x0~0xF）数据中1的个数。使用查表法：...
Web页面插码
叶青
08-16 2879
概述 最近在忙一些项目，同时也在学习Vue.js和Go开发，发现Vue.js的组件封装功能真的太强大了，可以很快并且便捷的完成页面的开发，不需要去考虑那么多的样式和排版，直接引用社区大神们封装完成的样例模板，已经很好地满足我对前端开发的需求了。 手上有些项目的，包括zabbix这些前端已经写得差不多的产品或者项目，想要在这个交互前端上面增加一些按钮或者报表，来辅助用户更好地完成页面的交互，总不可能去推倒重来，所以这里我用了页面插码的方式来进行功能的完善。 原理 我们知道，无论是jsp或者php写的前端
JVM插码之五:Java agent+ASM实战--监控所有方法执行时间
zhangge3663的博客
05-02 954
本文建立在对instrumentation和agent有初步的了解的前提下阅读，关于这2个类的讲解在其它文章中。 这是一个maven项目，pom中需要的配置，lib中有asm的jar包 pom.xml文件： <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://mav
如何在CSDN中插入代码
weixin_52296952的博客
01-19 1445
如何在CSDN 中插入代码块
帝国CMS FCKeditor编辑器添加插入代码插件方法（基于SyntaxHighlighter代码高亮插件）
09-29
主要介绍了帝国CMS FCKeditor编辑器添加插入代码插件方法（基于SyntaxHighlighter代码高亮插件）,需要的朋友可以参考下
xhEditor实现插入代码功能
08-13
博文参考地址：http://blog.csdn.net/itmyhome1990/article/details/38495623
FCKeditor 编辑器插入代码功能实现步骤
10-29
4步轻松打造可以应用于任何FCK编辑器的CMS及其他程序,一个Fckeditor编辑器的插件，it560独家首发教程,无需增加字段，不修改代码，完全绿色环保。
【Blog】CSDN博客中插入代码的方法
Ljnoit
08-22 795
首先打开“管理博客” 注意： 写博客的编辑器有两种，Markdown编辑器和富文本编辑器（默认是Markdown编辑器）。 富文本编辑器的效果 Markdown编辑器的效果 先介绍富文本编辑器 1.点击“插入代码段” 2.选择语言 3.输入代码,点击确定 4.发表博客，然后查看文章，预期的代码高亮便成功生成了。 再介绍Markdown编辑器 1.点击“<>”符号，...
怎么在发表csdn博客的时候插入美观的代码段
Kitsuha的博客
12-13 1776
相信很多朋友们在自己写博客需要插入代码的时候，很多时候都是直接在编辑窗口进行复制，但是看到别人的博客代码片段却很美观，如果您也心动的话就需要学习一下如何插入代码段，其实很简单，只需要在编辑窗口上方的工具栏中选择： 下面就来看一下两者的对比效果吧： 使用前： #!/usr/bin/env python # -*- coding:utf-8 -*- import numpy as n...
CSDN中如何插入代码
weixin_42072280的博客
05-07 1892
步骤1：在CSDN写博客的编辑页面中找到如下图标（下拉可以选择编程语言）     步骤2：在上图的编辑框中输入代码，在写博客的过程中视图如下步骤3：发布博客之后的视图如下clc;clear all;close all; I = imread('cameraman.tif'); figure; imshow(I); title('source');...
如何化在论坛回复中添加代码
逐渐成长的coder
10-26 2903
void main() { return 1; } 知道在博客里怎么加代码了，在上述图标的右边数第4个，也就是笑脸图标的下一个的右边，应该可以看到了：）当然需要在编辑是在有哪些图标奥 在论坛回复里，编辑图标的第7个是插入源代码图标，点击这个就可以插入源代码，c和sql测试过，都是可以的。 这种简单的事可能对于网站开发的来说比较简单，但是对于做移动开发又没法过代码的人来
简介CSND博文中如何插入源代码
明哥的专栏
03-09 6026
之所以选择CSDN作为平台，有两个原因。其一，CSND有很多资源，是学习IT等相关技术的最佳无限课堂。其二，可以方便插入代码到博文（当然，还有其它平台也可以，如百度空间，但这里大虾多）。本学期就要叫学生通过这个平台来交流，将有限的师生学习时间（课堂时间）和空间（教室）扩到无限，实现交流和互动性和随时性，并提交作业。故，必需学会如何在博文中加入代码。下面通过第一个小程序来简介说明。 　　当要插入代
markdown插入代码块
01-02
在Markdown中插入代码块非常简单。你可以使用三个反引号（```）将代码块包围起来，并在反引号后面指定代码的语言类型。例如，如果你要插入Python代码块，可以这样写： \```python print("Hello, World!") \``` 这...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值