认识和了解web前端

标签：targe   测试   常见   设置   linux操作系统   ace   blank   Locator   title   

1. web前端开发

a)     实现前端开发

b)     HTML，CSS---界面

c)     javascript ---前台和后台交互

1. mysql数据库
2. linux操作系统

a)     部署我们的后台系统，效率高

b)     以后测试环境都要部署在linux。

1. python编程语言

a)     用于和计算机沟通，让计算机实现要它干的事情。

1       HTML

1.1      思考：我们用计算机来干什么？

1.1.1  打游戏：第一步必须了解游戏，都要访问网站。

1.1.2  查询百度。

总结：无论是大公司，小公司都有自己的web页面。我们需要了解他的构造，原来。 才能发现更多的缺陷。

1.2      我们一般用什么浏览器来访问网页？

1.2.1  chrome，IE 8-11，edge，firefox，safari，Opera

1.2.2  推荐使用chrome（开发助手比较好用）

2       HTML

2.1      定义：（hyper text markup Language）

2.1.1  text：文本，文字

2.1.2  hyper text：超级文本，比如超链接，图片，声音，视屏

2.1.3  markup：标记、元素、标签

   定义：对一类事物做上记号

   语法：一般是一对来表示，一般有开始标签和结束标签。

• 例子：、、、
• 写法：、、

   属性：定义标签的属性，比如颜色，大小等

• 例子：文本信息

   Language：语言

• 语言用来和计算机交流的
• 这个是英语写的，因此我们在用的时候都要用英文。

2.2      动手写一个简单的HTML

2.2.1  ：document type ，这个文档的类型是html

2.2.2 

    常见的设置，文档标题

注意：1.标签名，属性名，引号，都要在英文模式下输入。

          2. 文档编码格式为utf-8 ，保存的时候格式也要是utf-8.

3       工具

3.1      思考：我们在上面写例子的过程中遇到什么问题？

3.1.1  没有单词提示，一次记不住。

3.1.2  格式比较乱，每个人整出来的都不一样。

3.2      我们需要借助工具开发。

3.2.1  快捷键：

    保存：Ctrl+S

    复制：Ctrl + C

    粘贴：Ctrl + V

    剪切：Ctrl +X

   撤销：Ctrl + Z

    查找：Ctrl + F

    替换：Ctrl + H

    格式化：Ctrl + K

    代码注释：Ctrl + /

   代码助手： Alt + /

3.3      常见的标签

3.3.1  文字设置标签font

    属性：

• size：数字的大小1-7.
• face：设置字体（可以通过键盘的下选择不同字体。）
• color：颜色，用的是英文。

       方法一：直接用英文单词描述颜色

       方式二：用十六进制的数字表示，比如#ff0000 表示红色。

      方式三：用rgb（0，0，0）来表示（一般在css中使用）

3.3.2  超链接标签

   使用的标签是

   属性：

• href（Hypertext Reference）：设置要跳转的网页，比如http://www.baidu.com
• target:设置是否要再新的窗口打开

      默认情况不在新窗口打开。

       值为_blank:为新的窗口打开

3.3.3  图片标签

   使用的标签名是 :

    属性：

• src(source):设置图片的地址。

      第一种：绝对路径：以http开头的url图片地址，可以设置为网络上的图片。

3.3.3....1        url：Uniform Resource Locator，统一资源定位符

      第二种：相对路径，相对本地的目录，可以设置本地的图片。

认识和了解web前端

标签：targe   测试   常见   设置   linux操作系统   ace   blank   Locator   title   

原文地址：https://www.cnblogs.com/Equilibrium/p/12106154.html