html:
超文本标记语言
网路语言
基本格式
<html>
<head>
<title></title>
</head>
<body>
语句
</body>
</html>
主要标签：
1.文本标签：<font></font>
*color 设置文本颜色
*size 设施文本大小
基本不用，一般用div代替
2.标题：<h1></h1>....<h6></h6>
自动换行，并且空一行
一般不用，可以通过设置div的样式来实现
3.换行：<br/>
4.分割线：<hr/>
5.注释：<!--
-->
6.空格： ；
7.列表标签
基本：
<dl>
<dt></dt>主单元
<dd></dd>子元素
</dl>
有序：
<ol>
<li></li>
</ol>
ol的 type属性：1，a，i
无序：
<ul>
<li></li>
<li></li>
</ul>
ul的 type属性：disc（实心圆点） cricle（空心） square（方形）
8.图片 <img src="图片地址">
alt属性是提示信息
9.超链接：<a href="地址">文字</a> 没有地址：# target： _blank新页面 _self当前页面 _new新页面
10.表格标签：
<table> （border 边框 bordercolor 颜色 cellspacing 单元格之间的距离 cellpadding 文本与单元格的距离）
<caption>标题<caption>
<tr> 行
<td></td> 行里面的单元格 rowspan="2" 跨2行 colspan="3" 跨三列
<th></th> 自动居中 加粗 一般用于表头
</tr>
</table>
11.表单标签：
1.提交时，必须有name属性
2.选择的标签，必须有value值
3.get是显示提交 不安全；post是隐藏提交，安全
<form action="提交的地址" method="提交的方式">
<input type="text" /> 一般文本
<input type="password"/>密码文本-提示属性：placeholder="请输入密码"
<input type="radio" /> 选择按钮-用于性别选择，默认选择是 checked="checked"
单选，必须name值一致
<input type="chechbox"> 默认选择是 checked="checked"
复选框，也要name值一致
<select> name写在select上
<option>值</option> value写在option上
<option>值</option>
</select> 下来列表选择，默认选择的是：selected="selected"
<textarea></textarea> 文本域，用于自我描述等等
<input type="file"/> 上传文件
<input type="hidden"/> 隐藏文本 可以通过设置value来输入隐藏标记
<input type="submit"> 提交按钮，必须有name和value值
<input type="image" src="图片地址"> 图片提交
<input type="reset"> 重置按钮 恢复到初始状态
</form>
12.其他标签
<pre></pre> 原样输出
<p></p>段落标签
<b></b>加粗
<s></s>删除
<u></u>下划线
<i></i>斜体
<div></div> 换行
<span></span> 在一行显示
css:
层叠样式表单
把样式和HTML分开，便于维护
一.结合的方式：
1.<div style="background-color：red；" ></div>
2.html中的<head>
<style type="text/css">
css代码
</style>
</head>
3.<head>
<link rel="stylesheet" type="text/css" href="css文件路径"/>
</head>
4.不常用
<head>
<style type="text/css">
@imput url(css文件路径);
</style>
</head>
二.选择器
一般情况是后加载的优先级高
1.标签选择器
div {
color:green;
}
2.class
.a {
css代码
}
3.id
#b {
css代码
}
4.style="css代码"
优先级：style > id > class > 标签
三.扩展选择器
1.嵌套
<div><p></p></div>
div p {css代码} 只是对div里面的p标签设置了样式
2.组合
div p {css代码} div和p标签都设置了
3.伪元素选择器
原始状态：div:link {css代码}
鼠标放上去：div：hover{css代码}
点击：div：active {css代码}
点击后： div:visited {css代码}
超文本标记语言
网路语言
基本格式
<html>
<head>
<title></title>
</head>
<body>
语句
</body>
</html>
主要标签：
1.文本标签：<font></font>
*color 设置文本颜色
*size 设施文本大小
基本不用，一般用div代替
2.标题：<h1></h1>....<h6></h6>
自动换行，并且空一行
一般不用，可以通过设置div的样式来实现
3.换行：<br/>
4.分割线：<hr/>
5.注释：<!--
-->
6.空格： ；
7.列表标签
基本：
<dl>
<dt></dt>主单元
<dd></dd>子元素
</dl>
有序：
<ol>
<li></li>
</ol>
ol的 type属性：1，a，i
无序：
<ul>
<li></li>
<li></li>
</ul>
ul的 type属性：disc（实心圆点） cricle（空心） square（方形）
8.图片 <img src="图片地址">
alt属性是提示信息
9.超链接：<a href="地址">文字</a> 没有地址：# target： _blank新页面 _self当前页面 _new新页面
10.表格标签：
<table> （border 边框 bordercolor 颜色 cellspacing 单元格之间的距离 cellpadding 文本与单元格的距离）
<caption>标题<caption>
<tr> 行
<td></td> 行里面的单元格 rowspan="2" 跨2行 colspan="3" 跨三列
<th></th> 自动居中 加粗 一般用于表头
</tr>
</table>
11.表单标签：
1.提交时，必须有name属性
2.选择的标签，必须有value值
3.get是显示提交 不安全；post是隐藏提交，安全
<form action="提交的地址" method="提交的方式">
<input type="text" /> 一般文本
<input type="password"/>密码文本-提示属性：placeholder="请输入密码"
<input type="radio" /> 选择按钮-用于性别选择，默认选择是 checked="checked"
单选，必须name值一致
<input type="chechbox"> 默认选择是 checked="checked"
复选框，也要name值一致
<select> name写在select上
<option>值</option> value写在option上
<option>值</option>
</select> 下来列表选择，默认选择的是：selected="selected"
<textarea></textarea> 文本域，用于自我描述等等
<input type="file"/> 上传文件
<input type="hidden"/> 隐藏文本 可以通过设置value来输入隐藏标记
<input type="submit"> 提交按钮，必须有name和value值
<input type="image" src="图片地址"> 图片提交
<input type="reset"> 重置按钮 恢复到初始状态
</form>
12.其他标签
<pre></pre> 原样输出
<p></p>段落标签
<b></b>加粗
<s></s>删除
<u></u>下划线
<i></i>斜体
<div></div> 换行
<span></span> 在一行显示
css:
层叠样式表单
把样式和HTML分开，便于维护
一.结合的方式：
1.<div style="background-color：red；" ></div>
2.html中的<head>
<style type="text/css">
css代码
</style>
</head>
3.<head>
<link rel="stylesheet" type="text/css" href="css文件路径"/>
</head>
4.不常用
<head>
<style type="text/css">
@imput url(css文件路径);
</style>
</head>
二.选择器
一般情况是后加载的优先级高
1.标签选择器
div {
color:green;
}
2.class
.a {
css代码
}
3.id
#b {
css代码
}
4.style="css代码"
优先级：style > id > class > 标签
三.扩展选择器
1.嵌套
<div><p></p></div>
div p {css代码} 只是对div里面的p标签设置了样式
2.组合
div p {css代码} div和p标签都设置了
3.伪元素选择器
原始状态：div:link {css代码}
鼠标放上去：div：hover{css代码}
点击：div：active {css代码}
点击后： div:visited {css代码}
1240
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
