html文件

Html(一)

眉间皱痕 提交于 2019-12-17 02:17:36
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html> 注意事项: 注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。 HTML文档的后缀名 .html .htm <!DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8 。 <title> 元素描述了文档的标题 <body> 元素包含了可见的页面内容 <h1> 元素定义一个大标题 <p> 元素定义一个段落 注: 在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: H yper T ext M arkup L anguage HTML 不是一种编程语言,而是一种 标记

如何快速转载CSDN中的博客

与世无争的帅哥 提交于 2019-12-16 16:31:55
在参考“如何快速转载CSDN中的博客”后,由于自己不懂html以及markdown相关知识,所以花了一些时间来弄明白怎么转载博客,以下为转载CSDN博客步骤和一些知识小笔记。 参考博客原址: http://blog.csdn.net/bolu1234/article/details/51867099 转载CSDN博客步骤: 1.CSDN博客页面右键,点击【检查】 点击检查后,页面右侧出现html代码,如下图 2.如果需要转载全文,则在html代码下侧点击选中article_content 即可,会在代码框中自动选中article_content相关代码 3.在选中html的article_content代码处右键,点击【Copy】,再点击【Copy outerHTML】即可,至此,博客内容的html代码复制完成 4.新建博客,在markdown编辑器中粘贴以上html代码。 !!!注意:是markdown编辑器,CSDN博客默认的是html编辑器,在博客设置中修改成markdown编辑器。在html编辑器中是无法将html代码转换成相应博客内容的 Markdown和HTML相关小知识 Markdown Markdown是一种纯文本形式的标记语言,重点在易读易写,排版漂亮,是写博客的好工具,优点类似于word,但是更简洁直观。 Markdown在windows

前端学习01

半世苍凉 提交于 2019-12-16 14:45:59
1、HTML、CSS、JavaScript HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。 2、HTML标签的语法 1. 标签由英文尖括号< 和 >括起来,如<html>就是一个标签。 2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个 / 。如: (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。 4. HTML标签不区分大小写, <h1> 和 <H1> 是一样的,但建议小写,因为大部分程序员都以小写为准。 3、认识html文件基本结构 html文件的结构:一个HTML文件是有自己固定的结构的。 <html> <head>...</head> <body>...<

HTML—了解+入门基础zhishi

笑着哭i 提交于 2019-12-16 08:13:37
【前言】 再敲牛腩的时候,遇到了视频中没有遇到的错误,不知道如何下手,所以想系统的学习下HTML和CSS,然后再次学习牛腩进行调错,下面就来总结一下HTML吧! 【内容】 1.了解内容 在学习HTML之前,我们先来了解一些相关知识。见下图: (1)什么是网页? 网页主要由文字、图像和超链接等元素构成,除了这些元素,网页中还可以包含音频、视频及Flash等。 (2)网页是如何形成的? 编写代码,经过浏览器渲染,形成客户眼中的美丽。 (3)什么是浏览器? 通俗的讲,就是浏览网页的机器,是网页显示、运行的平台。 常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)Safari和Opera等。 (4)什么是浏览器的内核? 浏览器内核(Rendering Engine),中文翻译:排版引擎、解释引擎、渲染引擎,浏览器内核。 负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。 (5)什么是Web标准? 是由W3C组织和其他标准化组织制定的一系列标准的集合。 (6)我们为什么要遵循Web标准呢? 因为编写出的代码通过不同的浏览器,显示的页面或排版会有差异。 (7)网页中Web标准三层组成是什么? 结构(html)、表现(CSS)、行为(JavaScript) 对于一个人来说:结构类似人的身体,表现类似人的着装,行为类似人的行为动作。 (8)Web标准的好处? 1

springboot 访问 jsp文件

♀尐吖头ヾ 提交于 2019-12-16 03:05:51
1.添加依赖(由于springboot本身不支持解析jsp) <!-- tomcat的支持.--> <dependency> <groupId>org.apache.tomcat.embed</groupId> <artifactId>tomcat-embed-jasper</artifactId> <scope>provided</scope> </dependency> 2.在main创建 webapp文件夹 --》WEB-INF文件夹--》jsp文件夹--》jsp文件 jsp文件模板 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>helloword</title> </head> <body> <% out.println("Hello World!"); %> <

Nuxt.js学习(五) --- Nuxt.js默认模板

