资讯专栏INFORMATION COLUMN

vue项目部署在IIS,HTML知识扫盲贴

FingerLiu / 4039人阅读

摘要:表单标记标记用于创建一个表单,定义表单的开始和结束,它是一个容器,用于包含其他表单元素,例如文本框单选框等。

关于VUE科普:

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

/就是一种框架,需要Cmd上安装很多东西/
https://cn.vuejs.org/v2/guide/#
-------------------这个是关于VUE的科普链接

在代码中,引入VUE库


基础知识科普:
1、Javascript介绍
Javascript是一种基于事件和对象的脚本语言,其特点有:
(1)安全性,不允许访问本地硬盘,只做信息的简单动态交互;
(2)跨平台性。

Javascript在应用中可以封装在HTML中,也以标签的形式存在,其标签名为

/其中的type="text/javascript"就是注明type属性注明javascript。/

Javascript的变量:
定义变量所用关键字:var。其默认值是undefined。
JS中的变量均为弱类型,即定义时不指定变量的具体类型。

arr表示数组
alert表示输出
for(A,A<4;A++):表示


2、HTML介绍
HTML(Hyper Text Mark-up Language超文本标记语言)的缩写(标记:就是用来描述网页内容的一些特定符号)。HTML不是编程语言,而是一种描述性的标记语言,用于描述网页内容的显示方式,比如文字的颜色、大小,这些都是利用html标记来实现的。
/前端工程师的工作,就是对这个HTML文件编程/
HTML文档的创建方式:

1手工直接编写(例如记事本)
2通过图形化的HTML开发软件Dreamweaver
3由web服务器上的动态网页程序生成

HTML的语法:
HTML最基本的语法就是<标记符>内容,标记符通常都是承兑使用的,有一个开始标记和一个结束标记。结束标记只是在开始标记的前面加上一个斜杠/,当浏览器打开html文件后,就会理解里面的标记符,然后把标记符对应的功能表达出来。

HTML标记的类型:单标记与双标记
1、单标记
<标记名称>:单一型,无属性值。如
<标记名称 属性="属性值">:单一型,有属性值。如
2、双标记 <标记名称>...:没有属性值。如... <标记名称 属性="属性值">...:有属性值。如...

总结:

标记与属性、属性之间以空格分隔,
属性不区分先后顺序,且属性不是必须的
虽然在HTML中标记不区分大小写,但在XHTML中所有的标记都必须小写,所以建议所有标记都采用小写

HTML文档结构
所有的网页文件,通常由四对标记来构成文档的骨架,它们是:

     :标识网页文件的开始和结束,所有的html元素都要放在这对标记中

                  :标识网页文件的头部信息,如标题、搜索关键字等

                                  标题:标识文件的标题

                  

                  :标识文件的主体部分

                                正文

                   

     

meta标记用于定义文件信息

 meta标记用于定义文件信息,对网页文件进行说明,放置于之间
 设置关键字:,多个关键字内容之间可以用逗号分隔。
 设置描述:
 设置页面定时跳转:
 设置字符集:

网页主体标记body

字体修饰
标记:

字符格式

段落控制标记


属性名称:align,属性值:left(默认)、center、right

段落标题

      

      x取值[1-6]:hx内的文本对自动加粗显示。

      注:hx针对的对象时段落,font针对的对象时任意文本

换行:
换行不换段
水平直线:


特殊标记

定义一个块引用:使用文本缩进
格式:

...

属性名称:cite,属性值:url,说明:被引用的地址

预格式化:

显示已经格式化好的文字,不加此标记的话,HTML浏览器会忽略所有空格和制表符

列表标记的用途:列表标记可以创建一般的无需列表、编号列表,以及定义列表的三种方式。还可以在一种列表中嵌套另一种列表。便于概括显示一系列相关的内容。

无需列表:

    ...

有序列表:
    ...

定义列表:
...

无序列表
语法:

  • 内容1
  • 内容2

有序列表
语法:

  1. 内容1
  2. 内容2

定义列表
语法:

      
----------定义列表
标题1
-----------表示一个项目
内容1
------------表示一个项目下的更详细的内容解释
标题2
内容2
标题3
内容3

图片基础知识:(扫盲贴)

web上支持的图片格式:
GIF(图形交换格式):GIF格式文件最多只能保存256种颜色。该格式支持透明色,支持动画效果。
PNG(网格可移植格式):该格式支持透明色,但不支持动画,颜色从几十种至1670万种。
JPEG(联合图像专家组):改格式不支持透明色及动画,颜色可达1670万种。

图片标记

路径知识:
绝对路径:提供目标文档的完整主机名称、路径信息、及文档全称
相对路径:从当前文档开始的路径
根相对路径:从站点根目录开始的路径,以/开头

相对路径时,如果当前文档和目标文档位置平行,则直接书写文档全称;
如果当前文档和目标文档所在文件夹位置平行,则书写为文件夹名称/目标文档全称;
如果当前文档所在位置和目标文档位置平行,则书写为../目标文档全称。

