发表于: 2019-06-23 21:42:54

1 801


今晚完成了什么:

了解行业薪资;

复习以前知识点;

遇到了什么问题:

暂无;

收获了什么:

回顾看了下视频,


web标准介绍:

  • w3c:万维网联盟组织,用来制定web标准的机构(组织)
  • web标准:制作网页要遵循的规范。
  • web标准规范的分类:结构标准、表现标准、行为标准。
  • 结构:html。表现:css。行为:JavaScript。

web标准总结:

  • 结构标准:相当于人的身体。html就是用来制作网页的。
  • 表现标准: 相当于人的衣服。css就是对网页进行美化的。
  • 行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的。

  • 浏览器内核:
  • PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。


html全称为HyperText Markup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式。比如字体什么颜色,大小等。

超文本:音频,视频,图片称为超文本。

标记 :<英文单词或者字母>称为标记,一个HTML页面都是由各种标记组成。

作用:HTML是负责描述文档语义的语言。

注意:HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程),HTML页面直接由浏览器解析执行。

HTML是负责描述文档语义的语言

html中,除了语义,其他什么都没有。

html是一个纯本文文件(就是用txt文件改名而成),用一些标签来描述文字的语义,这些标签在浏览器里面是看不到的,所以称为“超文本”,所以就是“超文本标记语言”了。 所以,接下来,我们肯定要学习一堆html中的标签对儿,这些标签对儿能够给文本不同的语义。

比如,面试的时候问你,h1标签有什么作用?

正确答案:给文本增加主标题的语义。

错误答案:给文字加粗、加黑、变大。

---------------------------------------------------

HTML颜色介绍

颜色表示:

纯单词表示:red、green、blue、orange、gray等

10进制表示:rgb(255,0,0)

16进制表示:#FF0000、#0000FF、#00FF00等

RGB色彩模式:

自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得,这就是人们常说的三原色原理。

RGB三原色也叫加色模式,这是因为当我们把不同光的波长加到一起的时候,可以得到不同的混合色。例:红+绿=黄色,红+蓝=紫色,绿+蓝=青

在数字视频中,对RGB三基色各进行8位编码就构成了大约1678万种颜色,这就是我们常说的真彩色。所有显示设备都采用的是RGB色彩模式。

RGB各有256级(0-255)亮度,256级的RGB色彩总共能组合出约1678万种色彩,即256×256×256=16777216。


编写XHTML的规范:

(1)所有标记元素都要正确的嵌套,不能交叉嵌套。正确写法举例:<h1><font></font></h1>

(2)所有的标记都必须小写。

(3)所有的标记都必须关闭。

双边标记:<span></span>

单边标记:<br> 转成 <br /> <hr> 转成 <hr />,还有<img src=“URL” />

(4)所有的属性值必须加引号。<font color="red"></font>

(5)所有的属性必须有值。<hr noshade="noshade">、<input type="radio" checked="checked" />

(6)XHTML文档开头必须要有DTD文档类型定义



头标签

头标签都放在头部分之间。包括:<title>、<base>、<meta>、<link>

<title>:指定整个网页的标题,在浏览器最上方显示。

<base>:为页面上的所有链接规标题栏显示的内容定默认地址或默认目标。

<meta>:提供有关页面的基本信息

<body>:用于定义HTML文档所要显示的内容,也称为主体标签。我们所写的代码必须放在此标签內。

<link>:定义文档与外部资源的关系。



HTML标签是分等级的,HTML将所有的标签分为两种:

文本级标签:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。(a标签里不能放a和input)

容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。

从学习p的第一天开始,就要死死记住:p标签是一个文本级标签,p里面只能放文字、图片、表单元素。其他的一律不能放。




html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样。 CSS中的单位是必须要写的,因为它没有默认单位。

绝对单位:

1 in=2.54cm=25.4mm=72pt=6pc。

各种单位的含义:

in:英寸Inches (1 英寸 = 2.54 厘米)

cm:厘米Centimeters

mm:毫米Millimeters

pt:点Points,或者叫英镑 (1点 = 1/72英寸)

pc:皮卡Picas (1 皮卡 = 12 点)

相对单位: px:像素 em:印刷单位相当于12个点 %:百分比,相对周围的文字的大小

为什么说像素px是一个相对单位呢,这也很好理解。比如说,电脑屏幕的的尺寸是不变的,但是我们可以让其显示不同的分辨率,在不同的分辨率下,单个像素的长度肯定是不一样的啦。



CSS中,所有的行,都有行高。盒子模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。

明天计划:

写任务;


返回列表 返回列表
评论

    分享到