html文件

HTML学习日记(1-基础)

久未见 提交于 2020-02-29 07:50:47
简介 <!doctype html> <html> <head> <meta charest="utf-8"> <title>HellowWorld!</title> </head> <body> <h1>我的第一个标题</h1> <p>Hellow World</p> </body> </html> <doctype>声明文档类型 <html></html>之间内容用于描述文档 <head></head>描述页面标题<title></title> <meta charset="utf-8">声明字符为utf-8,防止中文出现乱码 <body></body>之间内容为网页可视内容 <h1></h1>为内容标题,h1即1级标题,h234以此类推 <p></p>为一个段落 Html元素语法 HTML元素以开始标签起始,以结束标签中止 元素的内容是开始标签与结束标签之间的内容 大多数HTML元素可拥有属性 某些元素具有空内容,空元素在开始标签中进行关闭 <br/>定义换行 HTML属性 HTML元素可以设置属性,添加附加信息 属性一般描述于开始标签,总以值对的形式出现 <a hrcf="http://www.baidu.com">百度</a> HTML链接由<a></a>定义,地址由hrcf指定 HTML水平线---<hr> HTML注释格式 <!--注释内容--> HTML段落

JS-创建多行字符串

对着背影说爱祢 提交于 2020-02-29 02:50:52
很多时候我们要创建很长的字符串,如比如动态添加HTML的时候。PHP中我们可以用 nowdoc(单引号)定界符字符串:不识别变量,不识别转义字符(除了\'和\\,分别代表单引号和反斜线) heredoc(双引号)定界符字符串:识别变量,识别转义字符 来创建多行字符串。但JS中要怎么做呢? 一:直接用加号连接 var ts = '<!DOCTYPE html>'+ '<html lang="en">'+ '<head>'+ ' <meta charset="UTF-8">'+ ' <title>Document</title>'+ '</head>'+ '<body>'+ ' hello world'+ '</body>'+ '</html>' 二、使用反斜线(续行符) var ts = '<!DOCTYPE html>\ <html lang="en">\ <head>\ <meta charset="UTF-8">\ <title>Document</title>\ </head>\ <body>\ hello world\ </body>\ </html>' 三、字符串数组join var ts = ['<!DOCTYPE html>', '<html lang="en">', '<head>', ' <meta charset="UTF-8">', ' <title

html笔记

為{幸葍}努か 提交于 2020-02-28 23:58:40
预备内容:软件安装篇 记笔记的工具—typroa 注释:Ctrl+/ 文件名:基本文件名.扩展名 Eg:SDN.docx 销售统计表.xlsx [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O8p1X6ri-1582897884104)(D:\静态网页\1582514353120.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RUwk4VbG-1582897884105)(D:\静态网页\1582514404194.png)] 2.截图工具的安装 ①Greenshot [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9c4ji2kM-1582897884106)(D:\静态网页\1582514439485.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oRz3HCr3-1582897884107)(D:\静态网页\1582514468586.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VpeB02Hx-1582897884107)(D:\静态网页\1582514484555.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UTzklu7A

html基础语言笔记

烈酒焚心 提交于 2020-02-28 12:02:29
01常用快捷键 ctrl+/ 等 02文本格式化标签 <strong>等 03图片标签 <img src="lzl.jpg" alt="" title="" /> 04超链接 ——绝对相对路径 05锚点 06列表 列表快捷键 <ul> <li><a href=""></a></li> </ul> ul>li>a 然后按Tab键盘,就可以快速构建 <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> ul>(li>a)*3 然后按Tab键,就可以快速撰写 <ul> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> ul>(li>a[#])*3 然后按Tab键,就可以快速撰写 07音乐标签 <embed src="1.mp3" hidden="true"> <marquee behavior="slide" direction="up" height="300px" bgcolor="orange"><img src="swk.jpg" alt=""></marquee> ——(加图片) 08网页描述 <!-- 关键字 --> <meta name=

html基本介绍

蓝咒 提交于 2020-02-28 11:18:48
一般来说,制作自己第一个网页通常书写的文字是"hello world!你好,全世界",代码如下展示: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>如何制作第一个网页</title> 7 </head> 8 <body> 9 hello world!你好,全世界 10 </body> 11 </html> html和css关系:html是网页内容的载体,css样式是表现,JavaScript是用来实现网页上的特效效果! 平常大家说的上网就是浏览各种各式各样的网页,这些网页都是由html标签组成的。什么是html标签,由开始标签和结束标签构成,类似这样<p>段落标签</p>,<br/>、<img src="图像地址">等一系列标签。 ✰html标签的语法: 1.标签由英文尖括号<和>括起来,如<html>就是一个标签。 2.html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 3.标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div

打开html文件背景图片报错 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

北城以北 提交于 2020-02-28 10:35:46
用vscode预览网页没啥问题 但是直接到文件夹下打开html文件 图片和字体样式就报错 看到这BUG我气得浑身发抖,大热天的全身冷汗手脚冰凉,这个社会还能不能好了,我们秃头佬到底要怎么活着BUG才满意,眼泪不争气的流了下来,这个世界到处充斥着对菜鸡程序猿的压迫,本菜鸡何时才能真正的站起来。地狱空荡荡,魔鬼在人间! 脚也抖了,泪也流了。 写代码我唯唯诺诺,对BUG还是得重拳出击,网上找了半天 全是复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机 全是转载 搞了半天还形成了一个闭环 搁这原地TP呢 操作半天没啥用 最后发现主要还是路径的问题 vscode下可以直接用绝对路径 background-image: url ( /baidu/index/img/background_header.png ) ; 但是这样的结果就是vscode预览网页没问题 但是直接打开html文件图片就加载不出来 简单说就是background的url最好用相对地址 但是起始点是css文件 ./ 是上一层文件夹 .. / 是上上一层文件夹 你看到的是第二层,而你把我只想象成第一层,实际上我在第五层 要这么写 background-image: url ( .. /img/IPad.png ) ; 芜湖 起飞~ css样式表里面引用background-image时

window.onload

半城伤御伤魂 提交于 2020-02-28 09:58:46
window.onload() 方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。 window.onload() 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等)执行脚本代码。 <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>测试</title> <style type="text/css"> #bg{ width:100px; height:100px; background:blue; } </style> </head> <body> <div id="bg"></div> </body> </html> <script type="text/javascript"> window.onload=init(); init(){ alert("DOM加载完毕"); } </script> 来源: https://www.cnblogs.com/zhang-wen-yu-blog/p/12375712.html

Go Web:处理请求

丶灬走出姿态 提交于 2020-02-28 07:00:59
处理请求 Request和Response http Requset和Response的内容包括以下几项: Request or response line Zero or more headers An empty line, followed by … … an optional message body 例如一个http Request: GET /Protocols/rfc2616/rfc2616.html HTTP/1.1 Host: www.w3.org User-Agent: Mozilla/5.0 (empty line) 如果是POST方法,在empty line后还包含请求体。 一个http Response: HTTP/1.1 200 OK Content-type: text/html Content-length: 24204 (empty line) and then 24,204 bytes of HTML code go http包分为两种角色:http Client和http Server。http Client可以发送请求,比如写爬虫程序时语言扮演的角色就是http Client;http Server用来提供web服务,可以处理http请求并响应。 对于Request,作为http客户端(如编写爬虫类工具)常需要关注的是URL和User

2.12simple_tag和filter

孤街醉人 提交于 2020-02-27 16:07:51
今天简单介绍一下simple_tag还有filter这两个内容。 这两个是干什么的呢,这两个是丰富HTML中函数的,也就是说 给HTML多一些功能,举一个简单的例子,如果你想要输入一些小写字母,然后让他自己变成大写字母,你可以自己写一个simple_tag,来达到这个目的。 filter和他的用法差不多,还是有一点区别的,慢慢往下看。 看我的目录结构,在你的创建的app文件夹下创建一个叫做templatetags的文件夹 , 记住,必须叫做这个名字,叫别的名字无效 然后随便创建一个py文件,里面的内容如下: 这是固定格式: from django import templatefrom django.utils.safestring import mark_saferegister=template .Library()@register .simple_tag()再往下就是你需要做的函数了: 然后在HTML里要这么用 直接引用你的函数名,filter和这个用法一样,不过: - 自定义函数 simple_tag a. app下创建templatetags目录 b. 任意xxoo.py文件 c. 创建template对象 register d. @register.simple_tag def func(a1,a2,a3....) return "asdfasd" e.

Django基础篇

☆樱花仙子☆ 提交于 2020-02-27 12:13:40
一、Django简介&安装 Django详细介绍:https://baike.baidu.com/item/django/61531?fr=aladdin MVC框架 Model View Controller 数据库 模板文件 业务处理 MTV框架 Model Template View 数据库 模板文件 业务处理 总之,Django是个非常牛逼的Python Web开发框架,知道这点,我们接着往下看。 0x01: 如何安装Django? 首先,通过pip install django 安装django的包,然后进入python控制台,输入import django,如果不报错则说明安装成功。 安装完django后,最好给python文件夹中的Script文件夹添加环境变量,这样方便你在其他目录下调用Script目录下的django-admin.exe创建项目。 0x02: 如何创建Django项目? 通过django-admin startproject 项目名 来完成创建。 创建完成之后,我们进入E盘下的test_project文件夹,使用 python manage.py runserver 127.0.0.1:8000 (地址可以自己定义) 命令启动一个Webserver。 通过浏览器访问,出现下面的页面表示服务启动成功 还可以通过Pycharm创建Django。 二