2020前端学习笔记

最新推荐文章于 2022-11-09 10:10:26 发布

DJXHC

最新推荐文章于 2022-11-09 10:10:26 发布

阅读量291

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/djxhc/article/details/104250234

版权

这篇博客详细记录了前端学习的过程，涵盖了HTML基础，如字符集编码、标题、样式设置；深入讲解了文本标签，包括em、strong、del、ins等；介绍了CSS的样式表类型和选择符；并触及了JavaScript的基础概念和函数用法。此外，还提到了表格的使用，包括caption、th、合并单元格等。

摘要由CSDN通过智能技术生成

前端学习笔记

第一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中常用的字符实体 空格：  小于号:< 大于号:> 和号：& 引号：" 版本：© 注册商标:®&reg
商标：™&trade
乘号：×&times
除号:÷&divide