您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > HTML

html知识点实践经验总结

时间:2020-03-25 10:50:37  来源:  作者:

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:块级区域

本文由建站免费素材圈sucaiq.com分享!!!

如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对素材圈的支持!若你觉得本文

对你有帮助,欢迎转载,烦请注明出处,谢谢!



Tags:html   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的 HTML5 视频播放器插件&mdash;&mdash;MuiP...【详细内容】
2021-12-16  Tags: html  点击:(23)  评论:(0)  加入收藏
此文由掘金@天行天忌授权发布,前端晚间课对其内容进行微改。 HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScr...【详细内容】
2021-11-23  Tags: html  点击:(326)  评论:(0)  加入收藏
HTML是什么?超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“...【详细内容】
2021-11-05  Tags: html  点击:(40)  评论:(0)  加入收藏
一、iframe标签 自己编写的页面中如果要引用外部的页面的话,可以使用iframe标签来实现。为了更好地理解举个例子,前面几篇中我们都是在index.hmtl中编写代码。如果有个需求是...【详细内容】
2021-11-03  Tags: html  点击:(29)  评论:(0)  加入收藏
Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。(排...【详细内容】
2021-09-17  Tags: html  点击:(101)  评论:(0)  加入收藏
前言在刚接触HTML的时候,你是否被它众多的标签所惊讶?尤其是HTNL5的标签,新增了不少,很多HTML4的标签跨版本之后就用不了了,如此多的标签,要记是不可能记完的,我们只需要一些常用的...【详细内容】
2021-08-27  Tags: html  点击:(343)  评论:(0)  加入收藏
我们倾向于使用HTML与CSS、JavaScript等,使我们的网站或博客看起来更有吸引力,但你知道仅HTML就有很多实用的秘密,可能会派上用场,帮助你设计一个华丽的网站?下面是一些很酷的HTM...【详细内容】
2021-08-13  Tags: html  点击:(90)  评论:(0)  加入收藏
meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、声明文档使用的字符编码<meta charset=&#39;utf-8&#39;>以下设置更为详细:<meta http-equiv="Content-...【详细内容】
2021-08-12  Tags: html  点击:(91)  评论:(0)  加入收藏
本节我们讲HTML表单标签,当你在网页输入框提交一个数据,这条数据一般是提交给了服务器,然后服务器根据请求返回你想要的数据,这个你输入信息的输入框或者提交的按钮就是HTML表...【详细内容】
2021-06-25  Tags: html  点击:(141)  评论:(0)  加入收藏
同事跟我说他用jQuery取不到页面上隐藏元素input的值,他的html页面大概内容如下。<!DOCTYPE html><html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/...【详细内容】
2021-05-18  Tags: html  点击:(220)  评论:(0)  加入收藏
▌简易百科推荐
此文由掘金@天行天忌授权发布,前端晚间课对其内容进行微改。 HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScr...【详细内容】
2021-11-23  前端晚间课    Tags:HTML6   点击:(326)  评论:(0)  加入收藏
HTML是什么?超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“...【详细内容】
2021-11-05  人生三部曲丶    Tags:HTML   点击:(40)  评论:(0)  加入收藏
一、iframe标签 自己编写的页面中如果要引用外部的页面的话,可以使用iframe标签来实现。为了更好地理解举个例子,前面几篇中我们都是在index.hmtl中编写代码。如果有个需求是...【详细内容】
2021-11-03  HillelDu    Tags:html   点击:(29)  评论:(0)  加入收藏
我们倾向于使用HTML与CSS、JavaScript等,使我们的网站或博客看起来更有吸引力,但你知道仅HTML就有很多实用的秘密,可能会派上用场,帮助你设计一个华丽的网站?下面是一些很酷的HTM...【详细内容】
2021-08-13  杭州程序员小张    Tags:HTML   点击:(90)  评论:(0)  加入收藏
meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、声明文档使用的字符编码<meta charset=&#39;utf-8&#39;>以下设置更为详细:<meta http-equiv="Content-...【详细内容】
2021-08-12  简易编程    Tags:meta标签   点击:(91)  评论:(0)  加入收藏
本节我们讲HTML表单标签,当你在网页输入框提交一个数据,这条数据一般是提交给了服务器,然后服务器根据请求返回你想要的数据,这个你输入信息的输入框或者提交的按钮就是HTML表...【详细内容】
2021-06-25  科技现象    Tags:HTML   点击:(141)  评论:(0)  加入收藏
背景日常工作中,项目编程免不了需要使用配置文件,早期yaml出现之前,大部分配置文件采用xml形式,但是以xml格式储存的数据要比以其他格式(如json、yaml)储存占有的空间要大得多,因为...【详细内容】
2021-06-21  爱读书的程序员    Tags:yaml   点击:(265)  评论:(0)  加入收藏
XML; 是什么? Extensible Markup Languare 可扩展标记型语言 为什么要有XML? 1.HTML的标签是固定的,不可以改变,也不可以进行一个&middot;&middot;&middot;扩展 2.HTML语法松散...【详细内容】
2021-06-01  LeviT    Tags:XML   点击:(193)  评论:(0)  加入收藏
同事跟我说他用jQuery取不到页面上隐藏元素input的值,他的html页面大概内容如下。<!DOCTYPE html><html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/...【详细内容】
2021-05-18  IT洞察者    Tags:Html   点击:(220)  评论:(0)  加入收藏
HTML5语义化与新特性什么是HTML语义化?表示选择合适的标签(语义化标签)便于开发者阅读和写出更优雅的代码为什么要使用语义化标签?1). 在没有CSS样式的情况下,页面整体也会呈现...【详细内容】
2021-03-02      Tags:HTML   点击:(236)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条