AndreasZhou
AndreasZhou

HTML学习汇总

HTML学习大汇总

(1)HTML概述

  • Html（超文本标记语言）： 用文字来描述的标签语言，用文字来描述网页的一种语言。

  • HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。

  • HTML 是用来描述网页的一种语言。

    1. HTML 指的是超文本标记语言 (Hyper Text Markup Language)
    2. HTML 不是一种编程语言，而是一种标记语言 (markup language)
    3. 标记语言是一套标记标签 (markup tag)
    4. HTML 使用标记标签来描述网页

  • HTML 标签

    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
1. HTML 标签是由*尖括号*包围的关键词，比如 
2. HTML 标签通常是*成对出现*的，比如  和 
3. 标签对中的第一个标签是*开始标签*，第二个标签是*结束标签*
4. 开始和结束标签也被称为*开放标签*和*闭合标签*

  • Html的骨架



                
        
        网页标题
    
    
          网页显示内容
    



第一行是文档声明，第二行“”标签和最后一行“”定义html文档的整体，“”标签中的‘lang=“en”’定义网页的语言为英文，定义成中文是'lang="zh-CN"',不定义也没什么影响，它一般作为分析统计用。 “”标签和“”标签是它的第一层子元素，“”标签里面负责对网页进行一些设置以及定义标题，设置包括定义网页的编码格式，外链css样式文件和javascript文件等，设置的内容不会显示在网页上，标题的内容会显示在标题栏，“”内编写网页上显示的内容。
    
Html有两种标签，一个是双标签，一个是单标签。双标签例如：,单标签例如：
,单标签很少，基本上可以数过来。

  • HTML 文档 = 网页

    1. HTML 文档描述网页
    2. HTML 文档包含 HTML 标签和纯文本
    3. HTML 文档也被称为网页

    Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

    
	
		
    我的第一个标题
    
		
    我的第一个段落。

    例子解释

    -  之间的文本描述网页
-   之间的文本是可见的页面内容
- 
    之间的文本被显示为标题
- 
    之间的文本被显示为段落

  • Html的标签关系：

    1.嵌套关系（父子）

    
标题

    2.并列关系（兄弟）

    先定义合适的html结构，在定义css样式。

(2)HTML的各类标签详解

  • html标题标签

    通过 
    、
    、
    、
    、
    、
    ,标签可以在网页上定义6种级别的标题。6种级别的标题表示文档的6级目录层级关系，比如说： 
    用作主标题，其后是 
    ，再其次是 
    ，以此类推。搜索引擎会使用标题将网页的结构和内容编制索引，所以网页上使用标题是很重要的。

    这是一级标题
    

    这是二级标题
    

    这是三级标题

  • html段落标签、换行标签与字符实体

    1.html段落标签

    标签定义一个文本段落，一个段落含有默认的上下间距，段落之间会用这种默认间距隔开，代码如下：
    



    
    段落


    
    HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超
    文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的
    标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。
    
    

    
    一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方
    式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网
    页可以从一个网页链接跳转到另外一个网页。

    2.html换行标签

    代码中成段的文字，直接在代码中回车换行，在渲染成网页时候不认这种换行，如果真想换行，可以在代码的段落中插入
    来强制换行，代码如下：

    
一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用
    
文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件
    
渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。

    3.html字符实体

    代码中成段的文字，如果文字间想空多个空格，在代码中空多个空格，在渲染成网页时只会显示一个空格，如果想显示多个空格，可以使用空格的字符实体,代码如下：

    

    
  一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用
    
文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件
    
渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。

    在网页上显示 “<” 和 “>” 会误认为是标签，想在网页上显示“<”和“>”可以使用它们的字符实体，比如：

    

    
    3 < 5 
    
    10 > 5

  • html块标签、含样式的标签

    1.html块标签

    1）
     标签 块元素，表示一块内容，没有具体的语义。

2） 标签 行内元素，表示一行中的一小段内容，没有具体的语义。

    2.含样式和语义的标签

    1） 标签 行内元素，表示语气中的强调词，表示斜体方式显示的意思

2） 标签 行内元素，表示专业词汇，表示斜体方式显示的意思

3） 标签 行内元素，表示文档中的关键字或者产品名，表示加粗方式意思

4） 标签 行内元素，表示非常重要的内容，表示加粗方式意思

5）  两个标签都是表示加删除线方式显示的意思

