2021-08-24

最新推荐文章于 2024-09-26 08:58:28 发布
最新推荐文章于 2024-09-26 08:58:28 发布
阅读量135 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60033634/article/details/119897525
版权

一、插入图像：

<p>
一幅图像：
<img src="/i/eg_mouse.jpg" width="128" height="128" />
</p>

一幅图像： 

    src后接图片的地址，不用和文件写的地址一样

alt属性：加上他之后，图片要是加载不出来，就会用所写的文字代替

<img src="boat.gif"  alt="Big Boat">

 

2. 给背景加图片  在body里

<body background="/i/eg_background.jpg">。。。</body>

3. 图像在文章里的位置

<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p> 

<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>

<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>

关键点在这 align：排列   bottom：默认位置

4. 调整图片尺寸

<img src="/i/eg_mouse.jpg" width="  " height="  ">

<p>通过改变 img 标签的 "height" 和 "width" 属性的值，您可以放大或缩小图像。</p>

5. 图像链接

border：边框

6. 创建图像映射

W3School TIY Editor

二、表格：

1. 定义

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。

2. 表格例子： 

W3School TIY Editor

3. 表格的表头

表格的表头使用 <th> 标签进行定义。是有单元格的

4.  空单元格

不定义边框就没有单元格，或使边框="0"

注：<tr>里只能放<td>或<th>

5. 带标题

<caption>我的标题</caption>       -----居中

6. 横跨行列

colspan="n"       ------横跨n列

rowspan="n"      ------横跨n行

7. 表格内标签

W3School TIY Editor

8. 