表格
因为表格中可以包含任何内容,所以在使用DIV+CSS之前,网页设计师是使用表格对网页内容进行排版与布局的。
表格基本结构:

...
--------定义表格 ...----------定义行 ...-----------定义列(单元格) ...-----------定义标题栏(文字加粗)

表格的属性

标签下的边框设置 行的属性 列的属性...

表格的标题:

表格的结构化 ...---------表头区 ...---------表体区 .......... ...----------表尾区

直列化格式:

...


超链接
一个网站由多个网页组成的,网页之间通过连接实现相互关联。

连接的概念
实现当前文档到目标文档的一种跳转。

链接语法

...

_blank:在新窗口中打开
_self:在自身窗口中打开(默认)
_parent:在上一级窗口中打开
_top:在本窗口中打开

链接的类型
内部链接:当前文档和目标文档在同一个站点

外部链接:当前文档和目标文档不在同一个站点

E-mail链接:允许访问者向指定的地址发邮件

创建锚点:...
链接锚点:...

空链接:就是没有目标端点的链接

例如:
设为首页:

设为首页

添加收藏

加入收藏夹

脚本链接:是一种特殊的链接,当单机设置脚本链接的文本或图像时,可以运行相应的JavaScript语句。
例如:

新浪

关闭窗口:输入javascript:window.close()
打开窗口:输入javascript:window.open ("文件名")

表单
表单的功能
1表单的作用是从访问您web站点的用户那里获取信息,访问者可以使用诸如文本框、列表框、单选框及复选框之类的表单元素输入信息,然后单击某个按钮提交这些信息。
2客户端和服务器端进行交流的途径。

表单标记
form标记用于创建一个表单,定义表单的开始和结束,它是一个容器,用于包含其他表单元素,例如文本框、单选框等。表单元素必须写在form标记内才有用。
格式:

...

表单元素标记:
单行文本框:

  

密码框:

多行文本框:

单选框:

https://blog.csdn.net/u010975...


文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/60904.html

相关文章

  • vue项目部署IIS上面的心得

    摘要:一般在做前后端分离的时候,前端服务器用的都是,可是公司项目是需要运行在上面的,所以综合考虑之下用比较好一些,然而这方面的资料不如那么多,所以就想记录一下这段时间遇到的坑,以防自己以后再遇到的时候忘记了,这样我可以翻出来看看。 一般在做前后端分离的时候, 前端服务器用的都是nginx,可是公司项目是需要运行在windows server上面的,所以综合考虑之下用IIS比较好一些,然而这方...

    Y3G 评论0 收藏0
  • vue项目部署IIS上面的心得

    摘要:一般在做前后端分离的时候,前端服务器用的都是,可是公司项目是需要运行在上面的,所以综合考虑之下用比较好一些,然而这方面的资料不如那么多,所以就想记录一下这段时间遇到的坑,以防自己以后再遇到的时候忘记了,这样我可以翻出来看看。 一般在做前后端分离的时候, 前端服务器用的都是nginx,可是公司项目是需要运行在windows server上面的,所以综合考虑之下用IIS比较好一些,然而这方...

    mzlogin 评论0 收藏0
  • vue项目部署IIS上面的心得

    摘要:一般在做前后端分离的时候,前端服务器用的都是,可是公司项目是需要运行在上面的,所以综合考虑之下用比较好一些,然而这方面的资料不如那么多,所以就想记录一下这段时间遇到的坑,以防自己以后再遇到的时候忘记了,这样我可以翻出来看看。 一般在做前后端分离的时候, 前端服务器用的都是nginx,可是公司项目是需要运行在windows server上面的,所以综合考虑之下用IIS比较好一些,然而这方...

    zombieda 评论0 收藏0
  • 关于前端上传文件全面基础扫盲(零)

    摘要:表单用于向服务器传输数据。属性对象的属性指定了一个事件句柄函数。标签的属性应当与相关元素的属性相同。详情查阅请狠狠地点击关于对象代表表单中的一个提交按钮在表单提交之前,触发事件句柄,并且一个句柄可以通过返回来取消表单提交。 系列文章 关于前端上传文件全面基础扫盲贴(零)关于前端上传文件全面基础扫盲贴(一) ----- XMLHttpRequest关于前端上传文件全面基础扫盲贴(二) -...

    SnaiLiu 评论0 收藏0
  • 关于前端上传文件全面基础扫盲(零)

    摘要:表单用于向服务器传输数据。属性对象的属性指定了一个事件句柄函数。标签的属性应当与相关元素的属性相同。详情查阅请狠狠地点击关于对象代表表单中的一个提交按钮在表单提交之前,触发事件句柄,并且一个句柄可以通过返回来取消表单提交。 系列文章 关于前端上传文件全面基础扫盲贴(零)关于前端上传文件全面基础扫盲贴(一) ----- XMLHttpRequest关于前端上传文件全面基础扫盲贴(二) -...

    livem 评论0 收藏0

发表评论

0条评论

FingerLiu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<