一、今日学习内容:html、css、js、 1.Blink 是Webkit的分支 备注:目前国内一般的浏览器都会采用webkit/Blink内核,比如UC/QQ/搜狗等等,目前国内还没有自主研发的浏览器内核。 2.Web标准(重要) 显示页面或者排版有差异,所以需要一个标准来进行统一的显示和排版的规范。 3.HTML基本结构标签 骨架中的新增代码 <!DOCTYPE html> 声明文档类型 DTD文档类型定义(DocumentType Definition) DTD声明的意义: 1.定义文档中应该有什么样的标签 2.标签应该如何排列 3.标签应该有什么样的属性 4.标签应该有什么格式的内容 5.校验文档是否符合DTD的文档类型定义的规范 总的来说<!doctypehtml>是为了告诉浏览器使用html5的版本标签来显示网页 注意: DTD是定义和校验HTML的内容的,所以必须要写在HTML文件内容的最前面 DTD不是HTML标签,是另一种专门定义标签语言的语言 <metacharset="UTF-8"> 字符集:十多个字符的集合,方便计算机能够识别和存储各类文字 在<head>标签中,可以用<meta>标签中的charset属性来规定HTML文档应该使用哪种字符来进行编码) UTF-8被称为万国码,基本包括了全世界所有国家需要用到的字符。 4. 开发工具的介绍 文本格式化标签 在网页中,需要给文字设置加粗、斜体、下划线等等效果,可以使用如下标签 加粗 <strong></strong> 或者<b></b> 斜线 <del></del>或者<s></s> 下划线 <ins></ins>或者<u></u> 标签属性 简单理解就是标签的特性 书写格式 在标签名后面多个属性之间要用空格来隔开 属性是用等于号“=”来分开的键值对(key=value) 属性的值必须写在双引号“”中 标签属性可以有多个且没有先后顺序 5.超链接 超链接使用<a></a>标签来定义的 超链接的语法格式 <a herf="跳转目标"target=“目标窗口的弹出方式>文本或者图像</a> 常用的属性和属性值 herf=“跳转目标”;用于指定链接目标的url地址,必须属性 target=“目标窗口的打开方式”;用于指定新页面的打开方式 默认值属性_self,代表在当前窗口进行链接窗口,如果设置为_blank代表在新窗口中打开链接地址 例子 链接的分类 1.外部链接 例如直接跳转到百度链接 2.内部链接:网页内部页面之间的相互链接,直接写内部的文件名即可 3.空链接:如果临时需要建立一个链接目标,可以使用#来代替 4.下载链接:如果herf的属性值是一个文件或者压缩包,那么点击链接会直接下载 5.网页元素链接:使用网页中的÷文本意外的其他元素添加的超链接 6.锚点链接:点击链接,可以快速跳转到当前页面中的指定位置 (1)在链接文本中herf属性后设置属性值为#名字的形式 (2)在目标位置的标签后添加一个id属性=刚才的名字 base标签 base标签为页面上所有的链接规定了默认的URL或者目标 常用属性和属性值 herf=“跳转目标”;用于指定链接目标的url地址,必须属性 target=“目标窗口的打开方式”;用于指定新页面的打开方式 默认的属性值是_self,代表在当前窗口进行链接窗口,如果设置为_blank代表在新窗口中打开 特殊字符 常用的特殊字符 二、今日问题:
写作业过程中蒙圈了看到作业第一眼想到<div><span>盒子了。 然后敲完代码open in~ browser 打不开 看完笔记后依旧有问题 在写第二个路径作业时多敲了一个.怎么也没发现。
三、解决方案:
从新下载了谷歌浏览器并且设置为默认浏览器,问同学怎样处理,打开思路,学习笔记,同时观看线上视频和老师的代码同学写的去对比发现自己的问题。
|