陈子2005
陈子2005

第二章 网站开发基础之HTML教程 - 一、HTML介绍

一、HTML介绍

（一）、什么是HTML？

    HTML是HyperText Markup Language的简写，中文名为：超文本标记语言。
    “超文本”按其本义来讲，是超级链接文本，它是使用链接的形式，从一个页面链接至另一个页面，从一个字或一个词或一句话延伸出更详细的解说或相关的解说。这有别于我们传统的文字阅读形式，传统的文字阅读，以一本书为例，无论如何阅读都将局限于该书籍本身；但超文本不是这样，以一句偈言“菩提本无树，明镜亦非台”为例，我们不明白“菩提”是什么意思，而“菩提”刚好制作了超级链接，它链接至“菩提”的详解页面，我们点击“菩提”二字即可链接至详解页面，当我们在详解页面有新的疑惑出现时，又有相关的超级链接可以点击。类似的，这种超文本形式，它是无限延伸的文本。
    按官方定义来讲，超文本标记语言（HTML），是一种将超文本以及超文本相关的其他信息结合起来，展现出关于文档结构、超链接信息和数据处理细节的电脑文字编码，它使用标记进行标识。这种HTML标记称为HTML标签。HTML代码需要浏览器进行解释，并由浏览器解释后渲染显示出来。也就是：HTML有一定的格式、规则和标准，浏览器根据该既定的格式、规则和标准来解析HTML，并将HTML所描述的内容、样式效果呈现出来。
    为了更好的理解HTML，我们来做个设想：假设这个世界上还没有HTML，我们自己来发明和创造它。那么我们可能会这么来制定HTML格式、规则和标准：

    浏览器，请用“________________”的样式来显示文字：“________________”。
    浏览器，请将文字“________________”链接到另一个页面：“________________”。

    为了方便解说，我们这里只定义这两个规则，并称之为“模拟标准”。这两个规则为固定的格式，以使浏览器能够根据格式而识别它们。在编写HTML代码时，只需要把下划线的填空处补充完整即可完成一句HTML代码的编写，比如：

    浏览器，请用“红色、加粗     ”的样式来显示文字：“年年岁岁花相似    ”。
    浏览器，请将文字“岁岁年年人不同   ”链接到另一个页面：“SSNNRBT.html     ”。

    然后我们公开发布这个“模拟标准”，并要求各个浏览器的开发商遵守这个“模拟标准”来开发浏览器。当然，理论上第一个浏览器是由我们标准的制定者来开发的。
    上方的“模拟标准”在表述大量的HTML内容时会很繁琐而复杂，我们可以更精练一些，将规则修改成这样：

    【文字为“年年岁岁花相似”、颜色为“红色”、粗体为“是”】
    【文字为“岁岁年年人不同”、链接为“SSNNRBT.html”】

    如此我们大致这样理解：HTML就是以实现超文本为目的而制定的一个编码标准，它让浏览器能够正常解析并显示出这些编码所要表达的内容。
    比较遗憾的是，我们没有机会创造HTML，HTML已经被发明出来，并有了自己的标准。HTML由一个叫W3C的公益组织长期维护，其标准我们称之为W3C标准。我们学习HTML时，以W3C所制定的标准来学习。
    W3C是World Wide Web Consortium的简写，中文称为万维网联盟，它创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。最开始它由Web的发明者Tim Berners-Lee（蒂姆•伯纳斯-李）创立和领导。在商界有一句话是“一流企业卖标准，二流企业卖产品，三流企业卖苦力”，因为标准的制定者说“对的”就会是“对的”，说“错的”就肯定是“错的”，它能够将利益的获得最大化。W3C本可以制定自己的商业标准，但它没有，它将Web技术标准开放和公益化，它是一个公益组织、非盈利性机构。在后来的发展中，其联盟会员单位遍布全球，由各行各业的组织、机构和政府组成，联盟会员共同参与Web标准的制定与维护。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南。让我们向W3C致敬。
    不过W3C所制定的标准属于推荐标准，而非强制标准，并且各项标准都在不断修正和升级，所以许多浏览器开发商只是支持部分或者支持大部分W3C标准，很多浏览器开发商还添加制定了自己的一些新规则，也正是这样造成了网页标准在浏览器中的混乱。在以前IE一家独大的时候，只要开发的网页在IE里能正常浏览就没什么问题；但现在的浏览器已经不是IE说了算，Google Chrome、火狐、QQ浏览器、360浏览器、遨游、世界之窗、淘宝浏览器……各自割据一定的市场，IE浏览器（IE6、IE7、IE8）的许多Bug和不完全支持W3C标准的问题，造成许多正常的HTML代码在IE里不能按预定的结果正常显示（比如页面内容错开、错乱等），这也导致越来越多的网站开发者及网站运营者抵制IE，因为IE的不正常导致开发成本（时间、精力、金钱）增加。这种情况下程序员要做的是：以W3C标准来开发制作网页。我们按W3C标准来学习和开发网页就不会有大问题，开发出来的代码也能在各个浏览器中尽可能的兼容、正常显示。
    为了兼容更多的浏览器，以及兼容同一浏览器的低版本，通常不推荐使用新出的HTML标准（比如HTML 5），因为新出的HTML标准通常只有最新的浏览器才支持，而我们无法控制网站浏览者所使用的浏览器就是最新的版本。在出现不兼容的情况时，我们跟网站的使用者说“请使用Chrome浏览器”，或者说“请使用IE9”，是很没有道理的，浏览器多元化的时代，我们无权限定网站的浏览者使用什么浏览器，网站开发者所能做的是：HTML代码尽可能的兼容更多的浏览器和同一浏览器的各个版本。

 