我要吃薯片
关注
html设置单元格横跨列数,<td>标签clospan和rowspan 可横跨列数和行数
weixin_39825854的博客
06-11 2378
clospa遇新是直朋能到nHT体朋几一级发等点确层数框的很屏果行4带域ML 标签的 cols直分调浏器代，刚求的一学础过功互有解小久宗点差维含数如数围请pan 属性实例表格单元横跨遇新是直朋能到分览支体调两列的表格：MonthSavingsJanuaryFebruary定义和用法c件览客需和下于有快都业视的事一房望站是有olspan 属性规定单元格可横跨的列抖要支圈者器说是事天开的。年后编定功...
html中单元格横跨的列数是,<td>标签clospan和rowspan 可横跨列数和行数
weixin_36388201的博客
06-14 3736
clospanHTML 标签的 colspan 属性实例表格单元横跨两列的表格：MonthSavingsJanuaryFebruary定义和用法colspan 属性规定单元格可横跨的列数。浏览器支持所以浏览器都支持 colspan 属性。没有浏览器支持 colspan="0"，这个值有特殊的意义。(参见属性值表格中的描述)语法属性值值描述number设置单元格可横跨的列数。注释：colspan=...
2021-08-24T02:29:01.282Z 日期格式转换为：2021-08-24 10:29:01
qq_37148353的博客
08-24 1285
const timeDate = 2021-08-24T02:29:01.282Z function rTime(timeDate) { var json_date = new Date(timeDate).toJSON(); return new Date(+new Date(json_date) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '') }
2021-01-08
weixin_45404781的博客
01-08 935
typedef struct tagCOPYDATASTRUCT { DWORD dwData; //用户自定义字段 DWORD cbData; //数据长度 PVOID lpData; //内容指针 } COPYDATASTRUCT;
2021-08-24 WPF控件专题 ToolBarTray 控件详解
微软MVP Eleven
08-24 3万+
1.ToolBarTray 控件介绍 ToolBarTray使用 ToolBarTray :布局ToolBar的容器、呈放多个ToolBar 位置 索引位置 多个ToolBar，Band 行 BandIndex 带区索引 2.具体案例 <Window x:Class="WpfAppTest.ToolBarTrayWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" x.
2021-04-21
qq_56102648的博客
04-21 840
2021-06-08
luquanyou的博客
11-09 2万+
Copyright © 2017-2020, googlehosts members. https://github.com/googlehosts/hosts Last updated: 2020-02-19 This work is licensed under a modified HOSTS License. https://github.com/googlehosts/hosts/raw/master/LICENSE Modified Hosts Start Localhost (DO NOT R
2021-01-15
hikarilee的博客
01-15 1271
git clone 操作出现 fatal:index-pack failed 此错误为当前克隆文件夹属性只读，将只读取消
2021-08-24 关于Apache 系列组件下载慢的解决方案
zhiyilaodi的博客
08-24 1920
清华官方源：https://mirrors.tuna.tsinghua.edu.cn/ 先在搜索框搜 apache，再搜索你需要的组件，不然找不到，例如直接搜索 hadoop 你会怀疑你进到假网站了
时间格式转换2021-08-17T16:00:00.000Z存入数据库问题
热门推荐
小石小石摩西摩西
08-18 4万+
项目场景： 前台时间格式 2019-03-09T16:00:00.000Z存入数据库不成功 问题描述： 前台 <el-form-item label="配送时间" prop="estimatedTime"> <el-date-picker v-model="form.estimatedTime" type="datetime" /> </el-form-item>
NBA 2021-2022 赛季 阵容（2021.08.24）E--39页.pdf
08-24
【NBA 2021-2022 赛季 阵容解析】 在2021-2022赛季的NBA篮球比赛中，各支球队进行了阵容调整，以期提升竞争力。这里我们将重点分析布鲁克林篮网队、密尔沃基雄鹿队和洛杉矶湖人队的阵容变动。 1. **布鲁克林篮网队...
kk 2021-06-08 09-53-24.mp4
06-08
91谷歌视频设置
HTML和CSS做一个无脚本的手风琴页面（保姆级）
m0_74556076的博客
09-22 1410
使用HTML和CSS做一个无脚本的手风琴页面，适用于很多场景。
【JavaWeb】二、HTML 入门
CSDN全栈领域优秀博主，阿里云博客专家，工信部权威认证物联网技术开发工程师，曾30分钟高分通过C语言二级，两天手撸代码完成EasyX飞机大战，靠接软件私活一个月换苹果电脑
09-22 1246
HTML、CSS 和 JavaScript 在Web开发中扮演着不可或缺的角色。HTML 定义了网页的结构，CSS 控制了网页的样式和布局，而JavaScript 则增强了网页的交互性。这三个技术相互协作，共同构成了现代Web应用的基石。掌握这三个技术，是成为一名合格的Web开发者所必需的。HTML，全称HyperText Markup Language，即超文本标记语言，是一种用于创建网页的标准标记语言。定义：HTML是一种通过标签来描述网页内容和结构的语言。
第十四章：html和css做一个心在跳动，为你而动的表白动画
Json的知识梦工厂
09-22 688
在这个浪漫的季节，让我们一同感受爱的律动！无论你是在表白的前夜，还是想给心爱的他/她一个惊喜，这个跳动的爱心将是你最好的伴侣。它不仅仅是一个动画，而是你对TA深情款款的表达，是你心中那份执着与坚定。无论是初次相遇的心动，还是陪伴多年的默契，我们的心总在为彼此跳动。就像这颗炙热的爱心，随着每一次的跳动，传递着满满的温暖与期待。用这颗充满爱意的心，向TA传达你的心声，让爱在跳动中回响！20%：在动画的 20% 时，爱心扩大，并改变颜色。在这个特别的时刻，让爱在跳动中绽放！文档的主体，包含实际显示的内容。
HTML讲解（三）通用部分
2301_80349538的博客
09-23 989
在HTML中，我们想打印空格并不能直接敲一个空格键，因为如果是敲空格键，那无论你敲了多少个空格，最终也只显示一个空格。在HTML中，我们可以设置文字的字体，像素（或称大小），颜色，我们需要用到以下标记语言。在HTML中，一些特殊文字也是用标记来显示的，我们只举几个学校常考的。其中，face表示字体，size表示像素，color表示颜色。在HTML中，我们可以修改文字为加粗还是倾斜等等。在HTML中，换行不是回车键，而是因此，HTML中创建了单独的空格语言。表示像素时，要加上px，这个记住即可。
python爬虫解析工具BeautifulSoup（bs4）和CSS选择器——处理HTML和XML数据（7）
m0_59470317的博客
09-22 222
解析工具的使用正则语法 BeautifulSoup xpath语法（后续学习）jsonpath 字典推荐使用lxml解析库标签选择器筛选功能弱但是速度快建议使用find()、find_all() 查询匹配单个结果或者多个结果如果对CSS选择器熟悉建议使用select()记住常用的获取属性和文本值的方法。
根据现有html里的元素上面动态创建el-tooltip组件并显示的几种方式
最新发布
宁波阿成的博客
09-26 273
根据现有html里的元素上面动态创建el-tooltip组件并显示的几种方式
<script> let v = new Vue({ el: '#app', data: { value1: '', value2: '', pickerOptions: { shortcuts: [{ text: '今天', onClick(picker) { picker.$emit('pick', new Date()); } }, { text: '昨天', onClick(picker) { const date = new Date(); date.setTime(date.getTime() - 3600 * 1000 * 24); picker.$emit('pick', date); } }, { text: '一周前', onClick(picker) { const date = new Date(); date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); picker.$emit('pick', date); } }] }, tableData: [ { number: '1', date: '2021-08-01' }, { number: '2', date: '2021-08-01' }, { number: '3', date: '2021-08-01' }, { number: '4', date: '2021-08-01' }, { number: '5', date: '2021-08-01' }, { number: '6', date: '2021-08-01' }, { number: '7', date: '2021-08-01' }, { number: '8', date: '2021-08-01' } ], currentPage1: 5, currentPage2: 5, currentPage3: 5, currentPage4: 4 }, methods: { deleteRow(index, rows) { rows.splice(index, 1); }, handleSizeChange(val) { console.log(每页 ${val} 条); }, handleCurrentChange(val) { console.log(当前页: ${val}); }, }, function toggleContent() { var content = document.getElementById("content"); var btn = document.getElementById("toggle-btn"); if (content.style.height === "100px") { content.style.height = "auto"; btn.innerHTML = "收起"; } else { content.style.height = "100px"; btn.innerHTML = "展开"; } } }); </script>有什么错误
06-11
{ number: '3', date: '2021-08-01' }, { number: '4', date: '2021-08-01' }, { number: '5', date: '2021-08-01' }, { number: '6', date: '2021-08-01' }, { number: '7', date: '2021-08-01' }, { number:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值