学习路线
前端技术 HTML→CSS→JavaScript→JQuery→Vue.js
后端开发 PHP→ JSP→ ASP.NET
HTML
(超文本标记语言 Hyper Text Markup Language)
<!DOCTYPE html> 文档声明,表明这是一个HTML界面
<html> 告诉浏览器页面从html开始
<head>
<meta charset="utf-8" />
<title></title> 网页标题(浏览器栏目中的标题)
</head>
<body>
</body>
</html>
Head标签
<meta charset="utf-8"> *要在其他meta标签前面*
与服务器进行交互才算是动态页面
图片
文本标签
标题<h1>-<h6>
从小到小大
段落标签<p>
换行标签<br />
分区标签divsion <div>
划分区域,使得代码更有逻辑性
自闭合标签
<meta />
<hr />
<br />
<link />
<img />
<input />
块元素:浏览器显示独占一行
如<h1>-<h6><p><div><hr><ol><ul>
快元素可以包括块元素和行内元素
行内元素:显示可以和其行内他元素共处一行
如<strong><em><a><span>
行内元素不可以包括块元素
  空格符号
列表
表格
超链接
外部链接
<a href="链接地址" target="打开方式">
target="_self"原来窗口打开,"_blank"新窗口打开
内部链接(锚点链接)
<a href="#article">推荐文章</a>
<div id="article">
表单
multiple属性设置下拉列表可以选择多项
按Ctrl+鼠标左键选择
复选框是checkbox必须和label标签配合使用的
<form name="form1" method="post" action="index.html">
你喜欢的水果:<br />
<input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">苹果</label><br />
<input id="checkbox2" type="checkbox" />香蕉<br />
<input id="checkbox3" type="checkbox" />西瓜<br />
<input id="checkbox4" type="checkbox" />凤梨
</form>
内嵌框架(在一个页面中嵌入另一个页面)
<iframe src="链接地址" width="数" height="数" scrolling="auto/yes/no"></iframe>
src(source):引入外部文件的路径,src指向的内容会嵌入到文档中当前标签所在的位置 <img><script><iframe>
href(hypertext reference):建立html与外部文件的链接 <a><link>
base标签为整个页面定义所有链接的基础定位
<base href="http://www.w3school.com.cn/i/" target="_blank"/>
<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/>
图片域
<input type="image" src= " "/>
让图片具有按钮特性
当使用文件域file时,必须在form的标签中说明编码方式
<form enctype="multipart/form-data">
插入音频或视频
<embed src=" " width="" height="">
插入背景音乐,只限IE
<bgsound src="背景音乐的地址" loop="播放次数">