一、html:超文本标记语言（易维护 易扩展 易复用）
1、html基本结构
<！DOCTYPE html> (文档声明)
<html> （html文档）
<head> （页头）
...
</head>
<body> （页身）
...
</body>
</html>
2、标记、标签、元素格式：
<标签名1 属性名1=“属性值1” 属性名2=“属性值2”>内容</标签名1>
或者
<标签名 属性名1=“属性值1” 属性名2=“属性值2” />
html:会三点
1、标签的写法 用法
2、标签的正确嵌套（把一个完整的标签当作另一个标签的内容）
3、标签特性
注意：
1、先写完整标签，在写内容属性
2、所有的字母符号都是英文半角
3、注意写注释 和格式问题
3、块元素与行内元素
块元素与行内元素，这两个概念极其重要，同时也是css的基础之一。
块元素通俗的讲就是这个元素必须独占一块区域，例如：div、p、、hr、ul、ol、h1-h6等
行内元素通俗的讲就是可以和其他元素在同一块区域，例如：b、s、u、a、span、img、input等
4、段落与标题等
标题标签:<h1>到<h3>--<h1>标题标签</h1>
段落标签<p>段落标签</p>
换行标签：<br>
水平线标签：<hr>
文本格式化标签：
粗体：<b>粗体</b>;<strong>粗体</strong>
斜体：<i>斜体</i>;<cite>斜体</cite>;<em>斜体</em>
上标标签：<sup>上标标签</sup>
下标标签：<sub>下标标签</sub></p>
大字号标签：<big>大字号标签</big>
小字号标签：<small>小字号标签</small>
删除线标签：<s>删除线标签</s>
下划线标签：<u>下划线标签</u>
特殊符号： :（空格）
5、列表
1）有序列表[type属性值disc实心圆、circle空心圆、square实心正方形]
<ul>
<li>...</li>
<li>...</li>
</ul>
2)无序列表[type属性值1、a、A、i、I（对于type属性实现的列表项符号，在学习css后我们可以用list-tyle-type来实现）]
<ol>
<li>...</li>
<li>...</li>
</ol>
3)定义列表
<dl>
<dt>定义名词</dt>
<dd>定义描述</dd>
</dl>
5、表格
格式：如下
常用标签
table tr td(th) thead tbody caption
常用属性
table：width borber cellspacing cellppadding align
tr:height align
td:width align
合并单元格:通过占位实现看起来合并的效果
单元格的属性
colspan：横向合并（向右合并）
rowspan：（向下合并）
表格默认宽度高度（根据内容来的）
表格具有横平竖直的特性
6、表单
表单：收集用户的输入 发送到后台
<form action="后台地址" method="提交方式" enctype="上传地址？"></form>
提交方式 get (默认) （from.html?uid=123&pwd=123）
post 在请求里面
表单元素:属性 ：name(所在的组名） value（取值、用户提交的是value的值）
文本类型：readonly只读 （disabled 不可操作灰色、placeholder="请输入数字"）
文本框 text
密码框 password
隐藏域 hidden
多行文本 textarea
选择类型 disabled （checked(radio,checkbok)默认选中、selected(select option)默认选中、multiple （全部显示）size“2（显示两个）”
单选 radio
多选 checkbox
下拉 select option
按钮类型 disabled
普通按钮 button 有属性值
提交按钮 submit
重置 reset
（button标签名在form表单里面和submit效果一样）
其他类型
文件file，图片img，日期date，颜色color
通用格式
<input type="表单元素类型" >
下拉
<select name="" id="">
<option value=""></option>
</select>
多行文本
<textarea name="" id="" cols="30" rows="10"></textarea>
框架
<iframe src="#" frameborder="0" width="200" height="200"></iframe>
例如：<fieldset> 表单外框
<legend>登录表单</legend>表单名称
<form action="#" method="get">
账号<input type="text" name="uid">
密码<input type="password" name="pwd"><br>
<button>登录</button>
</form>
</fieldset>
label标签：点中文字也可选中
<label><input type="radio" name="sex">男</label>
<input id="rad" type="radio" name="sex"><label for="rad">女</label>
7、音视频
<video src="../yinyong/7.9form.mp4" controls autoplay></video>
8、图像
<img src="图片文件地址" alt="图片显示显示不出来时提示的文字" title="鼠标移到图片上时提示的文字">
9、超链接
<a href="链接地址" target="目标窗口的打开方式">超链接内容</a>(一般情况下target只用到“_blank”和“_self”这两个属性)
例如：<a href="http://www.baidu.com">百度</a>
上午把山东理工大学官网制作的问题点整理了一下，对之前学的html和css内容进行了一次小考；
下午学习了javascript，了解了它的基本结构，语法应用
js浏览器的脚本语言
js基础语法、js Dom操作
写法
1、行内（内联）
js代码:onclick="alert(‘这是弹窗’);
列：<button onclick="js代码">这是弹窗</button>
2、内嵌
<script type="text/javascript"> js代码</soript>
列：<script type="text/javascript">alert('这是第二种弹窗')</script>
<button onclick="alert(‘这是弹窗’);">第三方 </button>
3、外部引用
js语法：alert("第三种弹窗");
列：<script type="text/javascript" src=“index.js”></soript>
<script>alert('第三种弹窗');</script>
js文件：alert("这是第二种弹窗");
基础语法 套路
注释、关键字、标识符、变量/数据类型/运算符/控制语句/数组/方法（函数）
注释：//单行 /* 多行 */
变量：容器 var aa=123变量这个只需要改一个
alert(‘123’);
alert(‘123’);这种需要一个一个改