（二）、HTML的重要性

    HTML是一套编码规则，拆解开了它又是由一个一个的标签构成，所以HTML又可以理解为众多HTML标签的集合，就像文章有一定的语法规则，文章拆解开了它又是由一个一个的字构成，文章又可以理解为众多字的集合。
    HTML是所有网页的基础，任何网页都含有HTML代码，若没有HTML代码则浏览器无法解释并渲染显示出任何内容，就如要写文章、说话，需要有“字”一样。想学好网站开发，HTML是所有基础中的基础。
    网页程序语言（如ASP、PHP、.NET、JSP等），经一系列的计算、运算后，最后返回输出到浏览器里的仍然是HTML代码（准确的说，最后返回输出到浏览器里的是前端代码，包括HTML、JavaScript、CSS代码，但JavaScript和CSS代码嵌入在HTML代码中，总的说是HTML代码也可以）。


（三）、HTML标签的结构及元素分类

    HTML是怎么样来描述网页的？可以肯定的是，它不是我们之前试图发明的那种格式和大括号【】。HTML使用标记标签（markup tag）来描述网页，标记标签由尖括号“<>”包围一个关键词构成，比如“”、“”、“”、“

”。
    标记标签通常是成对出现的，比如和、
和
，其第一个标签是开始标签，第二个标签是结束标签。成对出现的标签，通常在开始标签和结束标签之间可以放置文本或嵌套其它标签。这类标签称为“闭合标签”。标签为什么要闭合？每个标签都有自己的功用，用于表述某一项功能，有自己的作用区域，所以闭合以划分作用区域，比如指定文字的颜色，需要指定颜色的应用是从哪个文字开始到哪个文字结束，通过闭合很容易实现了作用区域的指定。
    另外还有一小部分标签并没有成对出现，比如
等，这类标签在某几个高版本HTML标准中（XHTML系列的版本），被要求写成：
，这类标签称为“自闭合标签”。这有历史原因，HTML编码规则是不断升级的，它有很多个版本，HTML2.0、HTML3.2、HTML4.0、XHTML1.0……到HTML5，早期低版本的HTML编码规则并不要求非闭合标签必须自闭合，但在后来的XHTML1.0、XHTML1.1中（XHTML是由3种HTML4标准文件根据XML1.0标准重组而成），规定标签有开始就必须有结束，这类单独使用、不再放置文字或嵌套其它标签的标签，必须自闭合，它自身表述了标签的开始和结束。常见的自闭合标签有：br、hr、img、input、link、meta、area、base、embed、param。但在最新的HTML5版本中又规定不需要自闭合。到底要不要闭合，则看网页所使用的HTML版本，凡XHTML版本则需要自闭合（必须类似的写成“
”），非XHTML版本则不需要自闭合（写成“
”）。HTML版本知识在后续章节中另行讲述。
    闭合标签可以再内嵌其它标记标签，每组闭合标签必须成对出现、正常嵌套，不可交叉嵌套。如：

HTML标签的结构及元素分类
图2-1

    一组闭合的标签，我们称之为一个元素，即：组成一个元素，
或
也是一个元素。元素分为块级元素（block element）和内联元素（inline element）。
    块级元素的特点是：
    1.（渲染效果）总是在新行上开始；
    2.宽度、高度、外边距、内边距都可设置；
    3.宽度除非设定一个值，否则默认是它上一级标签宽度的100%；
    4.它可以容纳文本、内联元素和块级元素。
    内联元素的特点是：
    1.（渲染效果）和其他内联元素同在一行上，除非该行的宽度不够显示才自动换行显示；
    2.宽度、高度、外边距、内边距都不可设置；
    3.宽度就是它的内容（如文字、图片、多媒体等）的宽度，不可设置；
    4.它只能容纳文本或者内联元素。
    常见的块级元素：div、p、table、form、h1、h2、h3、h4、h5、h6、hr、ol、ul、dl、pre。
    常见的内联元素：span、a、b、i、br、img、input、label、select、textarea、strong、sub、sup、u、s、font。
    我们操作一个实例来查看块级元素与内联元素的效果与差别：





块级元素与内联元素。为了易于区分，块级元素2加了实线边框，内联元素2加了虚线边框。



这是块级元素1，渲染效果独占一行


这是块级元素2，可指定宽度、高度



这是内联元素1，渲染效果不会独占一行
这是内联元素2，指定宽度、高度无效

    请打开Dreamweaver，点击工具栏“文件”→“新建”→选择“空白页”的“HTML”，“布局”选择“无”，“文档类型”选“HTML 5”，点“创建”按钮。在代码状态下输入以上代码，按ctrl+s（或者点击工具栏“文件”→“保存”），保存到“E:\UPUPW_AP5.6\htdocs\”目录中，文件名为“test.html”。
    在火狐浏览器地址栏中输入“http://127.0.0.1/test.html”并回车，即可看到网页效果，如下：

第二章 网站开发基础之HTML教程 - 一、HTML介绍_第1张图片
图2-2

    HTML标签有很多个，不同的HTML标签向浏览器表述不同的内容和意义，比如“a”标签表述链接，“b”标签表述加粗效果。也正因为HTML标签的多和表述意义不同，使得网页能够呈现出丰富的内容。（可能有同学要问，有没有“c”“d”标签？目前HTML里没有“c”“d”这两个标签。“a”标签的a=anchor=锚，“b”标签的b=bold=刚劲，都是英文缩写，凑巧是a、b这两个标签）

    HTML标签在HTML 5标准之前的标准里，允许大小写，如：和都可以；但最新的HTML 5标准则要求必须使用小写。为了方便记忆和养成正确的输入习惯，网站开发时，HTML标签请一律使用小写，如a标签，写为，而不写为。

 

（四）、HTML标签的属性

    不同的HTML标签，可以设置不同的属性。好比，碗和筷子，拥有不同的属性，碗的属性可以是大小、材质，而筷子的属性可以是长短、材质。
    比如a是链接标签，拥有href和target等属性，href用于指定要链接到的网址，target用于指定打开链接的方式（在本页面打开、新页面打开、父页面打开等），举例：

    点击以新窗口方式链接到百度网站

    上面这一行a链接标签代码，如果放在网页中，我们将看到一行文字“点击以新窗口方式链到百度网站”，当鼠标点击这行文字时，会以新窗口的方式弹出页面，到达百度网站首页。其中href的链接地址可以随意指定，target的值则有固定的几个项，这些项是HTML规范里规定好的：_blank、
_parent、_self、_top、(framename)。a标签除了href和target属性，还有其它不常用属性（可以在Dreamweaver里输入“”，然后在“     HTML标签的属性，通常由关键字（key，属性名）和值（value，属性值）构成，如a标签里“target”是关键字（key），“_blank”是值（value）。关键字推荐使用小写；关键字与值之间用“=”号连接，值使用英文半角双引号引用，也可以使用英文半角单引号引用。如：或都可以，但推荐使用双引号。多个属性之间必须用空格隔开，可以一个空格，也可以多个空格，推荐一个空格即可。
    HTML标签中还有一种特殊的属性，称为布尔值属性（boolean，用于逻辑判断，其值只有真或假）。布尔值属性只需要存在关键字，不需要指定值，即布尔值属性如果存在，则其表述了该属性为真，如果对布尔值属性设置值，无论设置什么值都代表真；布尔值属性如果不存在，则表述了该属性为假。布尔值属性只有四个：multiple、readonly、disabled、checked，在后面的章节中另外讲解。我们先只讲解HTML标签的普通属性，其结构和代码规则如下图：

第二章 网站开发基础之HTML教程 - 一、HTML介绍_第2张图片
图2-3

    属性中使用双引号时，若值需要用到引号，值内可以使用单引号；属性中使用单引号时，若值需要用到引号，值内可以使用双引号；其它情况则需要转义。示范代码如下：

1.以下四种写法都是正确的
（1）

值用双引号括起来，当值含有引号时，使用单引号

（2）
值用单引号括起来，当值含有引号时，使用双引号

（3）
值用双引号括起来，当值含有双引号时，使用转义符（斜杠）转义

（4）
值用单引号括起来，当值含有单引号时，使用转义符（斜杠）转义

2.以下两种写法是错误的
（1）
这种情况，浏览器会识别错误，会认为第1和第2个双引号之间是值

（2）
这种情况，浏览器会识别错误，会认为第1和第2个单引号之间是值

 

（五）、每一个标准网页的HTML结构

    每一个标准网页的HTML标签结构一定属于下面两种结构之一：



标准单页网页

框架集网页

      任何网页都在这两个HTML标签结构的基础上，嵌进更多的HTML标签扩充而成。标准单页网页与框架集网页是独立互斥的，每一个标准网页要么是标准单页网页，要么是框架集网页。框架集网页可以实现在一个页面中嵌入更多的页面，每一个页面被放置在一个子框架里。框架集在后面章节中另行讲解，这里先只讲解标准单页。
    任何一个标准单页含两个或或或<body>标签都是错误的，每一个标准单页有、且仅有一套标准单页标签结构，但可以包含除frameset标签之外的多种、多个其它的HTML标签，如div、span、a等。HTML标签之间换行、用制表符缩进（键盘最左边的Tab键）、用空格隔开都不影响代码的正确性，如下面示例的三个排版都是可以的、正确的，浏览器都能识别和处理。但为了让代码易于阅读和维护，建议使用中间的排版方式来编写代码，即合理的使用换行、缩进让标签层次分明。</p> <table border="0"> <tbody> <tr> <td><html><br> <head><br> <title>




   
       
   
   
   
排版1 排版2 排版3

    错误代码示例：




















两个title 两个head 两个body 嵌套错误

    之间，可以放置一些HTML标签，用于：引用脚本文件、引用样式表文件、提供网页元信息等，这个区域将描述文档的各种属性和信息，包括文档的标题和文档的关系等。通常情况下，这里所包含的数据都不会真正作为内容渲染显示给浏览者，即浏览器不会将之间的HTML标签渲染为内容呈现出来，而是作为一个网页的描述信息进行登记，以供之间的HTML标签进行调用，或者作为整个网页的配置信息进行统一配置。下面这些标签可用在 head 部分：, , ,

