精华内容
下载资源
问答
  • html简单网页代码

    千次阅读 2020-03-02 14:41:10
    可以现在电脑中新建一个记事本,然后把后缀名改为“.html”就可以了,在顶部输入代码:“这是网页标题这里是网页显示的部分”,点击保存,然后右键文件选择使用浏览器打开就可以看到一个文件了,在每个标签之间最好...

    可以现在电脑中新建一个记事本,然后把后缀名改为“.html”就可以了,在顶部输入代码:“这是网页标题这里是网页显示的部分”,点击保存,然后右键文件选择使用浏览器打开就可以看到一个文件了,在每个标签之间最好打一个回车,这样代码看着更方便。和标签里的内容是可以随便输入的。

    html常用标签:创建一个HTML文档、设置文档标题和其它在网页中不显示的信息、设置文档的标题、下划线、黑体字、斜体字。

    html常用格式标签:

    创建一个段落、<palign="">将段落按左、中、右对齐、
    换行插入换行符、
    从两边缩进文本、
    定义列表。

    html常用连接标签:<ahref=“URL”>创建超文本链接、创建自动发送电子邮件的链接、<aname=“name”>创建位于文档内部的书签、<ahref="#name">创建指向位于文档内部书签的链接。

    展开全文
  • 本次分享实现一个简单的页面图片加载功能,展示所用精美图片用pyecharts绘制,更多美图可关注公众号Python与算法社区获取源代码。本次代码结构由两个文件组成,主页面设置控制键和功能函数,通过页面鼠标点击事件...

    本次分享实现一个简单的页面图片加载功能,展示所用精美图片用pyecharts绘制,更多美图可关注公众号Python与算法社区获取源代码。本次代码结构由两个文件组成,主页面设置控制键和功能函数,通过页面鼠标点击事件响应调用open_html.py文件,新建窗体显示html网页图片。

    html网页窗体加载

    #第一部分:主函数html_view.py文件,网页查看主页,点击标签lable响应循环切换加载html网页
    from PyQt5.Qt import *

    import os
    from PyQt5.QtCore import QUrl
    from PyQt5.QtGui import *
    from PyQt5.QtWidgets import *
    from PyQt5.QtWebEngineWidgets import QWebEngineView


    class EventFilter(QWidget):
        def __init__(self,parent=None):
            super(EventFilter, self).__init__(parent)

            self.file_name = self.setup_dir_fullname()
            self.index = 0

            self.setWindowTitle("html_view")

            # 设置窗口图标
            self.setWindowIcon(QIcon('icons/two.ico'))

            self.label1 = QLabel("prev")

            self.label2 = QLabel("next")

            self.LabelState=QLabel("测试提示")

            self.image1 = QImage("G:/Projectfile/icons/back.png")

            self.image2 = QImage("G:/Projectfile/icons/next.png")


            self.resize(400200)

            # 关键1、对要过滤的控件设置installEventFilter,这些控件的所有事件都会被eventFilter函数接受并处理。
            self.label1.installEventFilter(self)
            self.label2.installEventFilter(self)

            #设置网格布局
            mainLayout=QGridLayout(self)
            mainLayout.addWidget(self.label1,500,0)

            mainLayout.addWidget(self.label2, 5002)
            mainLayout.addWidget(self.LabelState, 6001)
            self.setLayout(mainLayout)
            print(self.file_name)

        # 关键2、在eventFiltr函数中处理这些控件的事件信息。
        def eventFilter(self, watched,event):

            if watched == self.label1:  #只对label1的点击事件进行过滤,重写行为,其他事件忽略

                #鼠标按下事件(这里仅设置鼠标左键响应)
                if event.type() ==QEvent.MouseButtonPress:
                    mouseEvent = QMouseEvent(event)
                    if mouseEvent.buttons() == Qt.LeftButton:
                        self.open(self.prev())
                        self.LabelState.setText(self.prev())
                    #缩放图片
                    transform=QTransform()
                    transform.scale(0.5,0.5)
                    tmp=self.image1.transformed(transform)
                    tmp2 = self.image2.transformed(transform)
                    self.label1.setPixmap(QPixmap.fromImage(tmp))
                    self.label2.setPixmap(QPixmap.fromImage(tmp2))
                # 鼠标释放事件
                if event.type() == QEvent.MouseButtonRelease:

                    self.label1.setPixmap(QPixmap.fromImage(self.image1))

            if watched == self.label2:  # 只对label2的点击事件进行过滤,重写行为,其他事件忽略

                if event.type() == QEvent.MouseButtonPress:
                    mouseEvent = QMouseEvent(event)
                    if mouseEvent.buttons() == Qt.LeftButton:
                        self.open(self.next())
                        self.LabelState.setText(self.next())

                    # 转换图片大小
                    transform = QTransform()
                    transform.scale(0.50.5)
                    tmp2 = self.image2.transformed(transform)
                    self.label2.setPixmap(QPixmap.fromImage(tmp2))

                # 鼠标释放事件
                if event.type() == QEvent.MouseButtonRelease:

                    self.label2.setPixmap(QPixmap.fromImage(self.image2))

            return QWidget.eventFilter(self,watched,event)


        def open(self,file_name1):  # 显示窗体2
            import open_html
            self.second = open_html.myWindow(file_name1)

            self.second.show()

        def setup_dir_fullname(self):
            # 初始化设置存储HTML文件的文件夹名称,默认“pic_html”,这里存放需要预览的html文件。
            pyechart_dir = 'pic_html'
            if not os.path.isdir(pyechart_dir):
                os.mkdir(pyechart_dir)
            self.path_dir_pyechart_html = os.getcwd() + os.sep + pyechart_dir

            self.mylist = os.listdir(self.path_dir_pyechart_html)

            return self.mylist

            ###等效代码###
            # self.mylist = []
            # for dirpath, dirnames, filenames in os.walk(self.path_dir_pyechart_html):
            #     for filepath in filenames:
            #         self.mylist.append(os.path.join(filepath))

        def prev(self):
            return self.show_file(-1)

        def next(self):
            return self.show_file(1)

        def show_file(self, n):
            self.index += n
            if self.index 0:
                self.index = (len(self.file_name) - 1)
            if self.index > (len(self.file_name) - 1):
                self.index = 0

            self.file_name1 = self.file_name[self.index]
            return self.file_name1


    if __name__ == '__main__':
        import sys
        # 1、创建一个应用程序对象
        app = QApplication(sys.argv)

        # 2、控件的操作
        # 创建控件
        window = EventFilter()

        # 展示控件
        window.show()

        # 3、应用程序的执行,进入到消息循环
        sys.exit(app.exec_())



    #第二部分:调用open_html.py文件,新建窗体显示html
    import os
    from PyQt5.QtCore import QUrl
    from PyQt5.QtGui import *
    from PyQt5.QtWidgets import *
    from PyQt5.QtWebEngineWidgets import QWebEngineView
    import sys

    class myWindow(QWidget):

        def __init__(self,file_name):

            super().__init__()
            self.file_name=file_name

            self.setWindowTitle("play")

            # 设置窗口图标
            self.setWindowIcon(QIcon('icons/pic.ico'))

            self.resize(950,580)

            self.mainLayout(self.file_name)


        def mainLayout(self,file_name):

            pyechart_dir = 'pic_html'
            if not os.path.isdir(pyechart_dir):
                os.mkdir(pyechart_dir)
            self.path_dir_pyechart_html = os.getcwd() + os.sep + pyechart_dir

            path_pyechart = self.path_dir_pyechart_html + os.sep +file_name

            self.mainhboxLayout = QHBoxLayout(self)
            self.frame = QFrame(self)
            self.mainhboxLayout.addWidget(self.frame)
            self.hboxLayout = QHBoxLayout(self.frame)

            # 网页嵌入PyQt5
            self.myHtml = QWebEngineView()  ##浏览器引擎控件
            self.myHtml.setGeometry(50,20,1000,600)

            # 打开本地html文件#使用绝对地址定位,在地址前面加上 file:/// ,将地址的 \ 改为/
            self.myHtml.load(QUrl.fromLocalFile("file:/{0}".format(path_pyechart)))

            self.hboxLayout.addWidget(self.myHtml)
            self.setLayout(self.mainhboxLayout)

    #测试
    # if __name__ == '__main__':
    #     app = QApplication(sys.argv)
    #
    #     main = myWindow(file_name)
    #
    #     main.show()
    #     # main.showMaximized()
    #     sys.exit(app.exec_())

    abf98924925521238f6c3ea0e4e61580.gif

    图片查看器(代码参考网络)

    import os
    import tkinter
    import tkinter.messagebox

    from PIL import Image, ImageTk

    # 创建tkinter应用程序窗口
    root = tkinter.Tk()
    # 设置窗口的大小和位置
    root.geometry('430x650+40+30')
    # 不允许改变窗口的大小
    root.resizable(FalseFalse)
    # 设置窗口主题
    root.title('PIC-view')
    root.iconbitmap(r'.\Projectfile\test\two.ico')
    # 获取当前文件夹中所有图片文件列表
    suffix = ('.jpg''.bmp''.png')
    pics = [p for p in os.listdir('./Projectfile/test'if p.endswith(suffix)]
    pics.sort(key=lambda item: int(item[:item.index('.')]))

    current = 0

    def changePic(flag):
        global current
        new = current + flag

        if new 0:
            tkinter.messagebox.showerror('''这已经是第一张图片了')
        elif new >= len(pics):
            tkinter.messagebox.showerror('''这已经是最后一张图片了')
        else:
            # 获取要切换图片文件名
            pic = pics[new]

            # 创建Image对象并进行缩放
            im = Image.open('./Projectfile/test/{}'.format(pic))
            w, h = im.size

            # 这里假设用来显示图片的Label组件尺寸为 400x600
            if w > 400:
                h = int(h * 400 / w)
                w = 400
            if h > 600:
                w = int(w * 600 / h)
                h = 600

            im = im.resize((w, h))

            # 创建image对象,并设置Label组件图片
            im1 = ImageTk.PhotoImage(im)
            lbPic['image'] = im1
            lbPic.image = im1

            current = new
    # 上一张的按钮
    def btnPreClick():
        changePic(-1)

    # 下一张按钮
    def btnNextClick():
        changePic(1)

    def get_ico(path):
        ico_img = Image.open(path).resize((3232))
        icoBtn = ImageTk.PhotoImage(image=ico_img)
        return icoBtn

    pr = get_ico(r'.\Projectfile\icons\back.png')
    nt = get_ico(r'.\Projectfile\icons\next.png')

    btnPre = tkinter.Button(root, image=pr, command=btnPreClick)
    btnPre.place(x=100, y=20, width=80, height=30)

    btnNext = tkinter.Button(root, image=nt, command=btnNextClick)
    btnNext.place(x=230, y=20, width=80, height=30)

    # 用来显示图片的Label组件
    lbPic = tkinter.Label(root, text='test', width=400, height=600)
    changePic(0)
    lbPic.place(x=10, y=50, width=400, height=600)

    # 启动
    root.mainloop()

    90be7deabb3bf7f23f18042155a0546b.gif

    展开全文
  • DOCTYPE HTML> <!DOCTYPE html PUBLIC "" ""><HTML><HEAD><META content="IE=11.0000" http-equiv="X-UA-Compatible"> <META charset="utf-8"> <TITLE>传智播客&l...
    <!DOCTYPE HTML>
    <!DOCTYPE html PUBLIC "" ""><HTML><HEAD><META content="IE=11.0000" 
    http-equiv="X-UA-Compatible">
       
    <META charset="utf-8">  
      <TITLE>传智播客</TITLE>   
      <STYLE type="text/css">
       #fra{width: 1200px;height:450px;border:skyblue 1px solid;margin: 0 auto;}
       #box-lef{width: 698px;height: 449px;float: left;background-image: url("bg1.jpg");background-size: 798px 498px;}
       #box-right{width: 450px;height: 430px;float:right;}
       ul{color: crimson;}
       #left1{width: 696px;height:447px;float:left;}
       #left2{width: 650px;height: 150px;}
       .ziti{font-size: 50px;font-family: "华文行楷";}
       .zo{font-size: 30px;font-family: "华文行楷";}
       h2{margin-left: 30px;}
      </STYLE>
      
    <META name="GENERATOR" content="MSHTML 11.00.10570.1001"></HEAD>  
    <BODY>
     <H1 align="center">传智播客设计学院简介</H1>
     <H6 align="center">更新时间:2015年07月28日14时08分&nbsp;&nbsp;&nbsp;来源:传智播客</H6>
     <DIV id="fra">
      <DIV id="box-lef">
       <DIV id="left1"><BR><BR><BR><BR><BR><BR><BR>
        <UL>
         <LI>移动时代的主流设计师</LI>
         <LI>集中于IT企业</LI>
         <LI>门槛高 薪水很高</LI>
         <LI>竞争少 要求全方位人才</LI>
         <LI>所需技能:</LI>
          <DIV id="left2"><IMG height="100" src="传智播客_files/图标.png">        <FONT class="zo">第四站<FONT 
          class="ziti">移动UI</FONT>设计师</FONT>       
         </DIV>
         <LI>平均月薪:6590</LI>
        </UL>
       </DIV>
      </DIV>
      <DIV id="box-right">
       <H2>传智播客学院设计学院</H2>
       <H3>注于平面设计师、网页设计师、UI设计师的培养。
        我们拥有专业的师资团队,清晰合理的课程架构,
        4个月的学习循序渐进、充实饱满,结合大量的案列
        和实战项目,毕业后相当于两年工作经验.</H3>
       <H2>传智播客学院设计学院</H2>
       <H3>教给你的远远不止如何作图,    
       在这里你将学到真正的设计素养和理念,成为平面、    
       网页、UI设计都精通的全能设计师。</H3>
       <H3>迄今为止<FONT color="black" size="5">传智播客学院设计学院</FONT>
       已经培养出了上万名设计师,遍布于各个大中型企业,同时,从传智播客走出去
       的学院也得到各个企业的一致认可和好评。 
       </H3>
      </DIV>
     </DIV>
    </BODY>
    </HTML>
    

    这个网页属于静态网页,利用css进行修饰。为了方便清晰的修饰属性,采用内链式,如果自己写代码建议使用外部css文档修饰,利用link链接这样代码与属性分离,这是网页更加简化。下图是代码在网页的示意图。
    这是效果图

    展开全文
  • 情人节少不了送花送礼物,作为一个程序员,当然不会在送什么礼物上给你指点一二,但可以发挥自己的优势,给需要的朋友分享几个浪漫的表白方式,只需要在电脑上敲几行代码即可,而且十分简单,一看就会。如果暂时用...

    6fddef3687b5f25f8d33b4ee525e7c8d.png

    表白,或称告白意为向他人表示自己的想法或心意,特指表达爱意,又称示爱,在这种情况下通常被认为是建立恋爱关系的方式。

    表白可以通过各种方式,如当面表达,写情书,打电话,网络即时通讯,送礼物如送花等。这些都算是比较传统的表白,更有甚者为了追求创意,而创造出很多另类的表白方法。

    注:求复合不算表白。

    情人节少不了送花送礼物,作为一个程序员,当然不会在送什么礼物上给你指点一二,但可以发挥自己的优势,给需要的朋友分享几个浪漫的表白方式,只需要在电脑上敲几行代码即可,而且十分简单,一看就会。如果暂时用不到的也可以先收藏起来,以后用得着的时候能找到。从简单到复杂。

    大家好,今天给大家分享的是,表白的HTML代码,你可以自己修改你不会也没有问题。

    1.文件夹比较小,你也可以,无需上传就可以发送给自己喜欢的人,离线观看2.前面的名字可以修改,但是,后缀名一定是 .html不能改

    3954d07cf770b9bdbe3ed9578a364112.png

    3.用游览器就可以打开了是,主要是手机,界面会更好看4.现在来教你们修改,图片和音乐(自动播放音乐)5.你可以用记事本,打开,也可以用这个notepad打开6.你可以自己搜索图片,或者上传图片,把链接弄来,复制链接--到那个目录

    7.可以换音乐,用这个网址:http://www.ytmp3.cn/,8.找到外连接,复制替换9.按Ctrl+s保存,反正要保存10.然后把这个文件发送给心上人,让他用游览器打开(一定要用游览器打开)11.祝福你们找到自己的真爱!

    分享一些爱情相关语录
    编辑
       1.我厚实的肩膀,仅给你疲惫的依靠。
       2.你可以拒绝我的表白,但我会等到你愿意爱的那天,不管有没有那么一天。
       3.我陪你,只要你愿意,不管什么时候,我都会在你身边,因为我爱你,想和你在一起。
       4.你若接受我将是世界最幸福的人,你若拒绝我将是世界最痛苦的人。
       5.你在现实中拒绝我的时候,我多希望是在做梦,你在梦里接受我的时候,我多希望那是现实。
       6.我希望,你是我此生,这份爱情故事里的主角。
       7.我的低头沉默只是在考虑,而你却当成是拒绝。
       8.执笔为情,落纸写你,人生浮华,岁月依托,执你一念,倾世永远。
       9.有些话,我只对最心爱的人诉说,而你却常常听见。
       10.你的身上是我爱情的另一半,我用上半生去找你,你可愿意陪我走过下半生。

       11.我的爱,诞生在很久很久,那个见到你的从前。
       12.在通往婚姻殿堂的路上,你可愿意牵着我的手,陪我一起走,当你披上婚纱,我能否当那新郎。
       13.如果我说我陪你,那潜台词,一定是我爱你。
       14.我希望我们两个人,能有同一个故事,关于幸福与爱情,甜蜜与欢乐,我希望你能给我一个正当合理的身份去关心你,天冷了嘱咐你多穿点,饿了叮嘱你多吃点,难过了嘱咐你看开点。
       15.我的心总指引着我去找心爱的人,然后,我的脚步便停在你的身边。
       16.我爱你,所以愿意等你,不管多远,时光不忘记。
       17.你的犯错,一定会换来我的谅解,你的任性,一定会是我的宽容,我宠你,正因我爱你。
       18.这世间有那三个最美妙的字,你或许不会听见我对你说,但你却会在我的身边时刻感觉得到。
       19.我愿陪你直到虚无缥缈岁月的尽头,任凭时间荒芜迷失了整个世界的过往,愿为你构筑一幅幸福的画卷,记录在永恒幸福的瞬间,愿为你谱写一曲甜蜜的乐章,奏响最欢快的音乐。
       20.世界上,最动听的三个字无疑是我爱你,然而, 最感人的莫过于之后的我愿意,当我爱你和我愿意组在在一起的时候,就是全世界最美好的句子。

    表白

    相关链接:

    链接:https://pan.baidu.com/s/1Rjhw8mdr-mIwLBosKZSfrg提取码:vpbv复制这段内容后打开百度网盘手机App,操作更方便哦

    友情提示:
    1.本公众号可以看(学习屋)里很多学习资源。
    2.可添加,问本公众号学习或其他各种问题,也可以一起聊人生
    3.微信号:qdgs00 qq:1405811066

    4.本教程纯属技术,不要去恶意使用,一切后果自行负责,本公众号一概不管

    5.大家有什么想法和需要点教程,可以留言或加小编联系方式

    展开全文
  • HTML+CSS做一个漂亮简单的个人网页

    万次阅读 多人点赞 2019-12-20 17:14:46
    HTML+CSS做一个漂亮简单的个人网页 1.刚好帮我妹写了一个作业做一个个人网页设计,简单的三个小页面,就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈!!!可能有点low但是对她来说或者需要做简单的个人网站...
  • html 制作简单网页

    2020-04-20 17:32:44
    <!doctype html> <html> <head> <meat charset="utf-8" /> <title>华语乐坛</title> </head> <body> ...
  • HTML JavaScript 简单网页轮播图

    千次阅读 2019-06-29 20:51:28
    HTML JavaScript 简单网页轮播图 文章目录HTML JavaScript 简单网页轮播图准备代码结果 准备 将四张图片粘贴至img文件夹 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
  • html简单网页

    千次阅读 2017-11-09 20:54:33
    制作网页时要找到共同点把共同的部分写在css里,用的时候可以直接引用,一定要算好总宽度以及每一部分所占的宽度。 知识点2: **定位:**1.position:relative相对定位,以原来默认位置为参考点 2:position...
  • 班级网页设计HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共5页,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度为学生网页作业标准的1024PX,...
  • 咖啡主题大学生网页设计作品,共10个页面,无任何复杂技术及特效,页面宽度1200px,顶部导航使用CSS制作了鼠标经过白色效果制作很简单,页面配图漂亮,内容丰富全面。 网页首页效果 网页下载方式 ...
  • 简单网页

    千次阅读 2020-10-02 21:12:33
    DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Inter title here</title> </head> <body> <p align="center">《赠汪伦》<br><font ...
  • HTML制作简单交互网页

    千次阅读 2020-04-14 17:48:54
    今天我们要做的事一个简单的交互式网页,主要用的是设置百分比宽度以及媒体查询器。先看一下效果:
  • HTML通过JS动态生成简单网页 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态生成网页</title> <script type="text/javascript"> function...
  • html+css简单网页练习

    万次阅读 多人点赞 2018-04-16 09:30:57
    网页的大致效果html代码&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Design&lt;/...
  • HTML静态华为网站设计作品模板网页作品介绍网页效果预览网页文件展示网页代码展示网页作品下载 网页作品介绍 本HTML静态网页作品采用DW制作,主题为华为热门产品,共10个页面,首页1页,二级图文页面1页,二级产品1...
  • HTML入门学习教程:简单网页制作

    千次阅读 2020-03-01 19:41:58
    HTML入门学习教程:简单网页制作 用一分钟制作自己的第一个网页: 下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间。现在您也许不知道那些尖括号“<>”和里面的字母究竟是...
  • 使用html编写简单网页计算器

    千次阅读 2016-10-08 23:32:03
    使用html制作简单网页计算器
  • 静态HTML个人主页学生网页作品作品介绍修改教程作品演示代码演示源码文件作品下载 作品介绍 大学生网页设计个人主页网站模板采用DIV CSS布局制作,网页作品共4个页面,包括个人介绍(文字页面)、我的作品(图片列表...
  • 学生简单静态个人主页网页设计作品作品介绍知识点应用作品简介绍网页演示网页首页演示源码文件展示网页代码预览作品修改作品下载 作品介绍 知识点应用 背景音乐、背景图片、留言表单、鼠标经过 作品简介绍 学生个人...
  • 本静态HTML网页作业成品设计简单,使用dreamweaver采用表格布局制作,网页中的图片使用PS裁剪制作,顶部导航使用CSS设置了透明底色效果。共3个页面,首页、文字页面、视频页面。视频采用VIDEO标签嵌入视频,代码简单...
  • 学生简单静态个人主页网页设计作品作品介绍知识点应用作品简介绍网页演示网页首页演示源码文件展示网页代码预览作品修改作品地址 作品介绍 知识点应用 背景音乐、背景图片、留言表单、鼠标经过 作品简介绍 学生个人...
  • HTML静态个人博客网页个人主页作品采用DIV布局制作,共5个页面,未使用任何特殊技术,代码布局简单,整体使用CSS制作了页面背景图片,排版布局使用float基础标签制作,简单制作了导航鼠标经过和选中效果。...
  • HTML 网页模板 用于网络制作 一个简单HTML模板,可以使用
  • html + javascript 简单网页画板

    千次阅读 2018-08-09 17:36:03
    DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Drawing&lt;/title&gt; &lt;/head&...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,293
精华内容 8,117
关键字:

html简单网页