本帖最后由 肤浅1543 于 2023-4-11 22:44 编辑
今日所学内容
HTML简介 网页：网页就是网站中的一页，通常是HTML格式文件，它要通过浏览器来进行阅读。 网站：就是使用HTML等内容制作的网页集合。 什么是HTML HTML（Hyper Text Markup Language） 超文本标记语言，它是用来描述网页的一种标记语言。 什么是超文本 图片、声音、动画等内容（超越文本的限制） 超链接可以跳转到其他的网页（超级链接文本） 网页的解析过程 从服务器下载HTML文件到浏览器中进行解析并渲染成页面。 Web标准 Web标准是由W3C组织和其他的一些标准化的组织指定一系列的网页标准。 为什么我们需要web标准 因为浏览器不同，解析出来的网页排版会有差异，所以如果没有标准，开发者就需要根据不同的浏览器开发不同的网页，工作量巨大，有了WEB标准，那么针对不同的浏览器只需要一套网页即可。 Web标准主要包括 结构（Structure） 结构用于对网页元素进行整理和分类，主要使用HTML 表现（Presentation） 用于设置网页元素的板式、颜色、大小等外观样式。主要使用css 行为（Behavior） 行为指的是网页中的交互内容，现阶段主要学习的是JavaScript HTML的文档的后缀 HTML的文档后缀必须是.html或者.htm，浏览器的作用是读取HTML文档，并通过内核渲染显示内容。 开发工具 Dreamweaver、Sublime、WebStorm、Hbuilder、VSCode VSCode 基本使用 新建文件 Ctrl + N 保存Ctrl+s， 保存文件的时候文件名要以.html结尾 ctrl + 加号 和 ctrl+减号可以放大或者缩小视图 生成页面的骨架标签：输入英文感叹号“!” 按下tab键即可 利用插件在浏览器中预览页面，右键点击鼠标，选择open in default Browser。 alt+shift+f 快速格式化代码 alt+shift+下键 快速复制上一行代码 骨架新增标签 <!DOCTYPE html> 是DTD文档类型定义 DTD文档声明 应该有什么样的标签 标签之间应该如何进行排列 标签应该有什么属性 校验文档是否复合DTD文档类型定义的规范。 这个声明就是告诉浏览器使用HTML5的标签来显示网页。 注意点： DTD文档定义代码应该要写在HTML文件的最前面 DTD不是HTML的标签，是另一种专门来定义标签语言的语言。 lang语言种类 用来定义当前文档的显示语言 en代表是英语 zh-CN定义语言为中文 但是目前不管是定义成中文还是英文，浏览器对于这两种语言都能正常显示。 charsert字符集 字符集是多个字符的集合，方便计算机识别和存储各类文字 常用的字符集有：GB2312、GBK和UTF-8，其中UTF-8也被称为万国码，基本包括了全世界所有国家需要用到的字符。 HTML常用标签 标签的语义 就是指标签的含义，说明这个标签是用来干嘛的。 标题标签 为了让我们的页面更加具有语义化，我们会给页面添加标题标签，HTML为我们提供了6个网页标题标签，即<h1></h1>~<h6></h6> h是单词head的缩写，意为头部、标题。 标签语义：作为标题来使用。 特点 1、字体会加粗显示 2、重要性依次递减（字体大小会逐渐变小） 3、每个标题标签会单独占一行 段落标签 <p></p>标签用于定义段落 p是单词paragraph的缩写，意为段落 语义：分割HTML的段落 特点：文本在一个段落中到达浏览器的边界会自动换行。 段落和段落之间保留有垂直距离。 换行标签 <br>标签能控制文本的强制换行 br是单词break的缩写，意为打断、换行。 语义：强制换行 特点： <br> 标签是一个单标签 <br>标签只是单纯的开始新的一行，并不会增加文本之间的垂直间距，注意和段落标签的区分。 文本格式化标签 加粗 <strong></strong> 或者<b></b> 倾斜 <em></em> 或者 <i></i> 下划线 <ins></ins>或者<u></u> 删除线<del></del>或者<s></s> div标签和span标签 div标签和span标签没有特殊的语义，简单来说就是在网页上划分区域的盒子。 div特点：每一行只有一个div span特点：一行可以显示多个span 标签属性 指的是这个标签的特性 在标签名之后用空格分开 属性名和属性值是用=号进行连接的 属性值必须要写在双引号之中 标签的属性可以有多个而且没有先后顺序 图像标签 img标签来引入图像 常用属性 src =“图片的路径” 是必须属性 alt=“替换文本” 当图片加载失败的时候显示的文字内容 title=“提示文本” 当鼠标移动到图片上的时候显示的文本 width=“像素值” 设置图片的宽度 height=“像素值” 设置图片的高度 border=“像素值” 设置图片的边框粗细 注意点： 如果图片没有设置宽度和高度默认使用图片原来的大小， 如果宽度和高度单独设置，那么另外一个没有设置的属性就会等比例进行缩放。 相对路径和绝对路径 相对路径：以我们当前的文件为起始参考点，一级一级的建立目录路径 ../ 代表上一级目录 / 代表下一级目录 . 代表当前目录 绝对路径 从盘符的根目录下开始一步一步的建立文件路径，和当前文件的路径是无关的。 超链接 在html标签中使用<a></a>标签来定义超链接 超链接的语法 a是单词anchor 意为锚 常用属性 href 用于指定链接目标的URL地址，是必须属性 target 用于指定链接页面的打开方式，如果是默认值"_self"，代表在当前页面打开，如果是“_blank”，代表在新窗口中打开页面 超链接的分类 外部链接 内部链接，网站内部的页面跳转用到的就是内部链接，直接写网站内部的页面名称即可 空链接，如果没有确定目标链接时，可以暂时用空链接来代替 下载链接，当链接的地址是一个文件或者压缩包时，点击之后会直接下载相关内容 网页元素链接，页面中的各种元素，比如图片、视频、音频等等，都可以作为超链接使用 锚点链接，当我们点击链接时，可以快速定位到当前页面中的某一个位置。 第一步：在链接中的href属性中设置属性值为 #名字 的形式 第二步：在目标位置的标签中添加id属性，属性值写成刚才# 后面的名字即可 例 base标签 语法规范 <base href="跳转的目标" target=“网页打开的方式”> base标签一般会写在<head></head>标签中，作用是对所有的相对链接规定一个默认的url地址，或者提供一个默认目标。 HTML的特殊字符 在HTML页面中，一些特殊的符号只能用实体引用的方式来显示。 实体引用是用“&”符开头，以“;”结尾，中间是实体引用的名称。 常用特殊字符 所遇到问题 无 | 