三世轮回 提交于 2019-12-15 21:54:55
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> [TOC] 1、Nuxt.js的默认模板 1.1、官方文档: 定制化默认的 html 模板,只需要在应用根目录下创建一个 app.html 的文件。 默认模板为: <!DOCTYPE html> <html {{ HTML_ATTRS }}> <head {{ HEAD_ATTRS }}> {{ HEAD }} </head> <body {{ BODY_ATTRS }}> {{ APP }} </body> </html> 举个例子,你可以修改模板添加 IE 的条件表达式: <!DOCTYPE html> <!--[if IE 9]><html lang="en-US" class="lt-ie9 ie9" {{ HTML_ATTRS }}><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--><html {{ HTML_ATTRS }}><!--<![endif]--> <head {{ HEAD_ATTRS }}> {{ HEAD }} </head> <body {{ BODY_ATTRS }}> {{ APP }} </body> </html> 1.2、实际操作(练习实例) 1.2.1、创建app.html <!DOCTYPE html> <html lang="en

HTML第二课

我的未来我决定 提交于 2019-12-15 08:56:24
HTML图像标记 一、常用图像格式 GIF格式 支持动画,一种无损的图像格式,支持透明,只能处理256种颜色 PNG格式 体积更小,支持alpha透明,颜色过渡更平滑,不支持动画 JPG格式 可以用来保存超过256种颜色的图像,但它是一种有损压缩的图像格式 图像标记 <img src=“图像URL” / > 二、相对路径和绝对路径 相对路径 相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。 绝对路径 绝对路径一般是指带有盘符的路径 来源: CSDN 作者: 侯增旭 链接: https://blog.csdn.net/Y1687/article/details/103482556

HTML基础三-JS

♀尐吖头ヾ 提交于 2019-12-14 16:30:52
一、JAVA Script 1.1 基本用法 HTML中的三把利器的JS 又称为JavaScript,看着好像和Java有点联系,实际上他和java半毛钱关系都没有,JavaScript和我们学习的Python、Go、Java、C++等,都是一种独立的语言,Python的解释器有Python2.7、Python3.x,浏览器具有解释JavaScript的功能,所以它才是HTML的三把利器之一。 在HTML中可以将JavaScript/JS的代码写在head中,被script标签所包裹,当浏览器解释HTML时,遇到style标签时,按照CSS规则解释,遇到Script标签时,按照JavaScript的语法规则解释。 引入JavaScript代码,类似于Python的import <script src="public.js" type="text/javascript"></script> head中引入JS与body中引入JS区别 html代码从上而下解析,如果在head中引入JS,影响页面打开的速度,存在风险,所以通常放在htmlbody的最下方,这样页面内容先展示,最后在加载JS。注:写在最下面要有底线,写在body内部的最底下。 注释 单行注释通过 // 多行通过 /* */ <!DOCTYPE html> <html lang="en"> <head> <meta

csdn转载文章的简单方法(使用html代码)

社会主义新天地 提交于 2019-12-13 15:20:13
csdn转载文章的简单方法(使用html代码) 在参考“如何快速转载CSDN中的博客”后,由于自己不懂html以及markdown相关知识,所以花了一些时间来弄明白怎么转载博客,以下为转载CSDN博客步骤和一些知识小笔记。 参考博客原址: https://blog.csdn.net/qq_41652274/article/details/79248848 转载CSDN博客步骤: 1.CSDN博客页面右键,点击【检查】 点击检查后,页面右侧出现html代码,如下图 2.如果需要转载全文,则在html代码下侧点击选中article_content 即可,会在代码框中自动选中article_content相关代码 3.在选中html的article_content代码处右键,点击【Copy】,再点击【Copy outerHTML】即可,至此,博客内容的html代码复制完成 4.新建博客,在markdown编辑器中粘贴以上html代码。 !!!注意:是markdown编辑器,CSDN博客默认的是html编辑器,在博客设置中修改成markdown编辑器。在html编辑器中是无法将html代码转换成相应博客内容的 Markdown和HTML相关小知识 Markdown Markdown是一种纯文本形式的标记语言,重点在易读易写,排版漂亮,是写博客的好工具,优点类似于word,但是更简洁直观。

使用echarts画横向柱状图

折月煮酒 提交于 2019-12-12 10:59:58
在html页面中使用echarts的话,需要使用script先引入 echarts.min.js 或者 echarts.js文件; <script src="echarts.min.js"></script> html页面中的示例代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echarts.min.js"></script> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: 'ECharts 入门示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: