html的的主要结构
声明部分 标题部分 主题部分
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body></body>
</html>
html的基本标签
标题标签:<h1></h1>...<h6></h6>
段落标签:<p></p>
图像标签:<img></img>
换行标签:<br/>
水平线标签:</hr>
超链接标签:<a href="url" target"目标窗口位置">链接文本或图像</a>
注:_blank 在新的窗口中打开新的链接文件 _self 在自身窗口中打开要链接的文件
五个特殊符号:
空格:
大于号:>
小于号:<
引号 :"
版权符号:©
注释:
<!--注释内容-->
列表:
无序列表
<ul>
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt>标题</dt>
<dd>描述</dd>
<dd>描述</dd>
</dl>
表格:
表格的属性:
with 宽度 1.百分比: 表格的宽度与显示的宽度自我调整 2.像素
border 边框
cellspacing 单元格间距:可以设置多个单元格的间距
cellpadding 单元格边距:单元格中的内容与表格边框的距离
colspan 单元格所跨的列数
rowspan 单元格所跨的列数
<table>
<tr>
<td></td>
...
<td></td>
<td></td>
</tr>
</table>
表单:
<form action="表单提交地址 url" method="表单提交的方法">
</form>
注:1.表单地址不填的话,默认为当前页面
2.表单提交方式,取值为get 或 post
表单中的基本元素语法:
<input name="元素名称" type="类型" value="值" size="显示宽度" maxlength="字符长度" checked="是否选中"/>
type:text、password、radio(单选)、checkbox(复选)、submit、reset、button、hidden、p_w_picpath、file
name:表单的名称
value:指定表单元素的初始值
size: 指定表单元素输入字段的宽度
maxlenth:指定在text或password元素中输入最大的字符数。
checked:指定表单元素在加载时是否被选中。
下拉列表框
<select name="指定列表名称" size="行数">
<option value="可选项的值" selected="selected">内容</option>
<option value="可选项的值" >内容</option>
</select>
多行文本域
<textarea name="news" cols="" row="">初始文本内容</textarea>