6）  两个标签都是表示加下划线方式显示的意思

    3.语义化标签

    语义化的标签，就是在布局的时候多使用有语义的标签，搜索引擎在爬网的时候能认识这些标签，理解文档的结构，方便网站的收录。比如：h1标签是表示标题，p标签是表示段落，ul、li标签是表示列表，a标签表示链接，dl、dt、dd表示定义列表等，语义化的标签不多。

  • html图像标签、绝对路径和相对路径

    1.html图像标签

    标签可以在网页上插入一张图片，它是独立使用的标签，它的常用属性有：
- src属性 定义图片的引用地址
- alt属性 定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图片、盲人读屏软件会读取这个文字让盲人识别图片，所以此属性非常重要。
产品图片

    2.绝对路径和相对路径

    像网页上插入图片这种外部文件，需要定义文件的引用地址，引用外部文件还包括引用外部样式表，javascript等等，引用地址分为绝对地址和相对地址。

    • 绝对地址：相对于磁盘的位置去定位文件的地址
    • 相对地址：相对于引用文件本身去定位被引用的文件地址

    绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件，相对路径就没有这个问题。相对路径的定义技巧：

    • “ ./ ” 表示当前文件所在目录下，比如：“./pic.jpg” 表示当前目录下的pic.jpg的图片，这个使用时可以省略。
    • “ ../ ” 表示当前文件所在目录下的上一级目录，比如：“../images/pic.jpg” 表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片。

  • html链接标签

    标签可以在网页上定义一个链接地址，它的常用属性有：
- href属性 定义跳转的地址
- title属性 定义鼠标悬停时弹出的提示文字框
- target属性 定义链接窗口打开的位置
  - target="_self" 缺省值，新页面替换原来的页面，在原来位置打开
  - target="_blank" 新页面会在新开的一个浏览器窗口打开
 
传智播客
测试页面2

  • html列表

    1.有序列表

    在网页上定义一个有编号的内容列表可以用
      、
    1. 配合使用来实现，代码如下：

        
    
      1. 列表文字一
        2. 
    
      2. 列表文字二
        3. 
    
      3. 列表文字三
        4.

    在网页上生成的列表，每条项目上会按1、2、3编号，有序列表在实际开发中较少使用。

    2.无序列表

    在网页上定义一个无编号的内容列表可以用

    在网页上生成的列表，每条项目上会有一个小图标，这个小图标在不同浏览器上显示效果不同，所以一般会用样式去掉默认的小图标，如果需要图标，可以用样式自定义图标，从而达到在不同浏览器上显示的效果相同,实际开发中一般用这种列表。

    3.定义列表

    定义列表通常用于术语的定义。
    标签表示列表的整体。
    标签定义术语的题目。
    标签是术语的解释。一个
    中可以有多个题目和解释，代码如下：

    前端三大块
    

    
    
    html
    
    
    负责页面的结构
    
    
    css
    
    
    负责页面的表现
    
    
    javascript
    
    
    负责页面的行为

  • html表单

    表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，相关标签及属性用法如下：

1、
    标签 定义整体的表单区域

- action属性 定义表单数据提交地址
- method属性 定义表单提交的方式，一般有“get”方式和“post”方式

2、

  • html表格

    1、标签：声明一个表格，它的常用属性如下：

- border属性 定义表格的边框，设置值是数值
- cellpadding属性 定义单元格内容与边框的距离，设置值是数值
- cellspacing属性 定义单元格与单元格之间的距离，设置值是数值
- align属性 设置整体表格相对于浏览器窗口的水平对齐方式,设置值有：left | center | right

2、标签：定义表格中的一行

3、
    和标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格，它们的常用属性如下：

- align 设置单元格中内容的水平对齐方式,设置值有：left | center | right
- valign 设置单元格中内容的垂直对齐方式 top | middle | bottom
- colspan 设置单元格水平合并，设置值是数值
- rowspan 设置单元格垂直合并，设置值是数值
  
  
  •  
    页面布局概述
     
    ​ 布局也可以叫做排版，它指的是把文字和图片等元素按照我们的意愿有机地排列在页面上，布局的方式分为两种：
     
    ​ 1、table布局：通过table元素将页面空间划分成若干个单元格，将文字或图片等元素放入单元格中，隐藏表格的边框，从而实现布局。这种布局方式也叫传统布局，目前主要使用在EDM(广告邮件中的页面)中，主流的布局方式不用这种。
     
    ​ 2、HTML+CSS布局(DIV+CSS)：主要通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS背景图定位等知识来布局，它比传统布局要复杂，目前是主流的布局方式。
     
    •  
  
  •  
    table布局及实例
     
    table来做整体页面的布局，布局的技巧归纳为如下几点：
     
    1、按照设计图的尺寸设置表格的宽高以及单元格的宽高。
     
    2、将表格border、cellpadding、cellspacing全部设置为0，表格的边框和间距就不占有页面空间，它只起到划分空间的作用。
     
    3、针对局部复杂的布局，可以在单元格里面再嵌套表格，嵌套表格划分局部的空间。
     
    4、单元格中的元素或者嵌套的表格用align和valign设置对齐方式
     
    5、通过属性或者css样式设置单元格中元素的样式
     
    •  
  
 
    (3)大总结(重点)
     
 
    1.
    标题标签

2.
    段落标签

3.
    水平线标签（单标签）

4.
    break打断、换行的简称。换行标签（单标签）

5.Div 、span是没有语义的，是我们网页布局主要的2个盒子 css+div   Div就是division的缩写 分割、分区的意思 其实有很多div来组合网页。

6.Span跨度，跨距，范围 语法格式：
    这是头部
     今日价格

7.文本格式化标签：

 显示的两个标签都是表示加粗方式意思

 两个标签都是表示斜体方式显示的意思

  两个标签都是表示加删除线方式显示的意思

  两个标签都是表示加下划线方式显示的意思

这些文本格式化标签后面的标签的语义更好，可以推荐使用后面的语义，这样也比较方便。前面的标签语义比较差。

8.图像标签（单标签）

基本图片的插入方式：产品图片

图片的常用属性：alt  title

8.链接标签：

文本或者图像

如果跳转目标没有写好，我们可以用#先代替。

target：表示目标窗口打开的方式 blank表示在新的窗口打开，默认是在原本的窗口打开。

锚点定位：

个人生活


    个人生活
    

9.base标签：



10.特殊字符：

11.注释标签：

12.列表标签：

无序列表的使用：

      
	
    • 列表项1
      • 
    
    • 列表项2
      • 
    
    • 列表项3
      • 
    
    • 列表项4
      • 
	……..

    

无序列表注意事项：无序列表在使用的时候，没有先后的顺序，排列的方式可能不一样，但是结果是一样的，内容是一样多的。


     
 
    13.有序列表的使用：

      
    
    1. 列表项1
      2. 
    
    2. 列表项2
      3. 
    
    3. 列表项3
      4. 
    
    4. 列表项4
      5. 
    ……..

    

     
 
    13.自定义列表的使用：
    标签是解释说明
    标签的

    
	
    
	
    

    

    

    

    

    

     
 
    14.表格标签

    
	
    
   	姓名
   	性别
   	电话 
   
    
   
    
   	小王 
   	女 
   	110 
   
    
   
    
   	小明 
   	男 
   	120 
   
    

    

     
 
    表格属性：一般情况下，三个参数 border cellpadding cellspacing 为0，cellpadding，cellspacing这两个属性可以是表格中的行与行的边距以及行与内容的边距的值为0，实际上表格更加的美观。
     
 
    合并单元格：
     
 
    跨行合并：rowspan 跨列合并：colspan//无论是跨行合并还是跨列合并，跨的行数和列数都是用数字来表示的，但是在合并的之后，会使得表格的某一行或者某一列出现溢出的情况，这样的话，我们就必须把多余的溢出的行和列给删除掉。
     
 
    合并的一般规则如下：
     
 
    1.先确认是跨行还是跨列
     
 
    2.先上后下，先左后右的规则
     

                            
                        
                    
                    
                    
    
                    
                    
                    
    
                
                
    
                    
                
    
            
        
    
    
    
        
    你可能感兴趣的:(HTML学习汇总)
    
        
    
            
    
                
      
                    
    • swagger访问路径
                        igotyback
swagger
                        
      Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
      
                    
      • 
                    
    • html 中如何使用 uniapp 的部分方法
                        某公司摸鱼前端
htmluni-app前端
                        
      示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
      
                    
      • 
                    
    • 四章-32-点要素的聚合
                        彩云飘过

                        
      本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
      
                    
      • 
                    
    • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                        STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                        
      ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
      
                    
      • 
                    
    • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        
      ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
      
                    
      • 
                    
    • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        
      Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
      
                    
      • 
                    
    • 00. 这里整理了最全的爬虫框架（Java + Python）
                        有一只柴犬
