goldmark markdown html 147
使用vscodep快速编写markdown
## 写在前面 > 这是一篇基于 vscode 配置,用于书写 markdown 的文章 > 为了方便快速书写 markdown 真想使用一些便捷的快捷键去生成一些自己常用的格式或者是模版，于是自己基于自己的个人习惯去创建了一些快捷键，用起来还是很方便的，当然自己也是尽可能的语义化了，希望能帮到大家 ......
html+css：“圣杯布局”的设计案例
一、什么是圣杯布局 圣杯布局：左右两个盒子固定宽度， 中间盒子自适应 二、圣杯布局的设计原则： 我们现在来思考自适应这个问题，其本质就是 left 和 right 覆盖一整个大的center， 然后center使用padding把内容左右留出left和right相应的宽度。 可是，现在如何来覆盖呢？ ......
爬虫系统的核心：如何创建高质量的HTML文件？
在网页抓取或爬虫系统中，HTML文件的创建是一项重要的任务。HTML文件是网页的基础，包含了网页的所有内容和结构。在爬虫系统中，我们需要生成一个HTML文件，以便于保存和处理网页的内容。 在这种情况下，可以使用Java函数来实现将爬取到的网页内容保存为HTML文件的功能。具体来说，当爬虫系统获取到需 ......
html+css：滑动门的设计案例
一、什么是滑动门布局？ 其代码效果如下所示，其不管中间的文字多长，其图片都可以包含进去！！ 二、如何实现滑动门布局？ 首先，我们通过背景图片，通过 <a> <span> 关于我们 </span> <a> 这种来将内容包裹进去。 然后对a进行 background-img 左边，然后对span进行 b ......
Markdown语法
Markdown学习 标题 三级标题 四级标题 字体 Hello，World！ Hello，World！ Hello，World！ Hello，World! 引用 引用选择 分割线 图片 超链接 点击跳转到宝贝 列表 A B 名字性别生日 张三 男 1999.9.9 代码 hello public ......
Windows服务器使用IIS部署html页面
如果用的是Linux相同的话 把前端部署上去 你就是直接把本地的文件cv过去就行了 页面的ip就是你服务器的ip 但是在windows系统上 就不行 你要自己配置一个公网ip 配置步骤如下: 双击打开服务器 然后就可以了 然后这边启动你刚刚配置的项目 出现这个页面 解决办法 找到这个应用程序 改为t ......
html+css：padding与margin的应用场景，以及margin上边框合并问题
一、一个困扰自己长久的问题 padding 和 margin 其似乎可以实现相同的效果，但是纠结使用哪一个。 现在一个规定： 若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！ 若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！ 若是内 ......
html+css：<a>中嵌入<img>，实现图片链接
这个很好理解，记住 <a> 中不仅可以写标签，还可以嵌入文字。 现在效果如下，在<a>中嵌入了<img>，同时又嵌入了<p>，点击图片和文字段落，其都会直接来进行跳转。 这个是非常重要的，一点也不难，耐心做下去。 ......
html+css：文章居中，图片居中
我们平常要涉及很多居中，现在这个要理解 一、文字内容居中 如下，其宽度居中采用text-align，但其高度居中，则让块高度，和行高度保持一致，此时就可以实现宽度居中 二、图片居中于浏览器，img作为行内块元素是无法实现的！ img作为行内块元素，其有行的性质，此时 margin 是没有效果的，如下 ......
html+css：padding + content 才是盒子的内容大小
这个要知道，我们有padding，这个padding指的是内容（举个例子，背景颜色就不属于内容）。 我们在计算内容的宽高时要记住，如下图的对比，padding的这个要理解 ......
Markdown快捷键
标题的级数：#加一个空格(几级标题写几个#)标题名 字体加粗：前后2个*，中间是字体--> **字体** 字体斜体：前后一个*，中间是字体--> *字体* 字体斜体加粗：前后3个*，中间是自已字体--> ***字体*** 字体废弃：前后2个~，中间是字体--> ~~字体~~ ## 引用 引用的效果: ......
html+css：深入理解 background-img 和 img区别
这俩 background-img 和 img，在图片布局时，我们经常用到，但我们有时很难理解其区别。 简单来说，background-img，其作为背景，图片大小本身无法决定内容的大小！！ 简单来说，background-img，其作为背景，图片大小本身无法决定内容的大小！！ 简单来说，backg ......
html+css：深入理解“块级元素”、“行内元素”和“行内块”元素
“块级元素”、“行内元素”和“行内块”元素，理解这个，才能深入理解css的盒子模型，这个是非常重要的。 其关键是“宽高”，理解“宽高”，“宽高”，“宽高”！！！ 这个是其根本区别，行内元素是由内容撑开，给宽高不起作用！！ 一、行内元素只记住 span 和 a 元素即可 如下，什么 dd,dt都是块级 ......
Markdown学习
标题名字 HelloWord！ HelloWord！ HelloWord！ HelloWord！  超链接 跳转csdn 表格 姓名年龄年纪 张三 19 9 A B C D 1 2 3 4 ......
markdown语法
# markdown语法 (“#”指的是标题的级别，一级一个#，二级两个##，以此类推)+空格+标题内容 标题的使用 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ** +字体 ** 加粗字体 **加粗** *+空格 无序列表圆点 * 无序列表1 * 无序 ......
借助html2canvas下载图片，有滚动条的情况显示不全的问题
我自己的遇到的情况是将页面的一个小窗口里边的内容生成图片下载， 试了网上搜到的几个方法都没有生效， 最后自己用了个取巧的方法：通过调整overflow-y来解决这个问题。 downloadItem() { const targetDom = document.getElementById(`imag ......
HTML5图片路径
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
HTML5与CSS3实现动态网页（上）
结构标签 article：标记定义一篇文章 header：标记定义一个页面后者一个区域的头部 nav：标记定义导航链接 section：标记定义一个区域 aside：标记定义页面内容部分的侧边栏 hgroup：标记定义文件中一个区块的相关信息 figure：标记定义一组媒体内容以及他们的标题 fig ......
Markdown学习
Markdown学习 标题 三级标题 四级标题 Hello World! Hello World! Hello World! Hello World! 引用 选择狂神说JAVA，走向人生巅峰 分割线 图片 超链接 点击跳转到狂神博客 列表 1 3 A B C 表格 名字性别生日 张三 男 1997. ......
HTML基础知识
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
学习Markdown
# 学习Markdown Typora初体验 ## 标题 语法：`#+空格+标题+回车`。几级标题就有几个#号。 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 ####### 七级标题。。。我没有 ## 字体 *斜体* 语法： $$ *内容* $$ **加粗** ......
一个简单的html时间显示页面-可做小工具
代码由 chatgpt3.5 生成，已验证 index.html ```html 当前时间 当前时间 --> 生活是一种态度。 保存笔记 (Ctrl + S) ``` 页面效果： 协议的网页语言 #### 1.2 html的版本 HTML 4.01 以及具备完善的网页编辑 HTML 5.0 移动端网页编辑 XHTML 语法严格 #### 1.3 浏览器 保障兼容 ......
Markdown语法
# Markdown学习 ## 标题 ### 三级标题 #### 四级标题 ## 字体 **Hello,World!** *Hello,World!* ***Hello,World!*** ~~Hello,World!~~ ## 引用 > 走过苦逼的日子，才能走向人生巅峰 ## 分割线 *** ## ......
Markdown
# 简介 -[教程](https://www.runoob.com/markdown/md-tutorial.html) Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。 VSCode 下安装 Markdown Preview Enhanced 插件 # 标题 ` ......
Markdown语法学习
# Markdown学习 标题：（#+空格,几级就是几个，最多6级） ## 二级标题 ### 三级标题 #### 四级标题 ## 字体 **Hello，World！**（两边**，加粗） *Hello，World！*（两边*，斜体） ***Hello，World！***（两边***，斜体） ~~He ......
Vue-----模板插值-----(v-once、v-html、v-bind使用)
1、v-once 当组件在进行变量插值时只会插值一次。某些情况下，某些组件的渲染是由变量控制的，但是我们想让它一旦渲染后就不能够再被修改，可以是由v-once来实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met ......
批量下载Markdown文件到本地
批量下载Markdown文件到本地在Markdown 文件中 可能存在远程引用图片的情况,但是在某些情况下 ,我们处于无网环境, 就可能造成Markdown 查看异常 1> [图片](https://cn.bing.com/images/search?q=%25E5%259B%25BE%25E7%2 ......
Markdown学习
# Markdown学习 ## 二级标题 ### 三级标题 ## 字体 **Hello, World!** *Hello, World!* Hello, World! ~~Hello, World!~~(小写状态下:esc下面的键+control+shift) `Hello, World!` Hel ......