你可能感兴趣的:(陈子-零基础网站开发教程)

  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • 我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动 李蕾1229
    为促进我校教师专业发展，发挥骨干教师的引领带头作用，11月6日下午，我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动。图片发自App会议由教师发展处李蕾主任主持，首先，由范校长宣读新老教师结对名单及双方承担职责。随后，两位新调入教师陈玉萍、莫正杰分别和他们的师傅鲍元美、刘召彬老师签订了师徒结对协议书。图片发自App图片发自App师徒拥抱、握手。有了师傅就有了目标有了方向，相信两位新教师在师
  • 《庄子.达生9》 钱江潮369
    【原文】孔子观于吕梁，县水三十仞，流沫四十里，鼋鼍鱼鳖之所不能游也。见一丈夫游之，以为有苦而欲死也，使弟子并流而拯之。数百步而出，被发行歌而游于塘下。孔子从而问焉，曰：“吾以子为鬼，察子则人也。请问，‘蹈水有道乎’”曰：“亡，吾无道。吾始乎故，长乎性，成乎命。与齐俱入，与汩偕出，从水之道而不为私焉。此吾所以蹈之也。”孔子曰：“何谓始乎故，长乎性，成乎命？”曰：“吾生于陵而安于陵，故也；长于水而安于
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 从0到500+，我是如何利用自媒体赚钱？ 一列脚印
    运营公众号半个多月，从零基础的小白到现在慢慢懂了一些运营的知识。做好公众号是很不容易的，要做很多事情；排版、码字、引流…通通需要自己解决，业余时间全都花费在这上面涨这么多粉丝是真的不容易，对比知乎大佬来说，我们这种没资源，没人脉，还没钱的小透明来说，想要一个月涨粉上万，怕是今天没睡醒（不过你有的方法，算我piapia打脸）至少我是清醒的，自己慢慢努力，实现我的万粉目标！大家快来围观、支持我吧！孩子
  • 东南林氏之九牧林候选父系 祖缘树TheYtree
    渊源介绍东晋初年晋安林始祖林禄公入闽，传十世隋右丞林茂，由晋安迁居莆田北螺村。又五世而至林万宠，唐开元间任高平太守，生三子：韬、披、昌。韬公之孙攒，唐德宗立双阙以旌表其孝，时号"阙下林家"。昌公字茂吉，乃万宠公第三子，官兵部司马，配宋氏，生一子名萍。萍于唐贞元间明经及第，官沣洲司马(后追赠中宪大夫)。唐太和年间归隐后，迁居仙游游洋，世称“游洋林”；其后裔居游洋后迁移漳州漳浦路下，由路下林第四房平和
  • GitHub上克隆项目 bigbig猩猩 github
    从GitHub上克隆项目是一个简单且直接的过程，它允许你将远程仓库中的项目复制到你的本地计算机上，以便进行进一步的开发、测试或学习。以下是一个详细的步骤指南，帮助你从GitHub上克隆项目。一、准备工作1.安装Git在克隆GitHub项目之前，你需要在你的计算机上安装Git工具。Git是一个开源的分布式版本控制系统，用于跟踪和管理代码变更。你可以从Git的官方网站（https://git-scm.
  • 关于城市旅游的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：做与用户的交互行为文章目录前端学习路线
  • libyuv之linux编译 jaronho Linuxlinux运维服务器
    文章目录一、下载源码二、编译源码三、注意事项1、银河麒麟系统（aarch64）（1）解决armv8-a+dotprod+i8mm指令集支持问题（2）解决armv9-a+sve2指令集支持问题一、下载源码到GitHub网站下载https://github.com/lemenkov/libyuv源码，或者用直接用git克隆到本地，如：gitclonehttps://github.com/lemenko
  • pyecharts——绘制柱形图折线图 2224070247 信息可视化pythonjava数据可视化
    一、pyecharts概述自2013年6月百度EFE(ExcellentFrontEnd）数据可视化团队研发的ECharts1.0发布到GitHub网站以来，ECharts一直备受业界权威的关注并获得广泛好评，成为目前成熟且流行的数据可视化图表工具，被应用到诸多数据可视化的开发领域。Python作为数据分析领域最受欢迎的语言，也加入ECharts的使用行列，并研发出方便Python开发者使用的数据
  • 教育 用心灵温暖心灵
    @陈春丽长期学习班冯倩。今天一早就听到说高职合并，取消中专教育的教育信息。感觉是虽然知道，再听还是吓一跳。国家重视职业教育为何还要取消中专技术学校的教育？再听高中就要进行技术教育了，一部分人学习好继续努力学习考大学，一部分人在高中就可以进行职业教育接受职业教育了还要中专技术教育学校干什么呢！a有些职业教育学校转型升级快，不是孩子上完给找工作，而是学校帮孩子创业，我觉得是不错的方向！新闻新你得实时更
  • 【讲解】怎么消除妊娠纹 poyan7160
    女人是脆弱的，尤其是孕期的女性。辛辛苦苦怀胎十月，经历一次深到骨子里的痛还不够，无奈还要留下一身的妊娠纹。母亲是伟大的，但也是要付出代价的，妊娠纹就是最好的证明。可是，难道真的要带着妊娠纹过一辈子吗?不，坚决不!接下来新时代辣妈告诉你怎么去除妊娠纹?怎么去除妊娠纹——根据肌肤需要补充水分就像敷面膜那样，大家都知道敷面膜的目的是为了给肌肤补充水分。水分对一个人的肌肤很重要，只有有了足够的水分，肌肤才
  • 安徽省这个湖,比西湖大8倍,称是安徽的北戴河, 合肥的后花园 旅游小号角
    旅游爱好者都知道，安徽省是一个旅游资源十分丰富的省份，且不说黄山、九华山、天柱山这三大名山，单说湖泊就不比其它省份少，今天我们一起走遍世界将为大家说说一个号称安徽北戴河，合肥后花园的湖泊，看看到底是哪个湖泊？话说，这个湖泊位于安徽省六安市舒城县境内，东距合肥50千米，大约一个小时左右的车程，它号称是合肥的后花园，安徽的北戴河。相传，湖畔石壁之上有一奇石神似观音临湖，湖中漂动众多小岛栩栩如佛子，宛若
  • 2021-07-31 比峰
    七月的最后一天，过了今天，就是八月，心脏在颤抖……昨天两点半才睡，一直在以两倍的语速的听之前的课程，虽然隔得时间不长，但是很多知识点已经忘了差不多了，为了让自己能够掌握的稍微全面一点，还是磨刀不误砍柴工的比较好。正因为晚上睡得晚，今天一上午的状态都不好，也可能因为上午都是待在家里，所以多数时间自己是在补觉。既然太累，那就睡觉吧，总比浪费时间的好。下午到咖啡馆做题，一道差错更正一下子让自己的实力暴露
  • 119:虚惊一场 追梦的小蚂蚁
    医院体检结果出来了。老a被通知再次去复查，又复查了一遍，结果还是不理想。老a心里有点不痛快了，难不成饭吃到头了？这人生最悲剧的事情就是人没了，钱还没花完。我从明天开始想吃的想喝的一毛都不省，天天抽华子。上班期间，老a掏出华子给人散。老c：“这发什么横财了？都整上了华子了？”老a：“别tm废话，抽不？不抽我装上了！”老c：“哥哥，肯定抽啊，拿来。”老a：“就凭这个哥哥，以后给你天天发华子！”老c：“
  • 「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验 张风捷特烈 iderust开发语言后端
    theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www
  • 生于八十年代--我的姐姐 自南向北
    姐姐大我四岁，幸亏有了她，才有了我。要是头一个是男孩，估计在家里就是另一个孩子了。在我儿时的记忆里，姐姐是一下子蹦出来的，为什么这么说？因为在我五六岁前的印象里是没有她的，五六岁后就突然出现在了我家。上学前的那段时间我俩一直在一起，母亲白天上班，把午饭准备好后，就出门了。屋里就留下两个孩子，由着我们在田间地头，屋前河边到处转悠，现在想来是危险至极，但是在当时却也没有旁的办法。生活是第一位的，父亲在
  • 戴先华2021.4.18《我的第129篇幸运作业》 39f4298779c4
    2021.4.18今天小宝和大表姐出去玩，我和婆婆在烧饭，突然小宝冲了进来，告诉奶奶说：“奶奶，奶奶姐姐在亭子里倒了”我一下子看出小宝的紧张，马上跑了出去，发现大外甥女又患了病，看起来心疼极了，整个人面朝地下的倒下了，在地上不停的抽搐，额头摔了一个大泡，整张脸都是紫色的，眼睛边上都出血了，真的是非常紧张，这么多年姐姐两夫妻就这样看着自己的孩子一次次晕倒，姐夫这么多年，年年都拿不出钱回家，使得家一次
  • 基于Python给出的PDF文档转Markdown文档的方法 程序媛了了 pythonpdf开发语言
    注：网上有很多将Markdown文档转为PDF文档的方法，但是却很少有将PDF文档转为Markdown文档的方法。就算有，比如某些网站声称可以将PDF文档转为Markdown文档，尝试过，不太符合自己的要求，而且无法保证文档没有泄露风险。于是本人为了解决这个问题，借助GPT（能使用GPT镜像或者有条件直接使用GPT的，反正能调用GPT接口就行）生成Python代码来完成这个功能。笔记、代码难免存在
  • 我与《红楼梦》‖纪念曹雪芹出生307周年！归海逸舟是周成功子阳佳乐 归海逸舟是周成功子阳佳乐
    【今日作家推荐】中国古典小说之首《红楼梦》，其作者曹雪芹是文坛泰斗。约1715年5月28日，曹雪芹出生。所以，今天推荐的是中国人众所周知的作家——曹雪芹。曹雪芹在世界读者心目中也影响广大，可以与西方世界引以为豪的莎士比亚、歌德等媲美。1、我与《红楼梦》我一直想写一篇和《红楼梦》相关的文章，现在机会终于来了！《红楼梦》作为我国家喻户晓的文学名著，其影响是空前的。还在我很小的时候，姥姥经常讲《红楼梦》
  • 京券东券优惠券领取网站-点击进入 高省爱氧惠
    嘿，小伙伴们，你们知道吗？京东商城可是有好多超值优惠券等着我们领取哦！不论是京券还是东券，都有好多好多的优惠等着我们呢！氧惠APP（带货领导者）——是与以往完全不同的抖客+淘客app！2024全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（每天出单带货几十万单）。注册即可享受高补贴+0撸+捡漏等带货新体验。送万元推广大礼包，教你如何1年做到百万团队。想要领取这些优惠券，
  • Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python开发语言
    一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
  • Java爬虫框架（一）--架构设计 狼图腾-狼之传说 java框架java任务html解析器存储电子商务
    一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
  • MongoDB知识概括 GeorgeLin98 持久层mongodb
    MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景：传统的关系型数据库（如MySQL），在数据操作的“三高”需求以及应对Web2.0的网站需求面前，显得力不从心。解释：“三高”需求：①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数
  • python批量读取tiff文件_Python Pillow批量转换tif格式到jpg weixin_39557797
    最近因为想要整下网站的壁纸，从网站下载了别人整理好的合集压缩包，解压之后，却发现里面的文件都是tif的，tif格式网站和电脑都不认的，根本不能作壁纸。这时候，就需要转换图片格式了，首先我找了几款转换格式的软件，发现效果都不好，要不是不支持tif格式，要不就是转换出来的图片糊的不行。最终，还是决定用Python的Pillow库来写一个脚本，完成这个任务。下面是整个的小脚本----importosim
  • 黄景瑜工作人员怒怼营销号！肖战事件就是他的前车之鉴 板凳吃瓜小分队
    无论社会怎样浮躁，我们自己也不可以浮躁。战胜浮躁的关键是明白自己真正的需要，保持一颗平常心，不要盲目攀比，不要羡慕别人，更不要唯利是图。一辈子很短，我们不能总是望着别人的精彩，羡慕着别人的人生，而忘记了经营自己生活，要知道，通过努力，你也能成为让人仰望的明星。如今，随着娱乐产业越来越成熟，每年的新星也是扎堆冒出。在我看来，与前几年不同的是，如今的新生代质量明显好过从前。“更专业了，更有礼貌了”也是
  • 古诗十九首⑩ 梁雪微
    今日良宴会【原文】今日良宴会①，欢乐难具陈②。弹筝奋逸响③，新声妙入神④。令德唱高言⑤，识曲听其真⑥。齐心同所愿⑦，含意俱未申⑧。人生寄一世，奄忽若飙尘⑨。何不策高足⑩，先据要路津？无为守贫贱，轲常苦辛。【注释】①良宴会：犹言热闹的宴会。良，善也。②难具陈：犹言难以一一述说。具，备也。陈，列也。③筝：乐器。奋逸：不同凡俗的音响。④新声：指当时最流行的曲调，指西北邻族传来的胡乐。妙入神：称赞乐调旋律
  • 《相面天师》第二百七十章 血书 先峰老师
    跟着儿子进到房间后，李云峰不满的说道：“宋老年龄都那么大了，我说你小子就不会好好和别人说话？”就是不冲着老爷子的财富地位，那年龄也值得年轻人尊重的啊，知道李尚鸿秉性的人不会说什么，但不知道的还以为老李家没家教呢。“爸，想让人尊敬，可不是件容易的事，那老头创业之初，手上没少沾血，我凭什么尊重他啊？”李尚鸿撇了撇嘴，他虽然不知道宋世豪的发家史，但是从宋世豪早年的面相中能看得出来，这老头也不是个善茬。只
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl