|
1.web 组成标准 结构（xml/html) 表现(css) 行为(js） 结构和表现标准指定组织为W3C（万维网联盟） 行为标准制定组织(ECMA) 2.html特点 1 HTML指的是超文本标记语言，是WWW万维网的描述性语言 2 我们使用的是html的第五个重大版本，目前仍处于更新状态。 3. 站点的命名规则 用英文小写字母开头，有数字 字母 下划线组成，不得包含中文，空格和特殊字符 4.vscode 快捷键使用 1 ctrl+s 保存文件 2 ctrl+b 默认浏览器运行 3 ctrl+c 复制 4 ctrl+v 粘贴 5 ctrl+x 剪切 6 ctrl+z 撤销 7 ctrl+y 取消撤销 8 ctrl+/ 注释或取消注释 注释之间不能相互嵌套 9 lorem 快速生成一段文本 10 ctrl++号 放大编辑器字体 11 ctrl+-号 缩小编辑器字体 5. 页面基本结构 !DOCTYPE 声明文档类型 html标签，双标签，规定了html的范围 head头部标签，双标签，规定头部范围，用来存放页面元信息，告诉浏览器如何解析页面 meta 媒体信息标签，单标签 UTF-8的编码格式 title页签标题，双标签 body页面主体标签，双标签，规定页面主体的内容，写给用户看的内容写在这个里边，也就是浏览器需要显示的内容 6.标签基本结构 1.单标签、单标记、空标记 注意：单标签/可以省略 2.双标签、双标记、对标签 特点总结： 标签需要写在内，单标签单个出现，双标签成对出现 标签的第一个单词叫做标签名 属性和属性值之间用=号连接，属性值需要写在""内（单引双引都行） 如果有多组属性，注意属性和属性之间用空格隔开 7.HTML常用标签 1.标题标签 h1-h6 特点：独占一行，自带加粗，不同等级标题字号不同，自带间距（双标签） 2.正文段落 p 特点：独占一行，自带间距，具有文本段落的含义（双标签） 3.空格符 ; 特点：特殊字符，空格符（不属于标签） 4.强制换行 br 特点：单标签，作用是强制换行。 5.水平线、分割线 hr 特点：单标签，作用是强制出现分割线。 6.加粗 b、strong 特点：默认不独占一行，让文字加粗（双标签），strong具有一个强调的语气 7.倾斜 i、em 特点：默认不独占一行，让文字倾斜（双标签），em具有一个强调的语气 8.补充 u 下划线（双标签，默认不独占一行） s、del 删除线（双标签，默认不独占一行，del具有强调的语气） sup 上标(双标签，默认不独占一行) sub 下标(双标签，默认不独占一行) 9.列表 无序列表 ul>li 默认独占一行，没有序号 有序列表 ol>li 自定义列表 dl>dt+dd 快捷写法 * 生成几个 $ 数字序号 > 包含 + 相邻兄弟 type 类型支持的属性值 1 数字 A 大写字母 a 小写字母 I 大写罗马数字 i 小写罗马数字 start 开始 支持属性值为数字 10.图片标签 img img 图片标签 特点：单标签，默认不独占一行，自带大小属性 src 图片路径 ——相对路径 (相对于当前文件来说，图片的路径位置) ../ 返回上一层 xxx/ 进入到某个文件夹 demo: src="../../images/home/m.png" ——绝对路径 demo: src="C:\Users\Qianfeng\Desktop\day02\images\3.jpg" 弊端：路径不够灵活，文件发送到其他设备路径就失效。 ——网络路径 demo:src="https://p5.itc.cn/images01/20210627/c7a4cb2caed54da3ab13a90a4177e8e2.jpeg" alt 图片无法加载时的显示内容 title 鼠标悬停时的提示信息 11.超链接 a 超链接 a 功能：实现页面跳转 特点：默认不独占一行，自带下划线，访问前访问后自带不同颜色（对标签） 属性：href 跳转路径地址 ——相对路径 ——绝对路径 ——网络路径 （需要带上http://网络协议） title 鼠标悬停时的提示信息 target 跳转方式 _blank 在新窗口进行跳转 _self(默认值) 在当前窗口进行跳转
|