Day1

浏览器概念:浏览器是帮助用户浏览网页的工具。例:360浏览器,谷歌浏览器,IE浏览器。

服务器端:经过互联网,接受用户的请求,然后跳转到互联网相应的界面。常用服务器端软件有IIS,Tomcat。

前端常用名词:Internet(因特网);WWW(万维网);W3C(制定万维网的组织);HTTP(超文本传输协议);Web(互联网的总称);DNS(域名解析系统);

网页的组成

HTML:页面结构。

CSS:控制页面的样式。

JS:控制页面的特效。

HTML页面结构:

A:最外层标签<html><html>

B:头部标签:<head><head>

C:Body标签<body><body>(用于写代码的标签)

D:注释<!--->(快速注释的快捷键:Ctrl+/)

E:段落标签<p><p>

HTML语法:

A:标签以"<"开头

B:标签中间不能有空格

C:属性用空格隔开

HTML文档声明标签:

A:快速生成页面:HTML5:+tab键。

B:Doctype标签    <!Doctype html><!--文档声明,执行的是HTML5标准>。

Head标签:

A:Head标签中的设置是用于给浏览器使用的一些配置和设置。例:<meta  charset=""UTF-8">就是当前文档的编码格式。(解决乱码的代码)。

title标签:

A:设置的是页签上的名字。

link标签:

A:设置dns预解析(提高效率的操作)。

B:link标签可以引入网站icon图标。

快速复制一行代码:ctrl+shift+d。

URL协议:用来约束URL地址。

URL编码:把URL中的非ASCll码转化为ASCll码。

相对路径:/  ../  ../  ../

绝对路径:C:\Users\

图片标签:<img>(src表示的是图片的相对路径,alt表示如果图片不显示,则显示什么)例:

<img  src="img/log.gif" alt="传智的logo" title="传智播客的前端学院logo">

常用的图片格式:----

A:GIF格式     特点:支持动画,只能处理256种颜色,小,兼容性好,支持透明,色彩不能太多。

B:JPG格式    特点:可以表示多种色彩,体积小,非常有利于网络传输

C:PNG格式    特点:体积更小,支持透明,但是不支持动画

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,337评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,713评论 0 17
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,344评论 5 19
  • 最近在看html基础,好吧,写点笔记,比较low见谅,反正我自己看懂就行了 CSS基础 1、css简介 casca...
    小龙是只猫阅读 3,671评论 0 1