html文件 | 易学教程

css引用方式

阅读更多关于 css引用方式

网页中引用CSS样式内联样式行内样式表外部样式表链接式导入式内嵌方式 style 标签 <!doctype html> <html> <head> <meta charset="utf8"> <style> p { color: red; } </style> </head> <body> <p>这是一个p标签！</p> </body> </html> 行内样式 <!doctype html> <html> <head> <meta charset="utf8"> </head> <body> <p style="color: blue;">这是一个p标签！</p> </body> </html> 外联样式表-链接式 link 标签 index.css p { color: green; } 然后在HTML文件中通过link标签引入： <!doctype html> <html> <head> <meta charset="utf8"> <link rel="stylesheet" href="index.css"> </head> <body> <p>这是一个p标签！</p> </body> </html> 外联样式表-@import url()方式导入式了解即可。 index.css @import url(other.css) 注意： @import url(

HTML学习笔记

阅读更多关于 HTML学习笔记

一、HTML简介** 1.HTML是什么？ HTML:Hyper Text Markup Language超文本标记（标签）语言由多种标签组成，用来制作网页，告浏览器该如何显示页面 2.HTML语言的作用？制作网页，控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过链接检索信息使用表单获取用户信息，实现交互 3.版本 W3C:World wide web consortium万维网联盟，制定WEB技术相关标准和规范的组织，HTML就是由W3C制定的标准两个版本:HTML4.0和HTML5.0 官网：https://www.w3school.com.cn/ 4.HTML后缀名----扩展名 HTML文件的扩展名是以.html或.htm来结尾二、HTML文档的结构 1.基本结构 1.1 简介 HTML标签是由尖括号括起来的关键，如 ,通常都是成对出现的，如以为根标签，包含：头部和主体部分头部提供关于网页的相关信息，如标题、字符编码、文档类型、关键等摘要信息主体部分提供网页的具体内容，真正显示在页面中合理的进行缩进标签名不区分大小写，但一般习惯用小写 1.2开发工具记事本notepad sublime notepad++ Dreamweaver VScode Webstorm等使用步骤：新建文件(ctrl+N),然后保存(ctrl+S)

第五十九节，模拟浏览器请求Python结合html基本格式

阅读更多关于第五十九节，模拟浏览器请求Python结合html基本格式

模拟浏览器请求Python结合html基本格式用Python模拟一个客户端，结合打开一个HTML页面创建客户端 #!/usr/bin/env python # -*- coding:utf8 -*- import socket #导入单线程通讯模块 def handle_request(client): buf = client.recv(1024) client.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n","utf8")) #向客户端发送内容，以字节形式发送 f = open("1.html", "r", encoding="utf-8") #打开HTML文件 f2 = f.read() #读出HTML文件内容 f.close() #关闭打开的文件 client.sendall(bytes(f2,"utf8")) #将读出HTML文件内容向客户端发送内容，以字节形式发送 def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) #创建服务端通讯对象 sock.bind(('localhost',8082)) #在服务端设置服务端ip和端口8 sock.listen(5) #监听IP和端口，设置一个参数，表示最多连接排队数量 while True:

HTML学习笔记

阅读更多关于 HTML学习笔记

一、HTML简介 1.HTML是什么？ HTML：Hyper Text Markup Language超文本标记（标签）语言由多种标签组成，用来制作网页，告浏览器该如何显示页面 2.HTML语言的作用？制作网页，控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过链接检索信息使用表单获取用户信息，实现交互 3.版本 w3c：World wide web consortium万维网联盟，制定WEB技术相关标准和规范的组织，HTML由W3C制定的标准两个版本：HTML4.0和HTML5.0 官网：https://www.w3school.com.cn/ 4.HTML后缀名-----扩展名 HTML文件的扩展名是以.html或.htm来结尾二、HTML文档的结构 1.基本结构 1.1 简介 HTML标签是由尖括号括起来的关键，如,通常都是成对出现的，如以为根标签，包含：头部和主题部分头部提供关于网页的相关信息，如标题、字符编码、文档类型、关键等摘要信息合理的进行缩进标签名不区分大小写，但一般习惯用小写 1.2 开发工具记事本notepad sublime notepad++Dreamweaver VScode Webstorm等使用步骤： 1.新建文档(ctrl+N)，然后保存(ctrl+s),指定扩展名为.html(代码无颜色提示) 2.编写HTML文件

SpringBoot 从零开始学习（四）之文件上传

阅读更多关于 SpringBoot 从零开始学习（四）之文件上传

1.首先写一个上传文件的页面，命名为upload.html 放到classpath 目录下：下面的action 对应controller 中的requestmapping， name 对应的是文件上传的参数。 < ! DOCTYPE html > < html > < head > < meta charset = "UTF-8" > < title > 文件上传Demo < /title > < /head > < body > < form action = "upload" method = "post" enctype = "multipart/form-data" > 选择文件 < input type = "file" name = "fileName" > < /input > < br/ > < input type = "submit" > < /input > < /form > < /body > < /html > 2.写一个controller： package com.cz.controller ; import java.io.File ; import java.io.IOException ; import java.util.HashMap ; import java.util.Map ; import org.springframework

html代码规范

阅读更多关于 html代码规范

HTML代码规范　我们知道，前端工程师入门容易，通过学习基本的HTML和CSS就能在浏览器上看到实际的效果，可是要写好的HTML，就不是那么容易了。这里将和大家分享HTML规范，希望大家读完之后都能够有所收获。本文将主要以下面三个部分展开： HTML整体结构 HTML代码格式 HTML内容语义 http://bootstrap.cn/p/codeguide.html 这里的规范也不错，有时间看看。第一部分：HTML整体结构　　1.HTML基础设施　　　（1）文件应以<!DOCTYPE.....>首行顶格开始，这句话告诉浏览器这是一个什么文件，我们推荐使用<!DOCTYPE html>。　　　（2）必须在head元素内部的meta标签内声明文档的字符编码charset, 如：<meta charset="UTF-8">，这句代码告诉浏览器应该此HTML文件使用的字符集是什么，如果不加此行代码，那么在浏览器中可能显示为乱码。　　　（3）页面的title是极为重要的不可缺少的一项。　　　　当我们在sublime text编辑器中输入！并按下tab键便得到： 1 2 3 4 5 6 7 8 9 10 <! DOCTYPE html> < html lang="en"> < head > < meta charset="UTF-8"> < title

HTML 的简单了解

阅读更多关于 HTML 的简单了解

HTML概述 HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 —— 百度百科 HTML的全称为：Hypertext Marked Language，即超文本标记语言。超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。数据类型超文本标记语言定义了多种数据类型的元素内容，如脚本数据和样式表的数据，和众多类型的属性值，包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。常见实体显示结果描述实体名称实体编号空格 < 小于号 < < > 大于号 > > & 和号 & & " 引号 " " ' 撇号 ' (IE不支持) ' ￠分 ¢ ¢ ￡镑 £ £ ￥日元 ¥ ¥ € 欧元 € € § 小节 § § © 版权 © © ® 注册商标 ® ® ™ 商标 ™ ™ × 乘号 × × ÷ 除号 ÷ ÷ 整体结构一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名

浏览器渲染过程

阅读更多关于浏览器渲染过程

最近工作闲下来了，恰巧最近在研究前端性能优化相关的问题。读到很多书籍、以及以前公司分享的一些相关资料。这里将它们总结起来，以便大家学习。我们的目标是：没有白屏，对！没有白屏。以下是在同一台机器，相同网络环境的一个测试：大家都知道，浏览器产生白屏。是因为UI在渲染过程中被阻塞了。那么问题来了，是什么阻塞了它呢？渲染过程 i.渲染是以流式进行的。不需要得到全部数据再渲染，如：HTML文件下载多少就渲染多少； ii.大多数HTML外部资源都不会阻塞UI线程，如：CSS、IMG、Flash等，没有load完毕的图片会留一个空位置在那里； iii.大多数的HTML元素都是渲染出DOM便立刻显示的； iiii.HTML从上到下解析，该过程不可逆（参考 i）。但会出现reflow（重排） and repaint（重绘）。我们访问一个站点的时候浏览器会先检查自身缓存，在没有缓存的情况下，浏览器会这样去渲染我们的页面，以下面的代码为例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>myTitle</title> </head> <body> <div id="myDiv"> <script> $.write('写点什么。'); </script> </div> </body> </html>

JavaScript 使用

阅读更多关于 JavaScript 使用

一、HTML中的脚本必须位于<script>和</script>之间例如：<script> 　　　　alert("My First JavaScipt "); 　　　　</script> 二、<body>中的Javascript 实例： <!DOCTYPE html> <html> <body> <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script> </body> </html> 三、<head>或<body>中的JavaSript 1、可以在HTML文档中放入不限数量的脚本 2、脚本可位于HTML的<body>或<head>部分中，或者同时存在于两个部分中 3、通常做法是把函数放入<head>部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。四、<head>中的Javascript函数实例： <!DOCTYPE html> <html> <head> <script> function myFunction(){ 　　document.get.ElementById("demo").innerHTML="My First JavaScript Function"; } <

初识Javascript

阅读更多关于初识Javascript

1. Javascript 是一门独立的编程语言，浏览器恰好就是一个Javascript的解释器。Javascript与Java 没有半毛钱关系。 Javascript代码一般存在于HTML中。Javascript的存在形式。（1）写在head 中；　（2）写在js文件中,然后再导入一下就好了。单行注释： // 多行注释： /*............*/ (3) 为了好的用户体验，JS要写在body内部的最下端。先让HTML出来，再让JS等修饰出来。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> css的代码块放在这里 </style> <script> Javascript的代码块放在这里 </script> </head> <body> </body> </html> 2. 先来个小程序看一下。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> alert(123); </script> </head> <body> <div>asdf</div> </body> </html> 运行结果

订阅 html文件