码迷,mamicode.com
首页 > Web开发 > 详细

认识和了解web前端

时间:2019-12-27 12:02:40      阅读:142      评论:0      收藏:0      [点我收藏+]

标签: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:标记、元素、标签

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

   语法:一般是一对<>来表示,一般有开始标签和结束标签。

  • 例子:<文本>、<超链接>、<视屏>、<图片>
  • 写法:<font>、<a>、<video>、<img>

   属性:定义标签的属性,比如颜色,大小等

  • 例子:<a 属性=“属性值”>文本信息</a>

   Language:语言

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

2.2      动手写一个简单的HTML

2.2.1  <!DOCTYPE html>:document type ,这个文档的类型是html

2.2.2  <head>:头部,设置的内容不在网页上显示,一般对文档进行一些设置。

    常见的设置,文档标题<title>

    文档的编码格式,用<meta>

  • 常见的编码格式:常用utf-8 表示人类的所有文字(支持中问的GB2312,GBK,GB18030)

2.2.3  <body>:网页显示的内容都在body里面。

注意: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  超链接标签

   使用的标签是<a>

   属性:

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

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

       值为_blank:为新的窗口打开

3.3.3  图片标签

   使用的标签名是<img> :

    属性:

  • 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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!