---html链接-表格table-列表ul-布局div-表单form-input属性-多层嵌套的跳转-实体H5-新增属性
---html链接
1.链接数据：--文本链接--<a href="链接地址">点击</a>
--图片链接---
<a href="链接地址">
<img src="图片的路径">
</a>
2.属性：href--指向另一个文档的链接
--name--创建文档内的链接--用途：在一个页面下，页面过大，可用于点击跳转到顶部或自定义注释处
例如：<a name="tips">我在这</a>
<a href="#tips">跳转到指定位置</a>
3.img标签属性：alt:替换文本属性--用途：当图片加载不出来的时候，会在框内所显示的内容
例如：<a href="链接地址">
<img src="图片的路径" alt="图片没有加载出来的提示">
</a>
----html表格
<table>---定义表格--<table cellpading="10">--border边框---
----cellpadding--单元格大小边距--
---cellpacing--单元格间距
<caption>---标题--<table><caption>在最外层</caption></table>
<th>---表头--放在tr中-<tr><th>表头一</th></tr>
<tr>---行
<td>---单元--可设空单元格内容---也可以写标签--<td><ul><li>标签一</li><li>标签二</li><li>标签三</li></ul></td>
<thead>---页眉
<tbody>---主体
<tfoot>---页脚
<col>---列属性
----html列表
<ol>----有序列表
<ul>---无序列表
<li>---列表项
<dl>---列表
<dt>---列表项
<dd>---描述
---使用div布局-上边两个div使用了float:left属性---最后一个div会受到影响，
就要清除浮动属性-clear:both;
---使用table布局-清除边框-marginheight="0px" marginwidth="0px"
这里的colspan可以改为3-意思是合并三个单元格-那么中间部分可分为三个模块-左中右
<body marginheight="0px" marginwidth="0px"> <tr> <td colspan="2" width="100%" heigth="10%" >这是头部</td> </tr> <tr> <td width="30%" heigth="80%" >左菜单</td> <td width="70% heigth="80%" >内容主题</td> <!--<td 宽度由上两个单元格分配>右菜单</td>--> </tr> <tr> <td>尾部</td> <tr> </body>
---
----html表单--form
1.表单用于获取不同类型的用户输入
2.常用表单标签
<form>--表单
<input>--输入域
<textarea>--文本域
<label>--控制标签
<fieldset>--定义域
<legend>--域的标题
<select--选择列表>
<optgroup>--选项组
<option>--下拉列表中的选项
<button>
--写在<input>--type属性》》text文本--radio单选框--checkbox复选框--
下拉列表框select-<option>--
复选框--
复选一<input type="checkbox">
复选二<input type="checkbox">
复选三<input type="checkbox">
单选框属性-
男<input type="radio" name="sex">
女<input type="radio" name="sex">
下拉列表--
<select>
<option>下拉一</option>
</select>
--form表单之外设置文本域--cols行--rows列
<textarea cols="30" rows="30">内容</textarea>
---<input type="button" value="按钮">---<input type="submit" value="提交">
---html框架-
内联框架--在一个页面引入多个页面文件--
嵌套页面
--frema.html---<body bgcolor="#dc143c"></body>
不在body--<iframe src="frema.html" 没有边框frame></iframe>
---多层嵌套继承页面--打开a标签网址跳转属性--
----target="_self"-在自己本身页面打开最底层的哪一层
target="_blank"-在一个新的页面打开
target="_parent"-在上一层打开
target="_top"-在顶级也就是自身的整个浏览页面
---背景标签background设置背景图片--背景颜色bgcolor
<body background="cat.jpg">
---html实体
实体：html中预留字符串必须被替换成字符实体--比如<,.>标签的符号
--XHTML-指的是可扩展超文本标记语言-为了代码的完整性和良好性
---html5 的新增属性
--contenteditable="false"--默认为true --用户可编辑操作
<h2>可编辑列表</h2>
<ul contenteditable>
<li>列表</li>
</ul>
--<input type="text" spellcheck="">--检查输入的内容
--tabindex="1/2/3"--按tab键顺寻访问
- 上一篇 »利用django form组件+ajax实现用户认证
- 下一篇 »入门前端之HTML
