html : 静态网页
超文本标记语言
浏览器 记事本
双标签:
<标签名 属性名="属性值"></标签名>
单标签:
<标签名 属性名="属性值"/>
<html>:网页开始标签
</html>:网页结束标签
<head>:头部开始标签
</head>头部结束标签
<body bgcolor="颜色"></body>:身体
<br/>:换行标签
<img src="路径" width="100px" height="200px"/>:图片标签
src:路径属性
路径两种:
1)绝对路径
C:\Users\Administrator\Desktop\images\……
2)相对路径
以网页为起点
特别：
后退一步: ..\images
后退两步： ..\..\images
<p align="center"></p> 段落标签
align:水平对齐方式
left:左边
center:中间
right:右边
单词：
head:头部
body:身体
image:图片
background:背景
color:颜色
bgcolor:背景色
width:宽度
height:高度
red:红色
green:绿色
blue:蓝色
yellow:黄色
black:黑色
white:白色
pink:粉色
orange:橘黄色
purple:紫色
<img src="" width="" height="" title="" alt=""/>
title:鼠标悬浮时提示信息
alt:图片挂掉时的提示信息
水平分割线:
<hr color="" width="100px" align="" size="10px"/>
color:颜色
width:长度
align:水平对齐方式
size:尺寸、大小
注释标签：
<!--注释内容-->
有序列表：
<ol type="a/A/i/I">
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
………………
</ol>
type:类型
无序列表：
<ul type="circle">
<li></li>
<li></li>
<li></li>
……
</ul>
circle:圆圈
定义描述列表(图文混排):
<dl>
<dt>描述对象</dt>
<dd>描述内容</dd>
<dd>描述内容</dd>
<dd>描述内容</dd>
…………
</dl>
字体标签：
<font size="1~7"></font>
设置字体：
<标签 style="font-size:20px;color:颜色;"></标签>
style:风格
font-size:字体大小
color:字体颜色
范围标签：
<span></span>
超链接：
<a href="路径">点击对象</a>
特殊符号：
空格
© 版权符号
单词：
title:主题,标题
list:列表
超链接：
1、页面之间的链接:
<a href="路径">点击</a>
2、页面内的链接:
<a href="#名字"></a>
<a name="名字">要找的对象</a>
3、空链接(置顶):链接页面自身
<a href="#">点我</a>
4、邮箱链接：
<a href="mailto:邮箱地址">联系店长</a>
标题标签：
<h1></h1> 一级标题
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6> 六级标题
style="font-size:20px;color:red;font-weight:bold;text-align:center;"
font-weight:bold(粗体)/normal(正常)
text-align:文本的水平对齐方式（left/center/right）
块级标签：霸道
<p></p>
<hr/>
<br/>
<ul>
<ol>
<dl>
行级标签:
<span></span>
<img/>
<a></a>
<font></font>
布局：
表格(规整数据)：
<table border="1px" bordercolor="边框颜色">
<tr>
<td colspan="数字"/rowspan="数字"></td>
<td></td>
</tr>
</table>
table:表格
tr:行标签
td:单元格标签
colspan:跨列
rowspan:跨行
1、基本结构标签
<table cellspacing="0px">
<tr>
<td></td>
</tr>
</table>
cellspacing:单元格之间的缝隙
2、跨行/跨列
3、放内容(放在td里)
高级标签：
1、数据量很大时,设置数据显示的顺序：
<thead></thead> 表格页眉
<tbody></tbody> 表格主体
<tfoot></tfoot> 表格页脚
2、列标题标签：(加粗、居中)
<th></th>
用法：<td></td> --> <th></th>
3、表格标题：
<caption></caption>
表格嵌套：先做大，再做小！！！
表单：接收客户信息
表单标签：
<form>
</form>
文本框：
<input type="text" name="" maxlength="6" value="初始值" size="8"/>
maxlength:设置最多能输入的字符个数(不要px)
value:价值,内容
size:设置最多能显示的字符个数(不要px)
表单：
<form>
</form>
1、文本框：
<input type="text" name="" value="初始值" maxlength="6" size="8"/>
2、密码框：
<input type="password" name="pwd" value="" maxlength="" size=""/>
3、提交按钮：
<input type="submit" value=""/>
4、重置按钮：
<input type="reset" value=""/>
set:设置
reset:重新设置
5、单选按钮：
<input type="radio" name="" value="" checked="checked"/>
注意：
name必须有，而且必须一样！！！
radio:收音机,单选
checked:被选中
6、多选框：
<input type="checkbox" name="" value=""/>
7、文件上传：
<input type="file" name=""/>
file:文件
8、图片提交按钮：
图片形式，提交功能
<input type="image" src="路径"/>
9、普通按钮(没有效果)：
<input type="button" value="初始值"/>
10、隐藏域（按钮）：
<input type="hidden" name="" value=""/>
虽然看不见，但是还是存在（里面的内容还是可以被提交）
hidden:隐藏
表单：
<form method="get/post" action="网页路径/服务器地址">
</form>
method:提交方法(get/post)
get:method默认值，不安全
post:邮寄，安全
action:提交地址
十个:
文本框:
<input type="text" name="" value="初始值" maxlength="6" size="20"/>
密码框:
<input type="password" name="" value="初始值" maxlength="6" size="20"/>
提交：
<input type="submit" />
重置：
<input type="reset"/>
单选按钮：
<input type="radio" name="sex" value="价值" checked="checked"/>
<input type="radio" name="sex" value="价值"/>
复选框:
<input type="checkbox" name="" value="价值" checked="checked"/>
文件上传：
<input type="file" name=""/>
图片提交按钮：
<input type="image" src=""/>
普通按钮：
<input type="button" value="" />
隐藏域：
<input type="hidden" name="" value=""/>
两个：
1、下拉列表：
<select name="" size="4">
<option value=""></option>
<option value="" selected="selected" ></option>
…………
</select>
selected="selected" :选中
size:设置最多能显示的选项个数(不要px)
select:选择
option:选项
2、文本域:
<textarea name="" cols="" rows="" readonly="readonly"></textarea>
textarea:文本区域
cols:设置最多能显示的列数(相当于宽度,不要px)
rows:设置最多能显示的行数(相当于高度,不要px)
readonly:只读(不能修改)
附加：
<input type="submit" disabled="disabled"/>
disabled:禁用
框架集：
步骤：
1、拆
2、设计
3、放框架
4、放新的玻璃
做框架集步骤：
1、删除<body></body>
2、设计上下分/左右分
1)上下分
<frameset rows="30%,50%,*" frameborder="yes"
border="10px"
bordercolor="red">
</frameset>
*:剩余的
frameborder:框架边框(yes/no)
2)左右分:
<frameset cols="30%,*">
</frameset>
3、放框架:
放<frame/>
注意：设计几个框架，就放几个<frame/>
例子：
<frameset rows="50%,50%">
<frame/>
<frame/>
</frameset>
4、引入页面
frame:框架
frameset:框架集
noresize:不可调大小(放<frame/>里)
例子：
<frame noresize="noresize"/>
scrolling:滚动条(yes/no/auto),放在<frame/>里
auto:自动(默认值)
yes:一定有
no:一定没有
例子：
<frame scrolling="no"/>
超链接:
<a href="要找的路径" target=""></a>
target:目标、目的地(默认值在本页面)
|
|
收藏
淘帖
踩
