ol li 表示有序列表
如:<ol>
<li>这是一个有序列表</li>
</ol>
dl dt dd表示自定义列表
如:<dl>
<dt>每个自定义列表项以dt开始</dt>
<dd>每个自定义列表项的描述以dd开始</dd>
</dl>
iframe 用来规定一个内联框架,一个内联框架被用来在当前HTML文档中嵌入另一个文档
提示:你可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 <iframe> 的浏览器(一些旧的浏览器不支持iframe)
<iframe src="http://www.baidu.com" width="100px" height="100px">这里可以放入文本</iframe>
定义<iframe> 标签是否显示边框
frameborder 属性用于定义 <iframe> 是否显示边框。
frameborder 属性默认值为“1”,表示开启边框。设置 frameborder 属性值为 "0" ,则表示移除 <iframe> 的边框
如:<iframe src="http://www.baidu.com" width="100px" height="100px" frameborder="1">
HTML5 不支持 <iframe> frameborder 属性,请使用 CSS 设置样式代替。
HTML 脚本标签
<script> 定义了客户端脚本
<noscript> 定义了不支持脚本浏览器输出的文本
常见的HTML实体列表
HTML 表格
HTML 表格由 <table> 标签来定义
一个 HTML 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素。
<tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。
例如<table border="1" cellspacing="0" cellpadding="0">
<tr><th>姓名</th><th>手机号</th></tr>
<tr><td>邱彦兮</td><td>18888628835</td></tr>
</table>
border-collapse: collapse 可以使表格属性变更细
HTML <form> 标签 收集用户的数据
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框、复选框等等
使用方法:
<form action="" method=>
表单项 input select label textarea
</form>
form相关属性:
action:表单提交的地址
methon:表单发送的方式
get 显式 把数据放在浏览器地址栏 发送过去 可以在浏览器地址栏看到发送的内容
post 隐式提交不可见
涉及到数据库修改的用post 查询用get
name属性:通用属性,可以加在任何标签上
文本:input type="text"
密码:input type="password"
普通按钮:input type="button" value:登录
提交按钮:input type="submit" value:登录
单选按钮:input type="radio" name=相同才可以
复选按钮:input type="checkbox"
上传文件:input type='file'
下拉列表 select option 合用,类似于ul li
文本域:textarea 我们可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小。
cols 属性规定了文本区域内可见的宽度,rows属性规定了文本区域内可见的高度(以行数计)
placeholder 占位符 <input type="text" placeholder="this is placeholder text">
对于表单,你可以指定某些选项为required(必填项),只有当用户填写了该选项后,用户才能够提交表单。例如,如果你想要一个文本输入框设置为必填项,你可以在 input 元素中加上 required 属性,你可以使用: <input type="text" required>
HTML <label> 标签: <label> 标签定义了 <input> 元素的标签,一般为输入标题。
<label> 标签的 for 属性应当与相关元素的 id 属性相同
作用:扩大选区
代码:<form action="" method="">
<label for="sex">
男:<input id="sex" type="radio" name="sex" id="" value="" />
</label>
<label>
女:<input type="radio" name="sex" id="" value="" />
</label>
</form>
HTML <button> 标签
<button> type 属性值有:
submit:该按钮是提交按钮(除了 IE 浏览器,该值是其他浏览器的默认值)。
button:该按钮是可点击的按钮(IE 浏览器的默认值)。
reset:该按钮是重置按钮(清除表单数据)
HTML <fieldset> 和 <legend> 标签
<fieldset> 标签定义了一组相关的表单元素,并使用外框包含起来。
<legend> 标签定义了 <fieldset> 元素的标题。
代码如下:
<form action="http://www.baidu.com" method="">
<fieldset id="">
<legend>标题</legend>
<label for="sex">
男:<input id="sex" type="radio" name="sex" id="" value="" />
</label>
<label>
女:<input type="radio" name="sex" id="" value="" />
<button type="submit">我是一个可发送数据的按钮</button>
<button type="button">我是一个按钮</button>
<button type=" reset">我可以重置表单</button>
</label>
</fieldset>
</form>
CSS 覆盖:
!important >内联样式(style)>id>class
如下图:
*{} 星号选择器
表示所有的元素样式
清除浮动的方法
margin无效的解决方法
外层盒子加边框:
border:solid 1px transparent(透明)