目录
一、HTML背景-body属性
<body text="white">
属性 | 功能 |
text属性 | (文本的颜色) |
link属性 | (链接的颜色) |
alink属性 | (点击的时候链接的颜色) |
vlink属性 | (点击之后的颜色) |
bgcolor属性 | (背景颜色) |
background属性 | (背景图片,平铺) |
添加图片语法
<font color=“black”>我很帅啊</font></br />
<body text="white" background="帅照.jpg">
<center><img src="帅照.jpg" ></center>
二、HTML列表
列表 | 语法 |
无序列表(1.unorder圆点 2.square方块 3.circle小圆圈 4.disk小圆点) | <ul><li>第一个</li><li>第二个</li></ul> |
有序列表(order数字) | <ol><li>第一个</li><li>第二个</li></ol> |
自定义列表 | <dl>项目号,解释<dt>c#</dt><dd>很基础的内容</dd></dl> |
1.无序列表书写格式
<ul type="circle">
<li>第一个</li>
<li>第二个</li>
</ul>
2.有序列表书写格式
<ol>
<li>第一个</li>
<li>第二个</li>
</ol>
3.自定义书写列表
<dl>项目号,解释
<dt>c#</dt>
<dd>很基础的内容</dd>
</dl>
三、HTML表格-语法
语法
<table border=“1”>
<tr>
<td>单元格内容</td>
</tr>
<tr>
… …
</table>
制作表格代码
<table border="2">
<tr>
<td>第一行第一个</td>
<td>第一行第二个</td>
<td>第一行第三个</td>
</tr>
<tr>
<td>第二行第一个</td>
<td>第二行第二个</td>
<td>第二行第三个</td>
</tr>
</table>
border是边框
第一组tr是第一行
第二组tr是第二行
效果:
跨行跨列的表格
属性 | 功能 |
colspan | 跨列 |
rowspan | 跨行 |
四、HTML表单
所有属性全部在form中输入
<form>的常用属性
属性 | 功能 |
action | 表示提交的目标服务器 |
method | 提交的方法get、post |
get | 默认,以url提交,就是以地址的方式提交 |
post | 通过报文提交 |
请输入帐号:<input name="txt1" type="text" value="" size="20" maxlength="20" /><br />
框标签 | 语句 |
文本框 | •<input type = “text“ /> |
密码框 | •<input type = “password” /> |
文本域 | •<textarea>内容</textarea> |
设置行和列还有文本内容
<textarea rows="10" cols="50" readonly=“readonly >
按钮标签 | 语法 |
提交按钮 | <input type=“submit” /> |
重设按钮 | <input type=“reset” /> |
按钮标签 | •<input type=“button” /> |
图像标签 | •<input type=“image” /> |
<input name="sbm" type="submit" value="提交" /><br />
input name="rs" type="reset" value="重填所有内容" />
<input type="image" src="*.gif" /><br />
按钮 | 语法 |
复选框 | •<input type=“checkbox” /> |
单选按钮 | <input type=“radio” /> |
文件选择按钮 | •<input type=“file” /> |
<input type="checkbox" name="ch1" value="chone" />打篮球
<input type="checkbox" name="ch2" value="chtwo" />打足球
<input type="checkbox" name="ch3" value="chthree" />打乒乓球
<input type="checkbox" name="ch4" value="chfour" checked="checked" />打铅球<br />
<input type="radio" name="rd1" value="man" checked="checked" />男
<input type="radio" name="rd1" value="woman" />女<br />
<input type="file" name="f1" value="打开文件">
五、HTML标签
<select name="sel" >
<option value="0" >yhb@itcast.cn</option>
<option selected="selected" value="1">yhb@126.com</option>
<option value="2">yhb@163.com</option>
</select>
属性 | 功能 |
size | 1或非1(listbox) |
multiple | 多选 |
value和selectde | 默认谁是第一个 |
效果: