html文件 | 易学教程

浏览器渲染-css阻塞

阅读更多关于浏览器渲染-css阻塞

引用由于关系到文件的读取，那是肯定需要服务器的，我会把全部的文件放在 github 上 node 端唯一需要解释一下的是这个函数： function sleep(time) { return new Promise(function(res) { setTimeout(() => { res() }, time); }) } 嗯！其实就延时啦。如果 CSS 或者 JS 文件名有 sleep3000 之类的前缀时，意思就是延迟3000毫秒才会返回这文件。下文使用的 HTML 文件是长这样的： 1234567891011121314151617 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 100px; height: 100px; background: lightgreen; } </style></head><body> <div></div></body></html> 我会在其中插入不同的 JS 和 CSS 。而使用的 common.css ，不论有没有前缀，内容都是这样的： div { background: red; } 好了，话不多数，开始正文！ CSS 关于 CSS ，大家肯定都知道的是 <link>

html的基础标签

阅读更多关于 html的基础标签

完整的网页由html嵌套 head、body构成实例： <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body></html>在代码的输入过程中应使用小写字母 <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>. <body>元素内则包含了网页要表达呈现的所有内容 HTML 标题 HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的. 实例 <h1>这是一个标题</h1> <h2>这是一个标题</h2> <h3>这是一个标题</h3> HTML 段落 HTML 段落是通过标签 <p> 来定义的. 实例 <p>这是一个段落。</p> <p>这是另外一个段落。</p> HTML 链接 HTML 链接是通过标签 <a> 来定义的. <a href="地址">这是一个链接</a> HTML 图像 HTML 图像是通过标签 <img> 来定义的. 实例

web前端【第三篇】CSS选择器

阅读更多关于 web前端【第三篇】CSS选择器

一、css概述 CSS是Cascading Style Sheets的简称，中文称为层叠样式表，对html标签的渲染和布局 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。例如二、css的四种引入方式 1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 2.内嵌式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： 3.链接式建一个index.css的文件，存放样式在主页面中吧index.css引入 4.导入式将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，<style>标记也是写在<head>标记中，使用的语法如下：要注意导入的路径。。。。注意啦：导入式会在整个网页装载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。这是导入式固有的一个缺陷。使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会像导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。所以还是推荐用链接式。。。。。。。。。。。三、注意嵌套规则

Django---Django返回用户输入数据

阅读更多关于 Django---Django返回用户输入数据

　　前面写了关于HTML和Django结合的文章，通过视图与HTML结合，然后加上urls渲染返回给用户浏览器。很明显我们都能看到这些仅仅是静态HTML，那如何通过Django创建动态的HTML呢？动态的页面我们先通过一个例子来简单了解下。 1、首先通过在views.py文件中添加一些动态的数据 # Views.py from django.http import HttpResponse import datetime # 创建动态数据 def time(request): now = datetime.datetime.now() html = '现在的时间为%s'%now return HttpResponse(html) 2、通过urls.py文件渲染给浏览器 # urls.py from django.contrib import admin from django.urls import path from Anjing import views urlpatterns = [ path('admin/', admin.site.urls), path('time/', views.time), # 添加对应的路径 ] 3、启动Django服务可以看到显示的是当前数据，重新刷新，数据就会变化。通过上面例子，已经创建好了一个小小的动态页面

H5基础阶段一

阅读更多关于 H5基础阶段一

HTML5基础阶段一. 前端的整体构成（html,css,javascript）二. 文档结构三. HTML语法 1. 标签 2. 属性 3. 元素四. css的使用（样式）五. 常用标签 1. 标签可划分为两类 2. 常用标签 3. 列表标签（元素） 4. 文本修饰 / 文字样式标签六. 页面注释标记注释的三种长相（html，css，Js中）七. 路径一. 前端的整体构成（html,css,javascript） html ：超文本标记语言结构超：超链接文本：text 标记：又被称为标签语言：和计算机沟通的桥梁 css ：层叠样式表样式 JavaScript ：脚本语言行为二. 文档结构 html ：这个整个文件的主体标签，所有的代码都不允许超出它范围 head ：页面头部信息。用于向浏览器提供整个页面的基本信息，但是它不包含页面主体内容，头部信息主要包括页面的标题，元信息，css样式，JavaScript脚本等。 body ：网页的正文，是用户在浏览器窗口中能够看到的信息，比如：图片，表格，视频等。需要在标签之内，但不是所有的标签都是可见的。 html，head，body 是 HTML文档的基本元素，三者共同构成了整体文档的骨架。 < !DOCTYPE html> 代表“

CSDN如何转载博客[转]

阅读更多关于 CSDN如何转载博客[转]

在参考“如何快速转载CSDN中的博客”后，由于自己不懂html以及markdown相关知识，所以花了一些时间来弄明白怎么转载博客，以下为转载CSDN博客步骤和一些知识小笔记。参考博客原址： http://blog.csdn.net/bolu1234/article/details/51867099 转载CSDN博客步骤： 1.CSDN博客页面右键，点击【检查】点击检查后，页面右侧出现html代码，如下图 2.如果需要转载全文，则在html代码下侧点击选中article_content 即可，会在代码框中自动选中article_content相关代码 3.在选中html的article_content代码处右键，点击【Copy】,再点击【Copy outerHTML】即可，至此，博客内容的html代码复制完成 4.新建博客，在markdown编辑器中粘贴以上html代码。！！！注意：是markdown编辑器，CSDN博客默认的是html编辑器，在博客设置中修改成markdown编辑器。在html编辑器中是无法将html代码转换成相应博客内容的 Markdown和HTML相关小知识 Markdown Markdown是一种纯文本形式的标记语言，重点在易读易写，排版漂亮，是写博客的好工具，优点类似于word，但是更简洁直观。 Markdown在windows

html学习笔记

阅读更多关于 html学习笔记

1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2.CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现 3.标签的语法（1）标签由英文尖括号"<"和">"括起来（2）标签一般都成对出现，分开始标签和结束标签，结束标签比开始标签多了一个/ （3）标签与标签之间可以嵌套，但先后顺序必须保持一致（4）标签不区分大小写，但建议小写实体（转义字符）：浏览器解析到实体时，会自动转换为对应的字符。语法形式：& 实体名字； < < > > 空格 &nbsp；版权符号 &copy；例如想写a<b>c: a<b>c 4.HTML文件基本结构一个HTML文件有自己的固定结构（1）<html></html>称为根标签。所有网页标签都在其中（2）<head>标签用于定义文档头部，是所有头部元素的容器，头部元素有<title><script><link><meta>等（3）<body>标签间的内容是网页的主要内容，如<hx><p><a><img>等，会在浏览器中显示出来 5.认识<head>标签文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在<head>部分

web笔记第一天

阅读更多关于 web笔记第一天

一，Visual Studio Code代码编辑器的使用　　1.下载地址http://code.visualstudio.com/ 　　2.在商店中搜索并下载插件：chinese（界面汉化）；open in browser（支持使用编辑器打开网页，使用方式为右键单击后选择open in default browser）；power mode（代码输入时有特效，使用时去配置扩展设置里勾选enable to activate power mode）　　3.在资源管理器界面右键新建一个文件夹与文件，文件加.html后缀。　　4.文件-首选项-设置：设置代码折行（word wrap），改变文本的大小；文件-首选项-颜色主题：改变编辑器背景颜色。　　5.编辑器支持的快捷键：CTRL+S:保存。　　　　　　　　　　　　 CTRL+X,CTRL+C,CTRL+V：剪切，复制，粘贴　　 CTRL+A：全选　　　　　　　　　　　　 shift+end：从头选中一行；shift+home：从尾选中一行　　　　　　　　　　　　　shift+alt+上下键：快速复制一行　　　　　　　　　　　　　alt+上下键：快速移动一行　　　　　　　　　　　　　ctrl+z ：撤销； ctrl+y ：还原　　　　　　　　　　　　　alt+光标左键：实现多光标的操作　　　　　　　　　　　　

赵赵

阅读更多关于赵赵

title: 技术总结 date: 2018-02-09 22:14:00 ##HTML和CSS和JavaScript的关系网页主要由三部分组成：结构（ Structure）、表现（ Presentation）和行为（ Behavior）。 HTML —— 结构，是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包括文字、图片、视频等。决定网页的结构和内容（ “是什么”）。 CSS —— 表现（样式），放于<style>标签内。就像网页的外衣。比如：标题字体、颜色变化、或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。设定网页的表现样式（ “什么样子”）。 JavaScript（ JS） —— 行为，是用来实现网页上的特效效果的。如：鼠标滑过的下拉菜单、鼠标滑过的背景色的改变、图片的轮播。可以说是，有动画的，有交互的一般都使用JavaScript来实现的。控制网页的行为（ “做什么”）。 ###HTML <b>HTML文档结构</b>（括号里面的是注释） <!DOCTYPE html > *注：<!DOCTYPE>标签没有结束标签！ <html > <head>（头部部分） <meta http-equiv=“ContentType”content=“text/html”;charset=gb2312>(可写可不写)

1.1、html概述和基本结构

阅读更多关于 1.1、html概述和基本结构

html概述 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。 html基本结构一个html的基本结构如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页显示内容 </body> </html> 第一行是文档声明，第二行“<html>”标签和最后一行“</html>”定义html文档的整体，“<html>”标签中的‘lang=“en”’定义网页的语言为英文，定义成中文是'lang="zh-CN"',不定义也没什么影响，它一般作为分析统计用。 “<head>”标签和“<body>”标签是它的第一层子元素，“<head>”标签里面负责对网页进行一些设置以及定义标题，设置包括定义网页的编码格式

订阅 html文件