精华内容
下载资源
问答
  • HTML教程1

    2019-06-23 10:03:33
    1,html是什么? 概述:HTML是一种超文本标记语言:其实HTML是一种专门向计算机描述我们的设计图上有什么内容的一种符号。...1,建立一个“文本文档.txt”,我们把文本文档的后缀".txt"修改“.html”点击确认...

    1,html是什么?
        概述:HTML是一种超文本标记语言:其实HTML是一种专门向计算机描述我们的设计图上有什么内容的一种符号。我们通常将HTML语言成为HTML标签。
        基本语法:<HTML标签名称></html标签名称>
    我们怎么才能做出来一个HTML页面呢?
     1,建立一个“文本文档.txt”,我们把文本文档的后缀".txt"修改为“.html”点击确认,这个时候我们的网页文档就建立起来了。
     我们可以点击该文档,以右键方式,选择以记事本或者编辑器的方式打开页面,这个时候我们可以在这个页面进行内容编辑:这个过程叫做输入过程。
    我们可以直接双击该文件打开,这个时候只能浏览该页面。
    当网页建立起来之后,我们需要在空白的页面上,开始编写我们的网页基本结构。首先我们需要写一个声明标签,向计算机提示:应该用什么标准翻译网页。
    语法:<!doctype html>
    <!>:代表的意思是:声明如下:doc:文档,type:类型,HTML代表的是版本。综合起来就是:声明如下,我的文档类型是HTML。
    为了呼应声明,我们需要设置页面的开始位置和结束位置。
    <html>//开始
        HTML内容:为了向计算机说明,我们的内容是什么语言:我们需要向计算机提供我们文档存储的编码标准:
        <meta charset="">charset="gbk/gb2312/utf-8"这三种取值受到我们文档存储的编码标准的影响。如果我们的页面存储为ANSI格式,取值:gbk/gb2312.
        如果存储为UTF_8,取值为utf-8。
        这个设置的信息是要给计算机看的,同时它的设置影响了计算机对后面内容的翻译,所以我们必须把该内容放在最顶上,因为计算阅读网页是从上向下,从左往右读取。
        所以我们在HTML中专门开辟了head区域存放该类信息,所以head被成为初始化区域。
        语法:
        <head>
        <meta charset="gbk">
                    除了设置字符标准,我们还需要设置网页的标题。
                    语法:<title>文字内容</title>
                    除了网页标题之外,我们还需要写网页的关键词和简介
        <meta name="keywords" content=""/>
        <meta name="description" content=""/>
        </head>
        <body>
        可视化区域
        在网页中,我们经常会看到一段文字上面会有一个总结性的文字,这个文字比较大,比较粗,我们称为:网页标题内容使用典型的标签名<h>
            <h>标签有6组h1-h6.h1标签一个页面中,只允许使用一次。常用的h2-h4.
            在输入界面不管怎么输入。我们都是独占一行输出的标签,称为:块标签。
            
            如果我们需要将多行内容放到一个段落里,就使用<p>标签
            <br/>换行标签是一个典型的单标签,它本身就代表换行的意思。
        <img src="">,因为在编辑页面中,我们没办法直接粘贴图片,所以我们只能使用<img>标签,将存放在其他地方的图片调过来。调用的属性叫:src:
        后面要写的就是图片存放的地址路径:
        路径有四种写法:
        1,绝对路径:根目录盘:/存储的文件夹名字/文件名,在计算机中根目录盘:c:/,d:/,e:/f:/;这些盘符。优点:能够无视图片存放的位置,直接找到图片。缺点:不能出错,书写麻烦,一旦更换地址,路径全部错了。
        2,相对路径:利用图片和文件共处在一个空间内,只是他们最后的存储位置不太一样,利用这个原理来找文件。
            1),图片放在HTML页面同级//图片名称.jpg
            2),图片放在HTML的下级//图片存放的文件夹名字/图片名称.jpg
            3),图片放在html的上一级// ../图片名称.jpg
    标签的属性:img的后面有一个src的字符,这个src:代表图片的调用路径,它是img的属性:英文统称:attr。图片的属性里面除了,src还有title用来作鼠标提示,Alt向搜索引擎做关键词提示的。
    链接标签:<a></a>淡出的a没有链接效果,它需要href=""赋予效果。href代表的是跳转路径的意思。路径跳转到外网:需要使用绝对路径:URL的绝对路径必须有http://开始。target:打开方式。取值:“_blank”//新页面形式打开
    利用链接标签实现同页面的定点跳转:
    1,在目的地建立锚点<a name="锚点名称">目的地</a>。2,在点击区域使用锚点<a href="#锚点名称">点击区域</a>
    我们在制作页面的时候发现a标签会排列在一行输出。,无论怎么呢输入,最后都一行输出,这样的标签称为:行标签。
    列表标签:

        1,ul//无序列表:一般我们用来表示网页中出现导航和标题集合内容。其中标题集合的内容区域,我们叫它list,列表内容类型。
        在ul中,每一个标题都需要用一个li标签包裹起来。要不就行成不了列表
        基本语法:<ul>
                <li><a href="#1"></a></li>
                <li><a href="#1"></a></li>
                <li><a href="#1"></a></li>
              </ul>
        在ul使用中,li里面必须包含a标签
        </body>

    </html>//结束

    展开全文
  • HTML基础 学习笔记2

    2020-03-23 21:09:58
    1.使用<br>标签分行显示文本 如果想让学习笔记1末尾的那首诗诗显示得更美观些,如显示下面效果: 怎么可以让每一句诗词后面加入一个折行呢?...代码改为: 语法: xhtml1.0写法: <br /> html4....

    1.使用<br>标签分行显示文本
    如果想让学习笔记1末尾的那首诗诗显示得更美观些,如显示下面效果:
    在这里插入图片描述
    怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br /><br />标签作用相当于word文档中的回车。
    将代码改为:
    在这里插入图片描述
    语法:
    xhtml1.0写法:

    <br />
    

    html4.01写法:

    <br>
    

    大家注意,现在一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。
    与以前我们学过的标签不一样,<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br /><hr /><img />

    讲到这里,你是不是有个疑问,想折行还不好说嘛,就像在 word 文件档或记事本中,在想要折行的前面输入回车不就行了吗?很遗憾,在 html 中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。如下边的代码:
    在这里插入图片描述
    上面的代码在浏览中显示是没有回车效果的。如下图所示:
    在这里插入图片描述
    总结:在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />

    2.为你的网页中添加一些空格
    上面的例子,我们已经讲解过在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入&nbsp;
    语法:

    &nbsp;
    

    在html代码中输入空格是不起作用的,如下代码:
    在这里插入图片描述
    在浏览中显示,还是没有空格效果:
    在这里插入图片描述
    输入空格的正确方法:
    在这里插入图片描述
    在浏览器中的显示出来的空格效果。如下图所示:
    在这里插入图片描述
    3.认识<hr>标签,添加水平横线
    在信息展示时,有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些。如下图所示:
    在这里插入图片描述
    语法:
    html4.01版本 <hr>
    xhtml1.0版本 <hr />
    注意:
    a.<hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。
    b.<hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。
    c.大家注意,现在一般使用 xhtml1.0 的版本(其它标签也是),这种版本比较规范。

    4.<address>标签,为网页加入地址信息
    一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。
    语法:

    <address>联系地址信息</address>
    

    如:

    <address>文档编写:lilian 北京市西城区德外大街10</address>
    

    在浏览器上显示的样式为斜体,如果不喜欢斜体,当然可以,可以在后面的课程中使用 css 样式来修改它<address>标签的默认样式。
    在这里插入图片描述

    5.想加入一行代码吗?使用<code>标签
    在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子:

    <code>var i=i+300;</code>
    

    注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。
    语法:

    <code>代码语言</code>
    

    注:如果是多行代码,可以使用<pre>标签。

    6.使用<pre>标签为你的网页加入大段代码
    在上节中介绍加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的,如下图:
    在这里插入图片描述
    怎么办?不会是每一代码都加入一个<code>标签吧,没有这么复杂,这时候就可以使用<pre>标签。
    语法:

    <pre>语言代码段</pre>
    

    <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
    如下代码:

    <pre>
        var message="欢迎";
        for(var i=1;i<=10;i++)
        {
            alert(message);
        }
    </pre>
    

    在浏览器中的显示结果为:在这里插入图片描述
    注意:<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

    7.使用ul,添加新闻信息列表
    在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示:
    在这里插入图片描述
    在这里插入图片描述
    这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
    语法:

    <ul>
      <li>信息</li>
      <li>信息</li>
       ......
    </ul>
    

    举例:

    <ul>
      <li>精彩少年</li>
      <li>美丽突然出现</li>
      <li>触动心灵的旋律</li>
    </ul>
    

    ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:
    在这里插入图片描述
    8.使用ol,添加图书销售排行榜
    如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上的书籍热卖排行榜,如下图所示,这类信息展示就可以使用

      标签来制作有序列表来展示。
      在这里插入图片描述
      语法:

    <ol>
       <li>信息</li>
       <li>信息</li>
       ......
    </ol>
    

    举例:
    下面是一个热点课程下载排行榜:

    <ol>
       <li>前端开发面试心法 </li>
       <li>零基础学习html</li>
       <li>JavaScript全攻略</li>
    </ol>
    

    <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始,如下图所示:
    在这里插入图片描述
    9.认识div在排版中的作用
    在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。
    语法:

    <div></div>
    

    确定逻辑部分:
    什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用<div>标签作为容器。
    在这里插入图片描述
    10.给div命名,使逻辑更加清晰
    在上一小节中,我们把一些标签放进

    里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为
    提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。

    如下两图进行比较,如果设计师把两个图给你,哪个图你看上去能更快的理解呢?是不是右边的那幅图呢。
    在这里插入图片描述
    语法:

    <div  id="版块名称"></div>
    

    11.table标签,认识网页上的表格
    有时候我们需要在网页上展示一些数据,如某公司想在网页上展示公司的库存清单。如下表:
    在这里插入图片描述
    想在网页上展示上述表格效果可以使用以下代码:
    在这里插入图片描述
    创建表格的四个元素:
    table、tbody、tr、th、td
    a.<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
    b.<tbody>…</tbody>:如果不加<thead> <tbody> <tfooter>,table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)
    c. <tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
    d.<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
    e.<th>…</th>:表格的头部的一个单元格,表格表头。
    f.表格中列的个数,取决于一行中数据单元格的个数。

    上述代码在浏览器中显示的默认的样式为:
    在这里插入图片描述
    总结:
    a.table表格在没有添加css样式之前,在浏览器中显示是没有表格线的。
    b.表头,也就是th标签中的文本默认为粗体并且居中显示。

    12.caption标签,为表格添加标题和摘要
    表格还是需要添加一些标签进行优化,可以添加标题和摘要。代码如下:
    在这里插入图片描述
    摘要:
    摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
    语法:<table summary="表格简介文本">
    标题:
    用以描述表格内容,标题的显示位置:表格上方。
    语法:

    <table>
        <caption>标题文本</caption>
        <tr>
            <td></td>
            <td></td></tr></table>
    
    展开全文
  • 文本编辑器:MarkDown编辑器功能嵌入。 条件搜索:增加条件搜索示例。 restful示例:可以参考用户管理模块中的示例API。 前端文件参考: src\view\superAdmin\api\api.vue 后台文件参考: model\dnModel\api.go ...
  • 如果查找内容“[0-9][0-9][0-9]”改为“[0-9]*[0-9]”,对应1 或 123 或 12345 或 … 大家根据需要定制 相关内容还有很多,可以自己参考正则表达式的语法仔细研究一下 【3】正则表达式应用——删除每一行行尾的...
  • 黑客帝国 数字雨

    2020-08-19 10:01:20
    重命名,后缀改为html;小编就随便取了个名字叫雨2,如图: (后缀名如何更改,请下篇文章,后缀的更改) <!DOCTYPE html> <html> <head> <title>黑客帝国</title&..

    黑客帝国的数字雨给人一种神秘科技感,你自己也可以实现这种高大上的神秘数字雨啦!我们先来展示下成果:

    这就是小编自己用电脑做的,这时动态的哦!


    具体怎么做呢?

    首先右击桌面,新建一个文本文档,

    复制一下以下代码进去,保存;

    重命名,将后缀改为html;小编就随便取了个名字叫雨2,如图:

    (后缀名如何更改,请下篇文章,后缀的更改)


    <!DOCTYPE html>
    <html>
    <head>
        <title>黑客帝国</title>
    </head>
    <body> <canvas id="canvas"></canvas>
        <style type="text/css">
            body {
                margin: 0;
                padding: 0;
                overflow: hidden;
            }
        </style>
        <script type="text/javascript">
            var canvas = document.getElementById('canvas');
            var ctx = canvas.getContext('2d');


            canvas.height = window.innerHeight;
            canvas.width = window.innerWidth;

            var texts = '156dsfcac'.split('');

            var fontSize = 16;
            var columns = canvas.width / fontSize;
            // 用于计算输出文字时坐标,所以长度即为列数
            var drops = [];
            //初始值
            for (var x = 0; x < columns; x++) {
                drops[x] = 1;
            }

            function draw() {
                //让背景逐渐由透明到不透明
                ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
                ctx.fillRect(0, 0, canvas.width, canvas.height);
                //文字颜色
                ctx.fillStyle = '#0F0';
                ctx.font = fontSize + 'px arial';
                //逐行输出文字
                for (var i = 0; i < drops.length; i++) {
                    var text = texts[Math.floor(Math.random() * texts.length)];
                    ctx.fillText(text, i * fontSize, drops[i] * fontSize);

                    if (drops[i] * fontSize > canvas.height || Math.random() > 0.95) {
                        drops[i] = 0;
                    }

                    drops[i]++;
                }
            }
            setInterval(draw, 33);
        </script>
    </body>
    </html


     

    展开全文
  • UEditor 依然是国内使用频率较高的富文本编辑器而 Vue 又有着广泛的使用,两者结合,是很多 Vue 开发者的切实需求。自己在写公司项目时封装了这个组件,它省去了初始化 UEditor、手动调用 getContent,setContent ...
  • C#基础类库

    2018-07-11 08:45:26
    C#操作缓存的帮助类,实现了怎么设置缓存,怎么取缓存,怎么清理缓存等方法,只需要调用方法就可以实现 CookieHelper C#操作Cookie的帮助类,添加Cookie,删除Cookie,修改Cookie,清理Cookie SessionHelper C#...
  • mage字幕是给定图像生成文本描述的任务。 下面是一些很好的初学者图像字幕数据集。 上下文中的公共对象(COCO)。包含超过12万张带描述的图像的集合 Flickr 8K。从flickr.com获取的8千个描述图像的集合。 ...
  • XSL也可以XML转化为HTML,那样,老的浏览器也可以浏览XML文档了。 2.CSS CSS大家很熟悉了,全称是Cascading Style Sheets(层叠样式表),是目前用来在浏览器上显示XML文档的主要方法。 3.Behaviors ...
  • mage字幕是给定图像生成文本描述的任务。 下面是一些很好的初学者图像字幕数据集。 上下文中的公共对象(COCO)。包含超过12万张带描述的图像的集合 Flickr 8K。从flickr.com获取的8千个描述图像的集合。 ...
  • fckedit编辑器

    2013-11-10 14:28:32
    修改合并后的web.xml文件,名为SimpleUploader的Servlet的enabled参数值改为true, 以允许上传功能,Connector Servlet的baseDir参数值用于设置上传文件存放的位置 在web.xml最后添加标签定义: <taglib-uri>...
  • 12、编写一个程序,d:\java目录下的所有.java文件复制到d:\jad目录下,并原来文件的扩展名从.java改为.jad。 60 13、java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类...
  • HTM,HTML:超文本文档 HTT:Microsoft超文本模板 HTX:扩展HTML模板 I ICO:Windows图标 IDX:Microsoft FoxPro相关数据库索引文件;Symantec Q&A相关数据库索引文件;Microsoft Outlook Express文件 IMG:...
  • C#微软培训教材(高清PDF)

    千次下载 热门讨论 2009-07-30 08:51:17
    C#--微软.NET的第一语言 ... 在本章中你了解 Microsoft.NET 的概念 .NET 框架 C#语言在.NET 框架中的作用及其特性 1.1 Microsoft.NET 一场新的革命 1.1.1 什么是.NET 2000 年 6 月 ...
  • C#微软培训资料

    2014-01-22 14:10:17
    超越今天各自营的超越今天各自营的 超越今天各自营的 Web 站点 站点站点 站点 把 把把 把 Internet 建成一 建成建成 建成 个 一个一 一个可 可个可 可 以互相交换组件的地方 以互相...
  • asp.net知识库

    2015-06-18 08:45:45
    ASP.NET 2.0 应用程序服务配置使用 SQL Server 2000 或 SQL Server 2005 ASP.NET 2.0 中的数据源控件 使用 ASP.NET 2.0 ObjectDataSource 控件 ASP.NET 2.0 的内部变化 使用SQL Cache Dependency 代替 ...
  • 这是selenium本身限制的问题,暂时不晓得怎么解决,只要不影响测试就不用管这个警告。 "selenium_blank4795 "这个应该是OpenQA里提给selenium的bug号吧? 28.可以直接在DOS环境下,在打开selenium-server.jar的...
  • javascript函数的解释

    2011-02-26 11:03:52
    例一:举菜单例,首先脑子里要有一个概念,如何去实现它……(两步:1、先所有的按钮变为绿色,2、点击的按钮变为红色) 点击后变成红色,其它绿色……这里面最后需要搞清楚的就是一个先后问题,点击下一个...
  • arcgis工具

    2012-10-22 22:37:31
    例如下面这个查询选出那些姓名的最后Jones或JONES的顾客。 UPPER("LAST_NAME") = 'JONES' 可以用LIKE运算符(不是 = 运算符)与通配符一起构建部分字符串查询。 例如,表达式 [STATE_NAME] LIKE 'Miss*'...
  • 软件工程教程

    热门讨论 2012-07-06 23:10:29
    用例只描述参与者和系统在交互过程中做些什么,并不描述怎么做。 用例图 关联关系 用例图 泛化关系 用例图 泛化关系 用例图 用例图 用例图 用例用于什么情况? 不知道什么情况不用用例 如果没有用到用例,...
  • 400个DreamWeaver插件

    2013-03-28 15:30:13
    比如选择的文字microsoft,那么加上一个到www.microsoft.com的连接 mxp/用来验证表单内2个文本框的值是否相同,通常用来检验密码是否一致。并可以自定义抱错信息。 mxp/迅速的插入年份、月份、日期的下拉菜单。...
  • 2、编写一个程序,d:\java目录下的所有.java文件复制到d:\jad目录下,并原来文件的扩展名从.java改为.jad。 62 3、编写一个截取字符串的函数,输入为一个字符串和字节数,输出为按字节截取的字符串,但要保证...
  • 最新Java面试宝典pdf版

    热门讨论 2011-08-31 11:29:22
    2、编写一个程序,d:\java目录下的所有.java文件复制到d:\jad目录下,并原来文件的扩展名从.java改为.jad。 62 3、编写一个截取字符串的函数,输入为一个字符串和字节数,输出为按字节截取的字符串,但要保证...
  • Java面试宝典2010版

    2011-06-27 09:48:27
    2、编写一个程序,d:\java目录下的所有.java文件复制到d:\jad目录下,并原来文件的扩展名从.java改为.jad。 62 3、编写一个截取字符串的函数,输入为一个字符串和字节数,输出为按字节截取的字符串,但要保证...
  • 这个例子用于分析了一些以逗号分割符的文本文件,例如在你的\MSDEV\LIB(VC5.0在DevStudio\VC\Lib)目录下的Win32Api.CSV就是这样的文件(16KB)<END><br>53,scrl.zip 这是一个由Visual C++ 5.0开发的基于对话框的...
  • Apache Hive: 是基于Hadoop的一个数据仓库工具,可以结构化的数据文件映射一张数据库表,通过类SQL语句快速实现简单的MapReduce统计,不必开发专门的MapReduce应用,十分适合数据仓库的统计分析 笔记 Hive篇 ...
  • - concat 可以一个或者多个字符串拼接起来,返回一个新的字符串 - slice 接收两个参数,起始位置和结束位置,返回一个新的字符串 - substr和substring和slice一样,唯一的不同是substr第...
  • CSS中的BFC

    2021-01-09 07:06:01
    最后文本将环绕在浮动元素之下,因为那时候行盒子不再需要移位,也就成了图Figure1的样子。 再回顾一下W3C的描述: <pre><code> 在BFC上下文中,每个盒子的左外侧紧贴包含块的左侧(...
  •  本书针对大多数日常的oracle database 11g数据库管理任务,全面覆盖dba行业知识,并理论与实践相结合,旨在初中级dba提供高效运行数据库所需的方方面面的知识,帮助他们从oracle公司发行的大量资料中找到自己...

空空如也

空空如也

1 2
收藏数 31
精华内容 12
关键字:

怎么将文本文档改为html