html知识点实践经验总结

122 阅读 0 评论 81 点赞

我是靠谱客的博主高贵毛衣，最近开发中收集的这篇文章主要介绍html知识点实践经验总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1. 表格标签是table，tr是行，td是单元格，cellspacing是单元格与单元格的距离 cellpadding是内边距，caption是表格的标题 colspan是合并列，rowspan是和并行，表格tbody
都是默认的。如果加多个tdody就可以解决页面显示的问题。

2.超链接的邮件链接mailto：abc@shouhu.com
3.<input type=”file”>可以长传
4.lable可以设置快捷键的
5.ini是简单的配置信息描述，xml是复杂信息描述

6.正则表达式是一种专门用于操作字符串的规则
通过一些符号来表示，简化对字符串操作
常见的操作有
匹配：matches
查找：pattern，和macther对象
切割：split
替换：replaceAll
网页爬虫：通过网络以及io读取的源文件，并通过规则获取网页中符合规则的数字
正则表达式中组的含义：将部分过则进行封装以便重用。方向引用组

7.html是超文本标记语言，html语言中是由标签组成的，html中数据都会分装在标签当中，因为可以通过标签中属性值的改变对分装内数据进行操作。
确定html代码范围。<html></html>
在该范围中华可以定义可以定义两部分，一部分是头，一部分体、
标签特点：对于数据进行封装，那么就有开始标签和结束标签但是也有一些标识只体一功能,所以不需要结束标签，规范中要求标签必须要结束，所以这样的标签在内部结束

8.常见的标签<font></font>。
标题标签<h1><h2><h3>
列表标签：<dl></dl>都有
上层项目：<dt>
下层项目：<dd>
项目符号标签：<ul>是无符号的
<ol>是有符号的
这两个列表项目都有<li>封装
图像标签：<img>
表格标签：<table>有行组成，行单元格组成，表格中都有一个默认的tbody标签
表格是对表格格式化的。
超链接标签：<a href=” ” >新浪网站 target
当被点击后，会启动引擎所对应解析程序
去查找指定的主机。
超链接的里一个作用：定位标记
表单标签：该标签是可以和服务器进行交互的。
有10大type：text，password，file，checkbox，radio，hidden，button，submit，reset，image
Image都具备提交功能

下拉菜单：
<select >
<option></option>
</select>
文本区域：<textarea>表单组件通常都需要定义name和value属性

9.表单组件通常都需要定义name和value属性，因为要发送给服务端。

10. get和post的区别
get：会将提交的数据显示在地址栏上
post：不会将数据显示在地址栏上

get：提交的数据局的体积会受到地址栏的限制
post：可以提交大体积数据

get：对于敏感信息不安全
post：对于敏感信息安全

get：会将提交信息封装在请求行，也就是http消息头之头之前
post：会将提交信息封装在数据行中，也就是http消息头之后的空行后

使用表单的组件不一定要定义form标签，只有需要将数据进行服务端的提交的时候才会用到form标签

11.css层叠样式表
将网页中的样式分离出来，完全有css来控制
增强样式的复用性以及可扩展性
格式：选择器
Css和html代码相结合的四种方式
1.一个html标签都用一个style属性
2.当页面有多个标签有相同样式时，可以进行复用
3.当有多个页面中的标签的样式相同，还可以将样式单独封装成一个css通过在每个页面中定义
4.通过html在head标签中link

12.选择器：
1．标签选择器
2．类选择器
3．id选择器

优先级id>class>标签
扩展选择器
1关联选择器：其实对标签中的标签进行样式
2组合选择器：
3.伪元素选择器：

13.div和span的区别
Div：行级区域
Span：块级区域