goldmark markdown html 147
9、Markdown 链接语法
9、Markdown 链接语法 链接文本放在中括号内,链接地址放在后面的括号中,链接title可选。 超链接Markdown语法代码:[超链接显示名](超链接地址 "超链接title") 对应的HTML代码:<a href="超链接地址" title="超链接title">超链接显示名</a> 这是 ......
10、Markdown 图片语法
10、Markdown 图片语法 要添加图像,请使用感叹号 (!), 然后在方括号增加替代文本,图片链接放在圆括号里,括号里的链接后可以增加一个可选的图片标题文本。 插入图片Markdown语法代码:![图片alt](图片链接 "图片title")。 对应的HTML代码:<img src="图片链接 ......
11、Markdown 转义字符语法
11、Markdown 转义字符语法 要显示原本用于格式化 Markdown 文档的字符,请在字符前面添加反斜杠字符 \ 。 \* Without the backslash, this would be a bullet in an unordered list. 渲染效果如下: Without ......
7、Markdown 代码语法
7、Markdown 代码语法 要将单词或短语表示为代码,请将其包裹在反引号 (`) 中。 | Markdown语法 | HTML | 预览效果 | | | | | | At the command prompt, type `nano`. | At the command prompt, type ......
8、 Markdown 分隔线语法
8、 Markdown 分隔线语法 要创建分隔线,请在单独一行上使用三个或多个星号 (***)、破折号 ( ) 或下划线 (___) ,并且不能包含其他内容。 *** _________________ 以上三个分隔线的渲染效果看起来都一样: 分隔线(Horizontal Rule)用法最佳实践 为 ......
day 05 5.1 前端基础之HTML
前端基础之HTML 了解了web相关基本概念以后,我们开始正式接触网页开发,网页开发的基础是HTML, 所以,本章内容主要分两部分, 一是介绍HTML的相关概念、发展历史, 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
03-初识HTML
title: 03-初识HTML publish: true 编辑器相关 前端开发的编辑器软件,我首先推荐 VS Code,其次推荐Sublime Text。 有人说 WebStorm 也不错?但真实情况是,自从VS Code 问世之后,用 WebStorm 的人越来越少了。 PS:文件的后缀名不能 ......
12-HTML基础回顾
title: 12-HTML基础回顾 本文主要内容 html 的常见元素 html 元素的分类 html 元素的嵌套关系 html 元素的默认样式和 CSS Reset html 常见面试题 html 的常见元素 html 的常见元素主要分为两类:head 区域的元素、body 区域的元素。下面来分 ......
06-HTML标签:图片标签
title: 06-HTML标签:图片标签 publish: true img标签介绍 介绍 img: 英文全称 image(图像),代表的是一张图片。 如果要想在网页中显示图像,就可以使用img 标签,它是一个单标签。语法如下: <img src="图片的URL" /> 能插入的图片类型 能够插入 ......
08-HTML5详解
title: 08-HTML5详解 publish: true HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1(严格的html) 2002 Tablel ......
04-HTML标签:排版标签
title: 04-HTML标签:排版标签 publish: true 本文主要内容 排版标签: <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。 标题标签 标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标 ......
07-html标签图文详解(二)
title: 07-HTML标签图文详解(二) 本文主要内容 列表标签:<ul>、<ol>、<dl> 表格标签:<table> 框架标签及内嵌框架<iframe> 表单标签:<form> 多媒体标签 滚动字幕标签:<marquee> 列表标签 列表标签分为三种。 1、无序列表<ul>,无序列表中的每 ......
10-HTML5详解(二)
title: 10-HTML5详解(二) publish: true 本文主要内容 拖拽 历史 地理位置 全屏 拖拽 如上图所示,我们可以拖拽博客园网站里的图片和超链接。 在HTML5的规范中,我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作,其中图片、链接 ......
11-HTML5详解(三)
title: 11-HTML5详解(三) publish: true Web 存储 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以document.cookie来进行存储的,但是由于其存储大小只有4k左右,并 ......
05-HTML标签:字体标签和超链接
title: 05-HTML标签:字体标签和超链接 publish: true 本文主要内容 字体标签: <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 字体标签 特殊字符(转义字符) :空格 (non-breaking spacing,不断打空格) < ......
09-HTML5举例:简单的视频播放器
title: 09-HTML5举例:简单的视频播放器 publish: true 我们采用 Bootstrap 网站的图标字体,作为播放器的按钮图标。 index.html的代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ......
PDFUtils (解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF)
最近用到解析PDF, 整个小公举 解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF 依赖: <dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>pdfbox</artifactId> <version> ......
JavaScript增删HTML标签
要在JavaScript中添加和删除标签,可以使用以下代码: 添加标签: ```javascript // 创建一个新标签 var newTag = document.createElement("p"); // 设置标签属性和内容 newTag.setAttribute("id", "myTag" ......
JavaScript修改HTML内容
要使用JavaScript修改网页中的文字和链接,可以使用以下方法: 1. 通过id获取元素,并使用innerHTML属性修改元素的内容。例如: ``` // 修改id为myText的元素的内容 document.getElementById("myText").innerHTML = "新的文本内 ......
HTML常用标签
HTML 中常用的标签: <html>:定义 HTML 文档的根元素,包括 <head> 和 <body>。 <head>:定义文档头部,包含元数据和其他文档级设置,如标题、样式表和脚本等。 <body>:定义文档的主体部分,包含文档的内容。 <h1> - <h6>:定义标题,从大到小分别为一级标题 ......
HTML5常用标签
HTML5中常用的标签和高级标签有很多,以下是其中比较常用的标签及其作用说明和标签属性说明: 常用标签 1. <html>标签 <html>标签是HTML文档的根元素,它包含了整个HTML文档。它的属性有: lang:指定页面的主要语言,值为语言代码,例如en表示英语,zh-CN表示简体中文。 2. ......
如何在html页面引入Element组件
相关步骤 1、引入相关链接 <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/v ......
Markdown学习
Markdown学习 标题 三级标题 四级标题 字体 hello xiaotian! hello xiaotian! hello xiaotian! hello xiaotian! 引用 会一直喜欢大妞 分割线 图片 超链接 点击跳转到kdmad博客 列表 A B C A B C 表格 名字性别生日 ......
html5常用的语义化标签
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。 2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web ......
html实体编码
1、介绍 html虽然不是程序语言,但也存在某些预留字符用于结构描述,以及某些无法键盘输入的字符。因此也需要类似\的转义。 在html中,称为实体编码,与\转义有所不同。 2、html实体编码 html实体编码有三种格式。这三种作用是相同的。 实体名称 十进制实体编号   八 ......
html基础
1、介绍 html,hypertext markup language超文本标记语言,是www网络的重要组成部分,用于对文本、图片等资源在前端的显示进行标记。 不具备编程语言的数据变量、运算符、控制结构等特征,只是标记语言而非编程语言。 html一般保存在文件后缀名.html或.htm。另外还存在于 ......
html表格
1、介绍 html中,通过table、caption、thead、tr、th、td标签组织和管理表格数据。嵌套关系如下: <table> <caption>表格标题</caption> <thead> <tr><th>列名1</th><th>列名2</th></tr> </thead> <tbody ......
html一般元素
1、h <h1>一级标题</h1> h1-h6,共六个等级,表示标题及重要程度,会有加粗和字体大小效果,h1最大也最重要 不建议为了显示效果滥用h标签 2、p <p>段落 文本</p> 表示段落,前后会自动换行 多个空格及其他空白符会显示为一个空格 3、br <br> 表示换行,不会被p标签处理为单 ......
disabled 和 readonly 都是 HTML 表单元素的属性,它们有一些相同点和不同点。
disabled 和 readonly 都是 HTML 表单元素的属性,它们有一些相同点和不同点。 相同点: disabled 和 readonly 属性都可以用于表单中的输入框、文本域等元素,用于控制用户对这些元素的操作行为。 它们都是只读属性,不能用 JavaScript 动态地修改其值,只能在 ......