爬虫系列爬虫javapython
                        
      目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
      
                    
      • 
                    
    • 详解：如何设计出健壮的秒杀系统？
                        夜空_2cd3

                        
      作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
      
                    
      • 
                    
    • 斟一小组鸡血视频
                        和自己一起成长

                        
      http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
      
                    
      • 
                    
    • Dockerfile命令详解之 FROM
                        清风怎不知意
容器化java前端javascript
                        
      许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
      
                    
      • 
                    
    • 《HTML 与 CSS—— 响应式设计》
                        陈在天box
htmlcss前端
                        
      一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
      
                    
      • 
                    
    • 【C语言】- 自定义类型：结构体、枚举、联合
                        Cavalier_01
C语言
                        
      【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
      
                    
      • 
                    
    • html+css网页设计 旅游网站首页1个页面
                        html+css+js网页设计
htmlcss旅游
                        
      html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
      
                    
      • 
                    
    • spring mvc @RequestBody String类型参数
                        zoyation
spring-mvcspringmvc
                        
      通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
      
                    
      • 
                    
    • ubuntu安装opencv最快的方法
                        Derek重名了

                        
      最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
      
                    
      • 
                    
    • 处理标签包裹的字符串，并取出前250字符
                        周bro
前端javascript开发语言
                        
      //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
      
                    
      • 
                    
    • h5小游戏定制开发
                        红匣子实力推荐

                        
      随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
      
                    
      • 
                    
    • Nginx的使用场景：构建高效、可扩展的Web架构
                        张某布响丸辣
nginx前端架构
                        
      Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
      
                    
      • 
                    
    • 前端知识点
                        ZhangTao_zata
前端javascriptcss
                        
      下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
      
                    
      • 
                    
    • 非关系型数据库
                        天秤-white
nosql
                        
      一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%
      
                    
      • 
                    
    • Python精选200Tips：121-125
                        AnFany
Python200+Tipspython开发语言
                        
      Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
      
                    
      • 
                    
    • 爬虫技术抓取网站数据
                        Bearjumpingcandy
爬虫
                        
      爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文
      
                    
      • 
                    
    • 七.正则化
                        愿风去了

                        
      吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模
      
                    
      • 
                    
    • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几
                        uthRaman
前端ui服务器
                        
      前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
      
                    
      • 
                    
    • 利用frp实现内网穿透（需要云主机）
                        heiyumiao
网络工具githubwindowslinux
                        
      详细实现教程：https://www.iplaysoft.com/frp.htmlhttps://blog.csdn.net/u013144287/article/details/78589643/项目官网地址：https://github.com/fatedier/frp/releases按照系统下载相应的程序包什么是frp内网穿透工具有很多，其中Frp(FastReverseProxy)是比较
      
                    
      • 
                    
    • word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf
                        想吃草莓干
word转html制作操作手册
                        
      Word文档转换为HTML帮助文档操作手册一、使用到的软件DOC2CHMDreamweaverCS3Helpandmanual4二、操作步骤1.先建立一个工作目录。如hhwork。2.将需要转换的文件复制到此工作目录下。如果是中文文件名，最好将其改为英文文件名。例：现在要将《小神探点检定修信息管理系统使用手册0.3.6.doc》转换为Html格式的帮助文档，首先将此文档复制到hhwork目录下并将
      
                    
      • 
                    
    • WORD批量转换器MultiDoc Converter
                        uolian
工作word
                        
      WORD批量转换器MultiDocConverterhttps://www.52pojie.cn/thread-1318745-1-1.html可批量将doc、docx等文件格式转成doc、docx、pdf、rtf、txt、html、epub等格式。安装包下载地址：https://wws.lanzouj.com/irvVbiz0pkd最终下载文件打包地址（未作成单文件，不确定是否可以直接使用）：h
      
                    
      • 
                    
    • HTML中"bgcolor"与"background-color"的区别
                        Sardar_
html
                        
      bgcolor只是标签属性，而backgroud更多作为css的样式属性。它们俩大多数情况下效果完全相同。但在标签下效果不同。不支持bgcolor属性，只能用style标签添加CSS样式。作为table的属性而言：HelloWorld!和HelloWorld!效果完全相同。作为body属性而言：效果完全相同。不过个人推荐统一用CSS样式进行控制，把style统一放到.css文件中。backgrou
      
                    
      • 
                    
    • 【Python爬虫】百度百科词条内容
                        PokiFighting
数据处理python爬虫开发语言
                        
      词条内容我这里随便选取了一个链接，用的是FBI的词条importurllib.requestimporturllib.parsefromlxmlimportetreedefquery(url):headers={'user-agent':'Mozilla/5.0(WindowsNT6.1;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/80.
      
                    
      • 
                    
    • 说说在 Vue.js 中如何实现组件间通信
                        deniro

                        
      1用法假设父组件的模板包含子组件，我们可以通过props来正向地把数据从父组件传递给子组件。props可以是字符串数组，也可以是对象。html：js：Vue.component('deniro-component',{props:['message'],template:'{{message}}'});varapp=newVue({el:'#app',data:{}});渲染结果：＂嫦娥四号＂成功
      
                    
      • 
                                
    • jquery实现的jsonp掉java后台
                                    知了ing
javajsonpjquery
                                    
       什么是JSONP？ 
 
先说说JSONP是怎么产生的： 
 
其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 
 
1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 
 
2、
      
                                
      • 
                                
    • Struts2学习笔记
                                    caoyong
struts2
                                    
      SSH : Spring + Struts2 + Hibernate 
三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 
分层原则:单向依赖，接口耦合 
 
1、Struts2  =  Struts  + Webwork 
2、搭建struts2开发环境 
   a>、到www.apac
      
                                
      • 
                                
    • SpringMVC学习之后台往前台传值方法
                                    满城风雨近重阳
springMVC
                                    
      springMVC控制器往前台传值的方法有以下几种： 
1.ModelAndView 
   通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参： 
    
 ModelAndView mv=new ModelAndView(); 
 mv.setViewName="success
      
                                
      • 
                                
    • WebService存在的必要性？
                                    一炮送你回车库
webservice
                                    
      做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 
是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 
当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 
但是为什么要使用xml呢？不能使json或者其他通用数据
      
                                
      • 
                                
    • js年份下拉框
                                    3213213333332132
java web ee
                                    
      
  <div id="divValue">test...</div>测试

 //年份 
    <select id="year"></select>
   <script type="text/javascript">
     window.onload = 
      
                                
      • 
                                
    • 简单链式调用的实现技术
                                    归来朝歌
方法调用链式反应编程思想
                                    
      在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 
这样的调用你可能在Ajax中，在页面中添加标签： 
$("<p>").append($("<span>").text(list[i].name)).appendTo("#result"); 
  
也可能在HQ
      
                                
      • 
                                
    • JAVA调用.net 发布的webservice 接口
                                    darkranger
webservice
                                    
       /** 
	* @Title: callInvoke 
	* @Description: TODO(调用接口公共方法) 
	* @param @param url 地址
	* @param @param method 方法
	* @param @param pama 参数
	* @param @return
	* @param @throws BusinessException  
      
                                
      • 
                                
    • Javascript模糊查找 | 第一章 循环不能不重视。
                                    aijuans
Way
                                    
        最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： 
  
function search(){
	var arr=new Array("my
      
                                
      • 
                                
    • 狼和羊，该怎么抉择
                                    atongyeye
工作
                                    
      狼和羊，该怎么抉择 
 
在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 
 
今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
      
                                
      • 
                                
    • 读取android系统的联系人拨号
                                    百合不是茶
androidsqlite数据库内容提供者系统服务的使用
                                    
        
     联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢 
  
关键代码: 
  
  
1, 使用javabean操作存储读取到的数据 
package com.example.bean;

/**
 * 
 * @author Admini
      
                                
      • 
                                
    • ORACLE自定义异常
                                    bijian1013
数据库自定义异常
                                    
      实例： 
CREATE OR REPLACE PROCEDURE test_Exception
(
  ParameterA IN varchar2,
  ParameterB IN varchar2,
  ErrorCode  OUT varchar2  --返回值,错误编码
)
AS
  /*以下是一些变量的定义*/
  V1    NUMBER;
  V2    nvarc
      
                                
      • 
                                
    • 查看端号使用情况
                                    征客丶
windows
                                    
      一、查看端口 
在windows命令行窗口下执行： 
>netstat -aon|findstr "8080" 
显示结果： 
TCP     127.0.0.1:80         0.0.0.0:0    &
      
                                
      • 
                                
    • 【Spark二十】运行Spark Streaming的NetworkWordCount实例
                                    bit1129
wordcount
                                    
      Spark Streaming简介 
  NetworkWordCount代码 
  
/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with

      
                                
      • 
                                
    • Struts2 与 SpringMVC的比较
                                    BlueSkator
struts2spring mvc
                                    
      1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
      
                                
      • 
                                
    • Hibernate在更新时，是可以不用session的update方法的(转帖）
                                    BreakingBad
Hibernateupdate
                                    
      地址：http://blog.csdn.net/plpblue/article/details/9304459 
public void synDevNameWithItil() 
{Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
      
                                
      • 
                                
    • 读《研磨设计模式》-代码笔记-观察者模式
                                    bylijinnan
java设计模式
                                    
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 



import java.util.ArrayList;
import java.util.List;
import java.util.Observable;
import java.util.Observer;

/**
 * “观
      
                                
      • 
                                
    • 重置MySQL密码
                                    chenhbc
mysql重置密码忘记密码
                                    
      如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 
1、关闭MySQL服务 
2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL 
mysqld --skip-grant-tables 
 3、新开一个CMD窗口，进入MySQL 
mysql -uroot 
 
      
                                
      • 
                                
    • 再谈系统论，控制论和信息论
                                    comsci
设计模式生物能源企业应用领域模型
                                    
       
                           再谈系统论，控制论和信息论 
 
 
    偶然看
      
                                
      • 
                                
    • oracle moving window size与 AWR retention period关系
                                    daizj
oracle
                                    
      转自： http://tomszrp.itpub.net/post/11835/494147 
 
晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. 
 
SQL> select * from v$version; 
 
BANNER 
-------------------
      
                                
      • 
                                
    • Python版B树
                                    dieslrae
python
                                    
      话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 
 
首先是数据实体对象,很简单,只存放key,value 
 

class Entity(object):
    '''数据实体'''
    
    def __init__(self,key,value)
      
                                
      • 
                                
    • C语言冒泡排序
                                    dcj3sjt126com
算法
                                    
      代码示例： 
# include <stdio.h>

//冒泡排序
void sort(int * a, int len)
{
	int i, j, t;

	for (i=0; i<len-1; i++)
	{
		for (j=0; j<len-1-i; j++)
		{
			if (a[j] > a[j+1])	// >表示升序 
      
                                
      • 
                                
    • 自定义导航栏样式
                                    dcj3sjt126com
自定义
                                    
      -(void)setupAppAppearance
{
    [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]];
    [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
      
                                
      • 
                                
    • 11.性能优化-优化-JVM参数总结
                                    frank1234
jvm参数性能优化
                                    
      1.堆 
-Xms --初始堆大小 
-Xmx --最大堆大小 
-Xmn --新生代大小 
-Xss --线程栈大小 
-XX:PermSize  --永久代初始大小 
-XX:MaxPermSize  --永久代最大值 
-XX:SurvivorRatio --新生代和suvivor比例,默认为8 
-XX:TargetSurvivorRatio --survivor可使用
      
                                
      • 
                                
    • nginx日志分割 for linux
                                    HarborChung
nginxlinux脚本
                                    
      nginx日志分割 for linux   默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本        使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限    
   
复制代码代码如下:   
chmo
      
                                
      • 
                                
    • Spring4新特性——泛型限定式依赖注入
                                    jinnianshilongnian
springspring4泛型式依赖注入
                                    
      Spring4新特性——泛型限定式依赖注入 
Spring4新特性——核心容器的其他改进 
Spring4新特性——Web开发的增强 
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  
Spring4新特性——Groovy Bean定义DSL 
Spring4新特性——更好的Java泛型操作API  
Spring4新
      
                                
      • 
                                
    • centOS安装GCC和G++
                                    liuxihope
centosgcc
                                    
      Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 
 
按照这个思路，我想安装过程如下： 
 
安装gcc：yum install gcc 
 
安装g++： yum install g++ 
 
实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
      
                                
      • 
                                
    • 第13章 Ajax进阶（上）
                                    onestopweb
Ajax
                                    
      index.html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
      
                                
      • 
                                
    • How to determine BusinessObjects service pack and fix pack
                                    blueoxygen
BO
                                    
      http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/ 
  
The table below is helpful. Reference 
  BOE XI 3.x 
     12.0.0.
y  BOE XI 3.0   12.0.
x.
y  BO
      
                                
      • 
                                
    • Oracle里的自增字段设置
                                    tomcat_oracle
oracle
                                    
      　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no   　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列   
create table t
(
id 　　 　　  number generated by default as identity (start with 1 increment b
      
                                
      • 
                                
    • Spring Security（01）——初体验
                                    yang_winnie
springSecurity
                                    
      Spring Security（01）——初体验 
 
    博客分类： spring Security 
 
Spring Security入门安全认证 
 
       首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
      
                                
      •