Day1:html和css

标题图

Day1:html和css

• 了解浏览器
• 掌握WEB标准
• 理解标签语义
• 掌握常用标签
• 掌握三种列表标签

前端开发工具:

浏览器是网页显示、运行的平台，IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera称为五大浏览器。

chrome(谷歌), sublime, photoshop, ie, firefox(火狐), safari, 和 Opera.

效果

用sublime书写代码.

浏览器内核:浏览器分两个部分,一个是渲染引擎(layout engineer 或者 Rendering Engine)和js引擎.

渲染引擎是负责网页的内容(如html, xml 图像等), 和 css, 还有计算网页的显示方式,, 进行显示, 浏览器的内核不同对网页语法的解释就会有所不同, 导致渲染的效果也不同.

js引擎是用来解析javascript语言的,来实现网页的动态效果.听说开始渲染引擎和js引擎是没有区别的,只是后来js引擎的独立,内核就指渲染引擎了, 常见的浏览器内核分为:Trident(IE内核), Blink(chrome), Gecko(Firefox), Webkit(Safari).

web标准,重点在于兼容性.不同的浏览器解析出来的效果会不一样.这就需要web标准.包括结构Structure,表现Presentation,行为Behavior三个方面,结构标准是我们要学的HTML,用于对网页元素进行整理和分类,表现标准是我们要学的css,用于设置网页元素的样式,行为标准是我们要学习的javascript用于网页的交互.

html决定页面的结构
css决定页面的样式
js决定页面的行为

1. html相当于人的骨骼结构
2. css相当于人的穿着打扮
3. javascript相当于人的动作行为

html学习

HTML是超文本标记语言,文本,标签<>,不是一种编程语言,而只是标记的语言,标记语言是一套标记标签.

html的基本骨架:

字符集:utf-8是目前常用的字符集编码方式,gb2312和big5,GBK.

常用的标签:

 头部  文档标题
 
 
 
 
 

段落标签

,水平标签

---

是单标签, 换行标签
,h1到h6文字从小到大,p标签一行只能放一个.

div和span,网页布局css+div.一行可以放多个span,而div一行一个,没有语义,用来布局的.文本格式标签:

粗体
斜体
加删除线
加下划线

图形标签img

 alt title width height border
图形的路径
图形不显示时替换的文本
显示的内容
宽度
高度
图像边框的宽度

链接标签anchor

緢点定位

dashu

特殊字符

效果

注释：`

相对路径,同一级的

路径:

xxx.html
images/xxx.gif

图片放在上一级路径:

html->xxx.html
xxx.gif

列表标签:无序列表ul,有序列表

  
列表项1
  
列表项2
  
列表项3
  ......

  
列表项1
  
列表项2
  
列表项3
  ......

 
名称
 

 

达叔小生：往后余生，唯独有你
You and me, we are family !
90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通
博客： 达叔小生
https://www.jianshu.com/u/c785ece603d1

结语

• 下面我将继续对 其他知识 深入讲解 ，有兴趣可以继续关注
• 小礼物走一走 or 点赞