html知识点实践经验总结
发布时间：2013-06-16 15:06:01 作者：佚名 
我要评论
我要评论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：块级区域
都是默认的。如果加多个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：块级区域
相关文章
- HTML表格用于在网页上展示数据,通过标签及其相关标签来创建,表格由行和列组成,每一行包含一个或多个单元格,单元格可以包含文本、图像、链接等元素,本文将详细介绍HTML表格2025-03-12
- 本文介绍了三种禁止HTML页面滚动的方法：通过CSS的overflow属性、使用JavaScript的滚动事件监听器以及使用CSS的position:fixed属性,每种方法都有其适用场景和优缺点，感兴2025-02-24
在 Web 开发中，文本的视觉效果是提升用户体验的重要因素之一,通过 CSS 技巧，我们可以创造出许多独特的效果，例如文字镂空效果,本文将带你一步一步实现一个简单的文字镂空2024-11-17
在Html中,a标签默认的超链接样式是蓝色字体配下划线,这可能不满足所有设计需求,如需去除这些默认样式,可以通过CSS来实现,本文给大家介绍Html去除a标签的默认样式的操作代码2024-09-25- 在HTML中,可以通过设置CSS的resize属性为none,来禁止用户手动拖动文本域（textarea）的大小,这种方法简单有效,适用于大多数现代浏览器,但需要在老旧浏览器中进行测试以确保2024-09-25
本文详细介绍了如何利用HTML和CSS实现多种风格的进度条,包括基础的水平进度条、环形进度条以及球形进度条等,还探讨了如何通过动画增强视觉效果,内容涵盖了使用HTML原生标签2024-09-19- Canvas 提供了一套强大的 2D 绘图 API，适用于各种图形绘制、图像处理和动画制作,可以帮助你创建复杂且高效的网页图形应用，这篇文章主要介绍了HTML中Canvas关键知识点总结2024-06-03
本文主要介绍了html table+css实现可编辑表格的示例代码，主要使用HTML5的contenteditable属性，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习2024-03-06
本文主要介绍了HTML中使用Flex布局实现双行夹批效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习2024-02-22
在网站开发中，登录页面是必不可少的一部分，本文就来介绍一下HTML+CSS实现登录切换，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需2024-02-02
最新评论