Lesson 1~HTML
HTML表单
text文本框
用户名<input type="text" placeholder="请输入用户名">
密码输入框
密码<input type="password">
radio 单选按钮
checked默认选中
<input type ="radio" name="gender">男
<input type="radio" name="gender">女
selcet 下拉选择 配合option使用
selceted默认选中
证件类型<select>
<option>中国居民身份证</option>
<option>外国人永久居留身份证</option>
<option>港澳台居民居住证</option>
</select>
checkbox 复选框
爱好<input type="checkbox">旅游
<input type="checkbok">踢球
textarea 文本域
<textarea rows="5",cols="10">
文本域:中北大学
</textarea>
文件上传
<input type="file">
提交按钮 submit
<input type="submit" value="注册">
重置按钮 reset
<input type="reset" value="清空重填">
HTML表格
语法
<table></table>表格标记
<tr></tr>表格行
<td></td>表格列
<tr>里放<td>
合并单元格<td colspan="2"></td>
HTML超链接
HTML图片
1.语法
<img src="" width="" height="">
2.可配合超链接使用<a><img src="" width="" height=""></a>
HTML列表
1.无序列表
<ul> <li></li></ul>
2.无序列表
<ol><li></li></ol>
HTML框架 iframe
HTMl标题
在HTML中有六级标题
<h1></h1>一级标题
HTML段落及块
段落
块
HTML颜色
HTML字符实体
注意分号也是一部分
面试题:HTML空格怎么表示:
Lesson3-CSS
##一、CSS是什么
1.层叠式样式表,简称为样式。
2.由W3C制定的标准
3.CSS由浏览器执行
4.美化网页
二、标记选择器
1、方法在HTML头部设置标签
这样下面在div中的元素就会被选中
2、id选择器
注意以#开头
<div id="shanxiDiv">山西大学</div>
{
color: black;
}```
3、class选择器
注意以.开头
body
```<div class="nuc">中北大学</div>```
```<p class="nuc">这是个段落</p>```
head
```.nuc{
color: aquamarine;
}```
## 三、CSS代码放置的位置
1、CSS页内样式:放在head之间,用style标记
2、CSS行内样式:放在标记的style属性内
```<p style="color: green;font-size:50px;">这是一个真实的故事</p>```
3.CSS外部样式(建立单独的CSS文件)
使用```<link rel="stylesheet" href="js/nuc.css">```连接新的CSS文件
```<input type="text" id="uname">```
## 四、开发常用样式
1.background
#mysql{
color: aliceblue;
background-color: antiquewhite;
}
2、text(文本样式)
<1>普通文本
<2>超链接
(1)去除下划线
太原市
a
{
text-decoration: none;
}
(2)鼠标滑过
a:hover{
color: #FF0000;
font-size: larger;
}
<3>对于字体大小的调整
#mysq
l{
font-family: “agency fb”;
font-size: large;
}
3、表格边框样式
table,td,tr
{
/*边框宽度1px,实线,黑色 */
border: 1px solid black;
}
table
{
/边框折叠/
border-collapse:collapse;
}
## 五、CSS盒子模型
1、与网页布局密切相关
2、美工必须精通
3、开发人员理解会用
4、外边距margin、内边距margin
注意内外边距是相对的,看站在哪一方的角度
对齐:margin: 0 auto;
# Lesson 4
## 一、CSS隐藏
1、display:隐藏后释放区域
2、 visibility:隐藏后不释放
## bs
作用:方便在手机上观看
# Lesson 6
## 一、JS
1、语法(if、for)
2、函数
3、事件
4、DOM
5、
## 二、JS输出(便于程序输出)
1、alert()
2、console.log()
## 三、JS语法
1、弱类型语言
2、定义可以使用var
3、JS严格区分大小写
4、JS的函数用function,函数名由程序员自定、函数的形参由程序员自定,JS的函数没有类型