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>

扫描二维码关注公众号，回复： 14337645 查看本文章

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的函数没有类型

html、CSS、JS相关知识