Web前端
-
pc端（网页为主）
-
包含的元素：图片、文字、按钮、搜索框
-
制作网页时应该符合的标准：web标准
(一）web标准里包含的标准有哪些 HTML- 行为标准（JS） 没有的话静态的，让网页对用户的操作进行响应
- 表现标准（CSS样式） 美化师
- 结构标准（html） 人的骨骼结构
- HTML
- 定义：Hyper Text Markup Language（超文本标记语言--超文本）
- 什么叫超文本：在网页中能够实现页面跳转的文本【超链接标签】
- 什么叫标记：在网页中显示的标签【在网页中做标记】
- 语法结构
-
结构中标签的分类
- 单标签：标签只有开始没有结束 例：<link> <hr>
- 双标签：标签有开始也有结束（有始有终）例：<head></heaf> <body></body>
-
结构中标签的关系
- 嵌套关系
- 包含关系
-
文件后缀名问题
- 后缀名不能够判断文件后缀名，只能决定文件的打开方式
- 网页的后缀名 .html 或者 .htm （前新版本）
- 如何显示文件后缀名：自行百度
- 定义：Hyper Text Markup Language（超文本标记语言--超文本）
-
HTML标签的介绍：参考更容易理解
一、单标签
- 注释标签 ctrl+/ 每一行注释掉
- 换行标签 <br> barter rabbet / break
- 横线标签 <hr> horizontal lines
二、双标签
- 标题标签 <h1></h2> 只有h1----h6；一个网页中最好出现一次一级标签
- 段落标签 <p></p> pa自己不能嵌套自己
- 强调标签
- 文本标签<font colour="文字颜色 " size="文字大小"> </font> -->属性
- 文本加粗显示 <strong></strong> 或者 <b></b> big推荐前者有语义
- 文本斜体显示<em></em> emphasized <i></i> italic意大利？
- 下划线显示 <ins></ins> insert(插入的） <u></u>underline
- 删除线<del></del> delect <s></s>
- 没有语义的标签
- <div></div> division 分隔 实现网页的布局,自动换行
- <span> </span> span
- 没有
三、图片标签
- <img>
- 属性
- src ：设置显示图片的路径（在本地）
- title：设置鼠标悬停在图片上的属性
- alt：图片加载失败 //当图片加载不出来时对图片的描述信息，给搜索引擎
- width：宽度
- height：高度 默认纵横比，只要设置一个（高宽）的属性即可//2019.12.17
- 属性
- w