html总结内容

总结
表单控件的属性
提交按钮和提交图片
form属性,值为一个form标签的id值
formaction属性,指定提交按钮提交数据的地址
formenctype属性,指定表单提交的编码格式
formmethod属性,指定表单提交的方式
formnovalidate属性,指定表单是否验证,布尔属性,写上就代表不验证
formtarget属性,指定响应打开的方式

HTML5新增的元素
< mark></ mark>高亮黄底
< cite></ cite>引用,倾斜
< abbr title="">< /abbr>缩略词

HTML面试题
HTML5中新增的元素有哪些?HTML5新特性有哪些?
1.HTML5新增的结构元素
语义化的标签
< article>< /article> 文章
< section>< /section> 独立的区域
< header>< /header> 头部
< footer>< /footer> 尾部
< aside>< /aside> 侧边栏广告
< address></ address> 地址
< nav>< /nav> 导航
< figure> 有标题的独立区域
< figcaption>< /figcaption>
< div></ div>
< /figure>
< details open>
< summary>标题</ summary>
< div>< /div>
</ details>
2.HTML5新增的表单控件
< progress></ progress>
< meter>< /meter>
< output></ output>
< datalist>< /datalist>
3.HTML5input的type属性的扩展
type=“number” 数值框
type=“range” 滑块
type=“search” 搜索框
type=“color” 颜色框,#ffffff
type=“tel” 电话框,不带验证
type=“url” 网址url框,自带表单验证,http:// https://
type=“email” 邮箱框,自带验证,XXX@XXX
type=“date” 日期,2020-09-09
type=“datetime-local” 日期和时间 2020-09-09T09:09:09
type=“time” 时间 09:09:09
type=“week” 年周 2020-W07
type=“month” 年月 2020-09
新增属性
form属性,值为一个form标签的id值
formaction属性,指定提交按钮提交数据的地址
formenctype属性,指定表单提交的编码格式
formmethod属性,指定表单提交的方式
formnovalidate属性,指定表单是否验证,布尔属性,写上就代表不验证
formtarget属性,指定响应打开的方式
autofocus 自动聚焦
required 必填项
pattern 正则表达式匹配验证
list 绑定datalist,数据列表
placeholder 占位符
min 最小值
max 最大值
4.HTML5中的媒体元素
< audio src="">< /audio>
< video src="">< /video>
controls 控制条
loop 循环播放
muted 静音播放
autoplay 自动播放
HTML复习
注释< !-- 注释的内容 -->
实体
& nbsp; 空格
& lt; <
& gt; >
& amp; &
& apos; ’
& quot; "
& copy; ©

常用标签
块级元素
独占一行,可设置宽高
< div>< /div>
< p>< /p>
< h1>标题< /h1>
< h2>标题</ h2>
< h3>标题</ h3>
< h4>标题< /h4>
< h5>标题< /h5>
< h6>标题< /h6>
< ul>
< li>< /li>
< li>< /li>
< /ul>
< ol start="" reversed>
< li>< /li>
< li>< /li>
< /ol>
< dl>
< dt></ dt>
< dd></ dd>
< dt></ dt>
< dd>< /dd>
< /dl>
< !-- table{border-collpase:collpase;} -->
< table width="" border="" cellspacing="" cellpadding="" align="">
< caption>标题
< colgroup>
< col span=“2” style="">
< col>
< /colgroup>
< thead>
< tr>
< th></ th>
< th>< /th>
< th>< /th>
< /tr>
< /thead>
< tbody>
< tr>
< td colspan=“2” rowspan=“2”>
< td>
< /tr>
< tr>
< td></ td>
< /tr>
</ tbody>
< tfoot>
< tr>
< td>< /td>
< td>< /td>
< td>< /td>
< /tr>
< /tfoot>
< /table>
行内元素
与其他元素共享一行,不可设置宽高
< span>< /span>
< button>< /button>
< a href="" target="">超链接</ a>
href属性值:
#目标元素的id 锚点
路径
相对路径,绝对路径
邮件
mailto:[email protected]
target属性值:
_self 当前窗口打开超链接
_blank 在新窗口打开超链接
样式
没有返回过是一个蓝色,访问过是一个紫色,鼠标点上去是一个红色
文字下方有下划线
< b>加粗< /b>
< strong>强调加粗< /strong>
< i>倾斜< /i>
< em>强调倾斜< /em>
< u>下划线< /u>
< sup>上标</ sup>
< sub>下标< /sub>

替换元素
  <input type="text">
空元素
  <br>
  <hr>
  <img src="" alt="">

form
< fieldset>
< legend>标题< /legend>
表单控件
</ fieldset>
< input type=“text”>
type取值
text 单行文本框 可以有size属性,指定输入框的宽度,有maxlength属性,最长可输入多少个字符
password 密码框
radio 单选按钮 checked属性默认选中
checkbox 复选按钮 checked属性默认选中
file 文件选择按钮
image 图片按钮
submit 提交按钮
reset 重置按钮
button 表单内不提交
hidden 隐藏域,不可见,提交数据
< select name="" id="" multiple size="">
< option value="">请选择< /option>
< optgroup label=“标题”>
< option value="">< /option>
< option value="">< /option>
< option value="" selected> < /option>
< /optgroup>
< /select>
< textarea name="" id="" cols=“30” rows=“10”>< /textarea>
< button type=“submit”>表单内提交< /button>
< button type=“reset”>表单内重置< /button>
< button type=“button”>表单内不提交< /button>
< button>表单内提交< /button>
表单控件的属性
disabled属性 禁用,不提交数据
readonly属性 只读,提交数据

块级元素内可以放置行内元素和块级元素
< div>
< span>< /span>
< div>
< span></ span>
< div>
< p>
< span>< /span>
< em></ em>
< /p>
< /div>
< /div>
< /div>
行内元素内不推荐放置块级元素
< span>
< div></ div>
< /span>

发布了24 篇原创文章 · 获赞 1 · 访问量 423

猜你喜欢

转载自blog.csdn.net/hanmiao12345/article/details/104617837