前端学习笔记
- 第一HTML基础
- CSS基础
- javascript基础
- HTML5新特性基础
- 响应型布局
- jQuery基础
- jQuery UI基础
- jQuery mobile基础
- createJS基础
- 其它全套项目
- JS基础
- 前端基础功
- jquery部分高级
- HTML5全面
- CSS3
- ajax
- 移动WEB开发
- 面向对象
- canvas
- 框架
- 移动混合WEB开发
- 主流框架
- NODE
第一部分 HTML基础
- 1、页头标签 （head 、meta 、link、title、style、script 、base）
2、关于字符集编码
常见的字符集编码有：
UTF-8:万国码
GB2312:中国的国标编码
*GBK:*微软中文版集成
BIG5：繁体中文（港澳台）
3、设置页面字符编码如下：
<meta charset="utf-8" />
也有写成
<meta charset="utf8" />
4、设置页面描述信息、关键字、及作者和设置页面自动刷新或跳转 如下：
<meta name='description' content="本站主要是研究和学习用，解决生产中遇到的各种问题，提供教程、软件下载等信息" />
<meta name="keywords"
content="视频教程、软件下载、旅馆业报修、维护、驱动下载"/>
<meta name="author" content="gxlb120" />
<meta http-equiv="Refresh"
content="5;url=http://www.qq.com" />
5、title标签的使用
TITLE标签的作用：
- 定议浏览器工具栏中的标题
- 提供页面被收藏到收藏夹的标题名称
- 显示在搜索引擎结果中的页面标题
- 例：
<title>系统指南使用系统<title>双标签
6、页头中style标签的使用
在本页面加入CSS样式而不是单独文件使用，所以style这个标签要写到head标签内。
如下：
<head> <style type="text/css"> body{
background-color:red;
}
</style>
</head>
7、link标签的使用
常用用于链接引用外部文件，如引用外部CSS文件等。
例如：
<head>
<link rel="stylesheet"
type="text/css" href="css/web.css" />
DAY2 文本标签
1. **<p> 和<hr/>******
2. 空白与注释 在HTML下想多个空格就使用空格： 注释就用<!--这是注释-->,页面没必要用太多注释，大型网站影响速度
3. 强制换 行和软件换 行<br/>和
4. HTML中常用的字符实体 空格： 小于号:< 大于号:> 和号：& 引号：" 版本：© 注册商标:®®
商标：™&trade
乘号：××
除号:÷÷
5、短语标签：
em:把文本定义为 强调的内容。
strong:把文本定义为更强调的内容。
dfn:定义一个定义的项目。
code：定义计算机代码文本。
samp：定 义样本文本。
kdb：定义键盘文本。
var：定义计算机代码中的变量。
cite：定义引用。
6、 文本修饰标签：
- 强调标签： strong、em 都是双标签
- 两者区别：1、写法和展示效果是有区别的，一个是加粗，一个是斜体，2、strong的强调性硬强，em的强调性稍弱。
- 上标：sup 是双标签
- 下标：sub 是双标签
- del：删除线，一般情况下，删除文本是和插入文本ins配合使用的。
- ins:插入文本,下画线效果 例：促销 原价del300del，现价ins100ins
7、图片标签与图片属性
标签：img:图片 为单标签。
属性：
- src：引入图片的地址。
- alt：当图片出现问题不显示时，显示友好提示文字
- title：提示信息，当光标滑过上面时的提示信息
- width：设置图片宽
- height：设置图片的高，单位为像素
8、引入文件的地址路径：
相对路径：
- .在路径当前路径 下 如 img src=’./dog.jpg’ alt=””
- …上一级路径 src=”…/images/dog.jpg” HTML文件上一级目录
绝对路径：
http://www.qq.com/web/img/2020/1.jpg
e:/img/2018/2.jpg
9、跳转链接：《a》
标签：a 为单标签。
属性：
- href:链接地址， 例：< a href=“http://www.qq.com”>访问腾讯
- target：跳转打开窗口方式，默认在当前页面打开 -self, -blank新窗口打开
base标签： 单标签
作用：改变链接的默认行为的
今天的文章2020前端学习笔记分享到此就结束了，感谢您的阅读。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/64395.html
