wordpress 七牛视频教程上海谷歌seo推广公司
一、前端开发基础
前端一共三门语言——HTML、CSS、JS（Java Script）
HTML用于静态网页框架，CSS用于修饰，JS构成动态网页
1、HTML
对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">
### HTML中不支持 空格、回车、制表符，它们都会被解析成一个空白字符 ###
UTF-8是Unicode编码格式，只有在MySQL中可以使用“utf-8”的别名“utf8”，但是在其他地方一律使用大写“UTF-8”
1、编码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body>
</html>- 一个标签可以有多个属性，属性之间使用空格隔开，而且属性的执行不分先后
- 插入图片必须要在建立的工程文件夹里面（）使用中文逗号，后面的内容就不会执行
- <br>、<img>都是单标签，没有对应的闭标签，要想空一行可以使用两个br标签
2、路径问题
工程文件夹下面的是根目录
①相对路径如下
- 要用的东西在下一级直接写路径
- 在上一级的话，使用 ../
- 如果是同一级则不作处理（或者写一个 . 表示当前路径即可）
②绝对路径——从盘符开始描述所在的位置
3、各种标签
框架标签
<html></html>、<head><title>标签是在头部里面</title></head>、<body></body>
<meta>：为浏览器的解析提供说明
图片标签
<img src="vexp1_1.png"alt="无法显示" title="好看的图" width="800" height="500" border="1">
超链接标签
<a>：target的 _blank属性 可以控制重新开页面显示（图片跳转 & 直接跳转 & 下载跳转）
<!--直接--><a href="http://www.baidu.com" target="_blank">baidu.com</a> <!--图片--><a href="http:baidu.com" target="_blank"><img src="123.png"></a> <!--下载--><a href="abc.exe">index.exe</a> <!--锚点--><a href="#abcdef"> 目录一</a>，前提是打点：设目标资源的ID为abcdef
块标签
- <div></div>是自己一行的块标签
- <span></span>是可以有多个块在一行的标签
格式标签
加粗 <b></b> <strong></strong>
斜体 <i></i> <em></em>
下划线 <ins></ins> <u></u>
删除线 <del></del> <s></s>
特殊标签
<：<
>：>
<br>：后面内容换行
空格：