菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题: 王嘉乐-20221010-前端预科4 [打印本页]
作者: yousay! 时间: 2022-10-10 23:55
标题: 王嘉乐-20221010-前端预科4
一、今日学习内容: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 打不开 看完笔记后依旧有问题 在写第二个路径作业时多敲了一个.怎么也没发现。
三、解决方案:
从新下载了谷歌浏览器并且设置为默认浏览器,问同学怎样处理,打开思路,学习笔记,同时观看线上视频和老师的代码同学写的去对比发现自己的问题。
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) |
Powered by Discuz! X3.4 |