html知识点实践经验总结

网页制作 发布日期:2024/12/30 浏览次数:1

正在浏览: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:块级区域