html文件

开始自学PHP之路3(HTML)

亡梦爱人 提交于 2020-01-22 04:46:03
开始自学PHP之路3(HTML) 第一:HTML是什么? HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言,HTML 不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,HTML 使用标记标签来描述网页。静态网页的 第二: 那HTML标签又是什么? HTML 标记标签通常被称为 HTML 标签 。HTML 标签是由尖括号包围的关键词,比如 ,HTML 标签通常是成对出现的,比如 和 ,标签对中的第一个标签是开始标签,第二个标签是结束标签,开始和结束标签也被称为开放标签和闭合标签。 第三:HTML可以做什么? HTML可以做的有很多,比如我们在日常看到的静态网站,比如一些文字的大小和段落居中和一些网站的样式布局都是用html做的,但是具体的图片和文字是什么html并不涉及。html作用是将网页使用代码实现,并且将网页的各个部分添加模块,需要的时候给模块添加颜色和大小等操作。html是一种静态网页,现在很多网站都是动静结合的,当然html是网页的基础知识,学习前端一定要先学习html,把html基本知识学扎实,然后就可以写出各种静态网页,之后再去学习动态网页。 第四:HTML的开发环境与操作 只要你电脑有系统你就有HTML开发环境,非常简单不用学习打开电脑就行,首先下载个文本编辑器,这里本人推荐使用 Notepad 或 TextEdit 来编写 HTML

15 document对象

帅比萌擦擦* 提交于 2020-01-20 11:48:29
document对象 document对象可以说是window对象的一个属性,可以通过window.document来调用,也可以省略window直接写document。 document对象是浏览器生成的一个对象。我们这样来理解: HTML语言与JavaScript语言是两门不同的语言,它们不能直接交互,就需要一个中间介质,而这个介质就是document。浏览器提供的document对象,它封装了整个HTML文档为一个对象,是一个树结构的对象,就像xml一样。所以我们可以把document对象看做HTML的一个模子,HTML中的每一个标签对应着document中的一个节点,节点也是一个对象。所以整个document就是一个大的对象,它提包含了这个HTML文件中的所有标签对象。 浏览器加载HTML文件到内存中,通过js代码与document对象的交互实现对HTML页面的动态改变。 document的方法使用 1.获取html中的节点(标签)的方法 直接获取方式 通过标签的id获取:getElementById("标签名");获取标签节点对象 通过标签name属性获取:name属性是可重用的,id是惟一的,所以通过getElementByName获取的是节点列表而不是一个节点<br> 通过标签名获取:getElementByTagName(); 通过类名获取

Head First HTML与CSS Part.1

萝らか妹 提交于 2020-01-19 22:43:44
概念 HTML和CSS是用来创建网页的语言 web服务器存储并提供由HTML和CSS创建的网页。浏览器获取页面,并且根据HTML和CSS显示网页的内容 HTML是超文本标记语言(HyperText Makeup Language) 的缩写用来建立网页结构 CSS是层叠样式表(Cascading Style Sheets)的缩写用来控制HTML的表现 通过HTML,我们利用标记来标示内容提供结构,我们把匹配标记,以及他们包围的内容称为元素。 元素=开始标记+元素内容+结束标记 (当然也存在有些元素使用简写方法,只有一个标记) 标记=标记名和两边的尖括号 开始标记可以有属性,属性能为元素提供一些额外信息 所有页面都要有一个html元素,其中要有一个head元素和一个body元素。网页信息放在head信息里,body中的内容就是浏览器中看到的内容 可以在style元素中写CSS规则,为HTML网页增加CSS.注意的是style 可以使用CSS在HTML中指定元素特性 第一个HTML 用HTML创建简单的页面 <html> <!-- 用于告诉浏览器文件的内容是HTML--> <head> <!-- 首部包含web页面有关的信息,如页面的标题等 --> <title>Starbuzz Coffee</title> <!--在head中放入title标记,title总出现在浏览器窗口的顶部--

html包含html文件的方法

孤街醉人 提交于 2020-01-19 19:01:14
我们在写asp页面的时候,常常使用include命令来包含公共文件。由于这个方法用起来非常方便,于是很多人在HTML页面里尝试使用include,但是发现根本就不起作用。这是因为,include是VBScript的命令,因此可以在asp页面里使用。而HTML静态页面被调用的时候并不经过asp解释器,而是直接发送到用户浏览器,因此include命令就无效了。 对于信息量较大的网站,通常我们都选择使用静态页面,否则数据库查询太频繁,服务器压力太大。但是过多的页面里面,如果不能用调用的方式将公共内容包含进去,那么一旦修改起来就太可怕了。include最大的价值就是因重用而易于维护。怎样才能在静态页面里也实现include的功能呢?最简单的办法,就是做asp后缀的静态页面——内容是静态的,页面保存成asp后缀的,这种方式对搜索引擎没有什么影响,实际运算量也并不大(因为虽然经过asp解释器,但是实际上几乎没有运算量)。如果您一定要做HTM后缀的静态页,那么还有下面这些方法可供替代。 1.IFrame. 这个可能是大家最熟悉的 <iframe. name="neepage" marginwidth="0" marginheight="0" src="import.htm" width="100%" height="30"></iframe> 加上它的一些属性可以实现一些透明

2020-01-19

一曲冷凌霜 提交于 2020-01-19 16:19:17
HTML的学习 了解HTML : HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件。从本质上来说,Internet( 互联网)是一个由一系列传输协议和各类文档所组成的集合,html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息。 超文本标记语言或超文本链接标示语言(标准通用标记语言下的一个应用)HTML(HyperText Mark-up Language)是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟(W3C)鼓励人们使用CSS替代一些用于表现的HTML元素。 HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件。从本质上来说,Internet( 互联网

Vue使用iframe嵌入外部HTML文件

こ雲淡風輕ζ 提交于 2020-01-18 18:55:46
背景   项目开发的过程中,我们不可避免的会引入外部已经写好的HTML文件,那在不同的Vue脚手架中如何成功引入HTML文件呢?如何获取到HTML文件中的值呢? 不同脚手架的不同引入方式   脚手架2   把要引入的文件(假设是aaa.html文件)放到static目录下,在Vue界面中引入: <iframe src="./static/aaa.html"></iframe>   脚手架3和4   把要引入的文件放到public目录下,在Vue界面中引入: <iframe src="/aaa.html"></iframe>   注意:在脚手架2中,src的地址就是HTML文件相对于Vue文件的相对地址;在脚手架3和4中,直接写/+文件名即可。 另外,还可以给iframe设置宽度和高度等一些属性,例如: <iframe src="/aaa.html" width="100%" height="800px" frameborder="0" scrolling="auto"> Vue文件获取HTML文件中的值   方式一:Vue文件自己获取   修改iframe的引入: <iframe src="/aaa.html" id="mainIframe" ref="mainIframe" name="mainIframe"></iframe>   Vue界面中,单击按钮可打印: var th

##HTML基础

99封情书 提交于 2020-01-18 06:30:39
HTML基础 一:基础   HTML ( Hyper Text Markup Language ):超文本标记语言   目前学习最新的版本: HTML5.   优点: 1 ,智能代码补全 2 ,代码提示 3 ,自动保存 4 ,多个浏览器支持   用来表达网页而用来编辑的程序: nootpad ,写字板,记事本, webstrom     W3C:外围网联盟     W3C 标准:        HTML 标签是由 尖括号包围的关键词,比如 <html>       HTML 标签通常是成对出现的,比如 <b> 和 </b>       标签对中的第一个标签是开始标签,第二个标签是结束标签       开始和结束标签也被称为开放标签和闭合标签 开始工作:   File----new---HTML file (建立一个 html 文件)   File----new---direction (建立一个文件夹)   <html> 与 </html> 之间的文本描述网页   <body> 与 </body> 之间的文本是可见的页面内容   <h1> 与 </h1> 之间的文本被显示为标题( h1-h6 都是标题标签, h1 字体最大, h6 字体最小)   <p> 与 </p> 之间的文本被显示为段落   Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。   文本样式:

ES6 import Export

家住魔仙堡 提交于 2020-01-17 14:02:19
这周二遇到了这个module导入问题,过程真的是一言难尽,我把我遇到的问题和解决方式复现一下。 ES6导入导出关键词export和import。比如我有一个类,文件名叫cat.js(实际上类习惯大写开头,这个问题忽略)。内容如下 class cat { constructor(name) { this.name = name; } print(){ console.log(this.name); } } export{cat}; 最后一句话的export{cat},就是导出cat类,供其它模块调用。 比如我有一个文件m.js,调用了这个cat,内容如下 import{cat} from './cat.js'; var oneCat=new cat('德玛'); oneCat.print(); 最后一个名为m.html文件引用这两个文件,内容如下 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <script type= "text/javascript" src="cat.js"></script> <script type= "text/javascript" src="m.js''></script> </body> </html>

Java复习之路(第二十天 HTML+CSS)

被刻印的时光 ゝ 提交于 2020-01-17 05:31:40
网页编程基础-HTML HTML 是什么 HTML( H yper T ext M arkup L anguage ): 超文本标记语言,是开发网页的最基础的语言由W3C组织提供 关于HTML: (1) HTML是一门标记(也叫做标签或元素)语言,不是编程语言 (2) HTML是一门标记语言,是利用标记来组织网页结构的 (3) 使用html开发的网页文件,以".html"或".htm "(.shtml)为后缀 (4) 使用html开发的网页文件,由浏览器负责解析并执行(即显示在浏览器中) (5) HTML是文档的一种,例如:word pdf txt… HTML 的结构 1. 案例:编写我的第一个HTML 网页, 并用浏览器打开 新建一个txt文档,将后缀名改为.html,代码实现如下: <! doctype html> <html> <head> <title>frist page</title> </head> <body> <h1> hello CGB1905 </h1> </body> </html 来源: CSDN 作者: 老衲爱上师太 链接: https://blog.csdn.net/qq_38214552/article/details/103949047

HTML(超文本编辑语言)

有些话、适合烂在心里 提交于 2020-01-16 05:47:29
1.编写html步骤 第一步:新建一个记事本.(以.html结尾) 第二步:右击选择打开方式为文本文档 第三步:编写内容 <html>   <head></head>   <body>     hello html!    </body> </html> 第四步:用浏览器打开查看内容. 2.HTML的基本结构 <html>   <head></head> <!-- 网页头部-->   <body></body> <!-- 网页的主体--> </html> 3.HTML的打开方式 第一种:用浏览器打开(浏览方式)         第二种:用文本编辑器打开(编辑方式) 补充: HTML全称 Hyper Text Markup Language(超文本标记语言) 4.标题标签 <title></title> //标题 5.meta标签 <meta charset="utf-8"/> //设置网页的字符编码 <meta name="keywords" content="内容"/>//关键词 <meta name="description" content="内容"/>//网页描述 6.h标签 <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> 注意:h标签只有h1到h6,并且h1最大,依次减小. 慕客网(技术学习) 7