前端 web
| 网页 |
| ||
|
网页的运转 |
| 用于接收用户请求并响应，提供数据支撑
| |
| 电脑上的程序性，客户端，帮用户发请求并且处理服务器端返回的数据，图形化呈现给用户
| ||
| 网络请求最常用的HTTP HTTPS
| ||
|
服务器 及游览器产品 | 1、服务器 | Tomcat Apache Nginx IIS | |
|
2、游览器 （按照游览器的内核/引擎进行划分） | 渲染引擎：对HTML CSS 进行处理 JS引擎： 对JS进行处理 | ||
| 游览器 | 引擎 | ||
| 1.Chrome webkit -- > blink 2.FireFox Gecko 3.IE Trident 4.Safari Webkit 5.Opera Presto | |||
| 页面的 基本构成 | 1、静态页面 | 结构 （HTML） 和 样式 （CSS） | |
| 2、动态交互 | JS | ||
HTML
| 意义 | 超文本标记语言 （Hyper Tect Markup Language）
|
| 作用 | HTML 用来书写页面结构 文档类型（后缀） .html/.htm
|
| 特点 | 大量的标记确定页面结构的组成
|
| 查看检查 | 游览器页面中使用F12 或者 右键检查打开开发者工具 |
|
语法特点 |
单标签<meta>只有开始标签没有结束标签 单标签闭合<meta/>
<标签名 属性名=‘属性值’> 标签内容</标签名> 例子：<title>我的第一个网页</title>
|
| 语法介绍 |
例如：编码方式，链接的外部文件，网页关键字，用户不可见 游览器选项卡上的信息，例如：网页标题，网页LOFO是用户可见
|
| 标签类型 |
（2默认宽度与父元素保持一致， 可以手动设置宽高尺寸）
（1可以与其他元素共行显示） （2 宽高由元素的内容决定，不能手动设置宽高）
（1即可以共行业可以手动设置宽度） |
| 常用的标签 | 1. 标题标签 <hn></hn> 2. 段落标签 <p></p> 3. 文本标签 <span></span> <label></label> <i></i> <b></b> <strong></strong> <u></u> <s></s> <del></del> <sub></sub><sup></sup> 4. 格式标签 <br/> <hr/> 字符实体 : ¥ © < > 5. 列表标签 1. 无序列表 设置type属性修改项目符号 disc(默认) square circle none <ul type=""> <li></li> </ul> 2. 有序列表 设置type属性修改项目符号 1 (默认) a A i I 设置start属性，决定从几开始排序，取值是数字 <ol> <li></li> </ol> 3. 定义列表 dt表示对数据分组 dd表示具体数据 <dl> <dt></dt> <dd></dd> <dd></dd> </dl> |
| 图片标签 | <img src="路径"> url 组成 ： 协议 域名 目录路径 文件名 路径分为相对路径和绝对路径 绝对路径 ： 从根目录开始查找 注意 ： 1. 斜杠的问题 2. 目录与文件名称 3. file：///协议是windows上打开本地文件的协议，类似于文件管理器 相对路径 ： 从当前文件所在的目录位置开始查找 ../表示从当前文件夹返回上一级目录 |
| 超链接 | 使用超链接标签 a href="url" 1. 指定网络URL进行跳转，一定要写协议 2. 设置新网页的打开方式 是否在当前选项卡窗口打开 默认_self 在当前窗口打开 会覆盖当前文件， _blank表示新建窗口打开 3. href 属性为空，表示链接到当前页，会进行页面刷新 4. href 属性为 # 还是链接到当前页，不会进行页面刷新 5. 文档内部锚点链接 在当前页设置锚点链接 跳转到当前文档的指定位置 1. 在指定位置添加空标签，并且设置name 或者 id属性 2. 在超链接中设置 href = "#锚点值" 锚地值就是 name/id属性值
|
扫一扫
356
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
