html语言

HTML笔记

百般思念 提交于 2020-01-28 20:37:19
HTML的概念 HTML:Hyper Text Markerup Language,超文本标记语言 超文本:使用超链接的方法,将各种不同空间的文字信息组织在一起的一种网状文本语言 标记语言:由标签构成的语言,<标签语言>,例如html,xml(标记语言不是编程语言) HTML快速入门 后缀名: .html or .htm 标签分类以及标签语法 < html > < head > < title > login </ title > < body > <font color = 'red'>Hello World! </ font > < br > <font color = 'green'>Hello World </ font > > < br > </ body > </ head > </ html > 标签的嵌套:需要正确的嵌套(类似括号的匹配) 围堵标签:开始标签、结束标签。如 <html></html> 自闭和标签:开始标签和结束标签在一起。如 <br> 在开始标签当中可以定义属性。属性是由键值对构成的,值需要用引号引起来。 html的标签不如分大小写,但是建议使用小写 标签 一、文件标签:构成html最基本的标签 html:html文档的根标签 head:头标签,用于指定html文档的一些属性,还可以引入一些外部的资源 title:标题标签 body:体标签

html 基础知识

≯℡__Kan透↙ 提交于 2020-01-28 11:57:11
目录 1.介绍浏览器 (1) Title (2) Url (3) body 3.标签结构 (1)标签名 (2)<+标签名+>结束标签 1 标签 开始标签 结束标签 4. 网页文档的结构 5.img 属性= “属性值” 路径 目录 title 主题,题目, Url 是网址 Body 是网站的内容 Body 的内容考代码实现的 Html 语言 超文本标记语言 结构:< 标签名> 段落<p> 我的老师</p> 以后是汉字会出现乱码,因为文字编码不一样, utf-8 是国内的编码 网页骨架 常见的标签 1.标题标签 有六个 h1到h6 <h1> 2. 图片 资源 本地资源 网络资源 目录 当前目录(./)和上一级目录(../) Src 属性是图片的路径 img Width height 单位是px a 超链接 <a href="">百度一下</a> a 两个属性 一个是 href 值需要跳转页面地址 另一个是target 跳转页面打开方式 _blank _self(默认的) 备注 ID 是一种起名方式 ID=“zhangsan" 只使用ID起的名字 前面必须加# #zhangsan 标签 双标签 heml title head body h1-h6 p a b (加粗标签) strong 被H5舍弃 i 倾斜标签 sup 上标标签 sub 下标标签 em (小图标的) div 盒子标签

测试开发系列之——html

岁酱吖の 提交于 2020-01-28 11:17:43
目录 关键词 WEB前端课程目标 学习目标 Html-介绍 编辑器 Html-结构解析 Html常用标记 < iframe>标记 Html-表单标记 Html-表格标记 练习:完成基本的表单提交功能并实现页面跳转 运行结果截图 1.html代码 result.html代码 关键词 前台:给普通用户(会员)使用的功能 后台:给管理员用户使用的功能 前端:浏览器上显示、运行的页面 后端:java程序以及数据库 WEB前端课程目标 HTML负责内容 CSS负责样式 JavaScript负责行为 前端流行框架Vue.js 学习目标 HTML简介和基本结构 HTML基本标签 表格和表单 Html-介绍 超文本标记语言(英语:HyperText Markup Language,简称HTML)是一种用于创建网页的标准标记语言。 ddd 标记语言是一套标记标签(markup tag) <标签 属性名="属性值">内容</标签> HTML 运行在浏览器 上,由浏览器来解析。 浏览器的兼容性 因为不同的浏览器对同一段代码由不同的解析,显示效果不统一的情况 Html版本 HTML 4.01 HTML5 编辑器 notepad++ VS Code: https://code.visualstudio.com/ Sublime Text: http://www.sublimetext.com/ 使用

前端知识点总结1

时光怂恿深爱的人放手 提交于 2020-01-28 10:08:14
常见浏览器内核介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。 浏览器内核(理解) 浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。 渲染引擎 它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。 JS 引擎 则是解析 Javascript 语言,执行 javascript语言来实现网页的动态效果。最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多,如加上没什么人使用的非商业的免费内核,可能会有10多种,但是常见的浏览器内核可以分这四种:Trident、Gecko、Blink、Webkit。 (1)Trident(IE内核) 国内很多的双核浏览器的其中一核便是 Trident,美其名曰 “兼容模式”。代表: IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。Window10

HTML详解(1.html简介)

南笙酒味 提交于 2020-01-28 09:04:34
文章目录 HTML(HyperText Mark-up Language)即超文本标记语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图 形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的 具体内容。 HTML语言被称为 互联网的三大基石之一 (其余两大基石分别为:HTTP协议、URL)。它解决了如何以丰富的效果展示数据内容的问题。互联网中,数据是在服务器和浏览器之间互相传送和执行。三大基石分别解决了如下问题: HTTP协议:解决了服务器和浏览器之间数据如何传送、传送格式的问题!实现了分布式的信息共享。 URL协议:解决了众多服务器中资源定位问题。从而让浏览器可以访问不同的服务器资源,实现了全球信息的精确定位。 HTML语言:解决了数据在浏览器中如何丰富多彩的展示,及如何合理标示信息的问题。 我们访问一个互联网资源: http://www.baidu.com ,流程如下: 第一步:地址栏输入: 第二步:服务器收到请求,将HTML源代码传给客户端: 第三步:浏览器解释执行上面的代码,出现如下丰富多彩的效果: 来源: CSDN 作者: 213之父 链接: https://blog.csdn.net/qq

HTML | 第一期 / 小白入门

依然范特西╮ 提交于 2020-01-28 05:09:02
本文主要内容 头标签 排版标签: <p> <div> <span> <br> <hr> <center> <pre> 字体标记: <h1> <font> <b> <u> <sup> <sub> 超链接 图片标签 前言 web标准 web标准介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页要遵循的规范。 web标准规范的分类:结构标准、表现标准、行为标准。 结构:html。表现:css。行为:JavaScript。 web标准总结: 结构标准:相当于人的身体。html就是用来制作网页的。 表现标准: 相当于人的衣服。css就是对网页进行美化的。 行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的。 浏览器介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、猎豹浏览器、Safari和Opera等。如下图所示: 浏览器内核: 浏览器 内核 IE trident chrome / 欧鹏 blink 火狐 gecko Safari webkit PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 渲染引擎是兼容性问题出现的根本原因。 Sublime Text 的使用 详情请移步至: Sublime Text使用技巧 一、HTML的介绍 1

webpack4.x 使用

让人想犯罪 __ 提交于 2020-01-28 03:38:43
webpack4.x webpack 模块打包工具,分析项目结构,找到js模块及一些浏览器不能运行的语言如ES6/sass等,并将其转换和打包为何时的格式供浏览器使用; 打包:将多个js文件打包成一个文件,减少服务器压力和下载带宽; 转换:把浏览器不能识别的语言转换为js,让浏览器能够正确识别 优化:优化项目,提高性能 安装 // 新建项目文件夹,并进入 mkdir webpack_demo cd webpack_demo //全局安装 npm install -g webpack // 全局安装后还需进行一个项目目录的安装,npm安装之前先进行初始化,目的-生成package.json文件(包括当前项目依赖模块,自定义脚本任务等) npm n init // 项目目录的安装 --save-dev保存到package.json中且在dev开发中使用,生产环境中不使用; npm install --save-dev webpack // 查看webpack版本 webpack -v // ps:查看webpack版本时会提示安装webpack-cli,因为此时安装的webpack版本是4.x;webpack 已经将 webpack 命令行相关的内容都迁移到 webpack-cli,所以除了 webpack 外,还需要安装 webpack-cli npm install --save

Django 之AJAX

我们两清 提交于 2020-01-27 20:21:19
day72 2018-06-27 1. 内容回顾 1. 中间件 1. 中间件概念 2. 中间件应用的场景 对请求和相应做全局修改/处理 3. Django中间件的用法 1. 按照格式要求自己写一个类 1. from django.utils.deprecation import MiddlewareMixin 我们写的中间件的类要继承 MiddlewareMixin 2. 定义相应的方法(5种可以选择) 1. process_request(self, request) 1. 何时执行 2. 执行的顺序 --> 注册的正序 3. 返回值 1. 返回None --> 继续往后执行 2. 返回Response对象 --> 跳出直接返回响应(按照处理响应的操作继续往后执行) 2. process_view(self, request, view_func, args, kwargs) 1. 何时执行 2. 执行的顺序 --> 注册的正序 3. 返回值 1. 返回None --> 继续往后执行 2. 返回Response对象 --> 跳出直接返回响应(按照处理响应的操作继续往后执行) 3. process_exception(self, request, exception) 4. process_template_response(self, request, response) 5.

Django框架 之 Ajax

让人想犯罪 __ 提交于 2020-01-27 04:32:26
浏览目录 AJAX准备知识 AJAX与XML的比较 AJAX简介 jQuery实现的ajax AJAX参数 AJAX请求如何设置csrf_token 序列化 一、AJAX准备知识 1、什么是json JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON 是轻量级的文本数据交换格式 JSON 独立于语言 * JSON 具有自我描述性,更易理解 * JSON 使用 JavaScript 语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 需要知道的:json的格式来源于js的格式 1、js支持单引号,也支持双引号,也可以没有引号 //在js中吧{}这样的类型叫做对象,js中没有字典一说 data = { 'name':'haiyan', "name":"haiyan", name:"haiyan" } //js对象默认会把自己的键当成字符串处理,所以可以加引号也可以不加 2、json的格式: 1、json只认双引号的 2、json一定是一个字符串 3、下面我们看看哪些是合格的字符串,哪些不是? 合格的json对象 ["one", "two", "three"] { "one": 1, "two": 2, "three": 3 } {"names": ["张三"

Javascrip 组成部分

泪湿孤枕 提交于 2020-01-27 03:24:41
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 (取自百度) {下文Javascript简称(JS)} Javascrip由三个部分组成 一.Ecmascript: Ecmascript描述了JS的基本语法,是它的核心。它定义了JS应该是什么样子。 二.Javascript DOM 三.Javascript BOM 这些知识作为小白的我简单的理解。以后会慢慢改进,暂且这样吧。 来源: CSDN 作者: 锦蚯 链接: https://blog.csdn.net/weixin_45785288/article/details/104055703