meta标签 | 易学教程

前端基础之HTML快速入门

阅读更多关于前端基础之HTML快速入门

什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 html中，除了语义，其他什么都没有。 html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。所以，接下来，我们肯定要学习一堆html中的标签对儿，这些标签对儿能够给文本不同的语义。比如，面试的时候问你，h1标签有什么作用？正确答案：给文本增加主标题的语义。错误答案：给文字加粗、加黑、变大。 2、HTML的网络术语网页：由各种标记组成的一个页面就叫网页。主页(首页) : 一个网站的起始页面或者导航页面。标记： <p> 称为开始标记， </p> 称为结束标记，也叫标签。每个标签都规定好了特殊的含义。元素： <p>内容</p> 称为元素. 属性：给每一个标签所做的辅助信息。 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是

选择器字体文本背景属性

阅读更多关于选择器字体文本背景属性

CSS选择器( C ascading S tyle S heet，层叠样式表) css代码写法: h1{color:red;} 选择器{css属性:属性值;} css代码引入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css引入</title> <style>/*内联引入*/ div{ color: #ff0a09; } </style> </head> <body> <div>我是</div> <div>渣渣</div> </body> </html>  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css引入</title> <link rel="stylesheet" href="外联引入cs.css"> </head> <body> <div>我是</div> <div>渣渣</div> </body> </html>  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css引入</title> </head>

【前端基础之HTML】

阅读更多关于【前端基础之HTML】

原文: http://blog.gqylpy.com/gqy/235 " 目录一、HTML介绍二、head内常用标签三、body内常用标签一、HTML介绍 1. web服务本质 from socket import socket, SOL_SOCKET, SO_REUSEADDR sk = socket()sk.setsockopt(SOL_SOCKET, SO_REUSEADDR, 1)sk.bind(('127.0.0.1', 8080))sk.listen() while 1: conn, addr = sk.accept() info = conn.recv(10240) print(info) conn.send(b'HTTP/1.1 200 OK\r\n\r\n') conn.send(b'<h1>Hello world!</h1>') conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 2. HTML是什么？超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页（对于不同的浏览器

【CSS属性#1】

阅读更多关于【CSS属性#1】

" 目录一、宽和高二、字体属性 1. 文字字体 font-famlly 2. 字体大小 font-size 3. 字重(粗细) font-weight 4. 文本颜色 color 三、字符属性 1. 文字对齐 text-align 2. 文字装饰 text-decoration 3. 首行缩进 text-indent 四、背景五、边框六、圆形 border-radius 七、 display 属性一、宽和高 width ：设置属性宽度，宽度向右填充空格，块级标签才可设置宽度，内联标签的宽度度由内容来决定. heigth ：设置属性高度，高度向下填充空白 . <!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="content-Type" charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta http-equiv="refresh" content="60; URL=https://blog.csdn.net/qq_41964425"> <title>CSS</title> <style> #tag { width: 20%; height: 10px; } p { width: 31px; } </style>

【CSS属性#2】

阅读更多关于【CSS属性#2】

" 目录一、盒子模型二、外边距 margin 三、内填充 padding 四、浮动 float 五、清除浮动 clear 六、溢出 overflow 七、定位 position 1. 无定位 static 2. 相对定位 relative 3. 绝对定位 absolute 4. 固定 fixed 八、层叠顺序 z-index 九、透明度 opacit 一、盒子模型 margin ：用于控制元素与元素之间的距离；最基本的用途就是控制元素周围空间的间隔，从视觉上达到相互隔开的目的 padding ：用于控制内容与边距之间的距离 Border ：边框，围绕在内边距和内容外的边框 Content ：盒子的内容，显示文本和图像 ![在这里插入图片描述](/media/ai/2019-03/3820234e-236e-4ff2-af57-94cab2575a05.png) 二、外边距 margin 属性描述 margin-top 上方外边距 margin-right 右方外边距 margin-bottom 下方外边距 margin-left 左方外边距简写： ![在这里插入图片描述](/media/ai/2019-03/a92c753d-e79f-44ff-b074-f21181e9f02f.png) 常见居中： ![在这里插入图片描述](/media/ai/2019-03

【jQuery基础】

阅读更多关于【jQuery基础】

" 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：" Write less, do more. " jQuery官网 jQuery AP中文文档 BootCDN 1. 优势

前端基础 & 初识HTML

阅读更多关于前端基础 & 初识HTML

WEB 服务本质 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8081)) sock.listen(5) while True: print("server is working.....") conn, address = sock.accept() request = conn.recv(1024) conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n<h1>Hello Yuan</h1>","utf8")) conn.close() if __name__ == '__main__': main() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML 是什么？超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm HTML 不是什么

HTML

阅读更多关于 HTML

前端的三把利器 HTML：赤裸的一个人 CSS：华丽的衣服 JS/JavaScript：赋予这个人的行为，也就是动起来 HTML（超文本标记语言） html是什么呢，html是一种文档标记型语言，什么意思呢，就是一种浏览器可以解析、渲染的特殊标记，比如说你现在写个字那浏览器解析的时候就是这一个字，那你如果写个<h1>一个字</h1>那么这个字就会变大变粗，例如<h1>这个就是一个html的标签，浏览器遇到这样的特殊的东西就会把他渲染成其他的东西，我们现在所看到的网站都是html写的。在很早以前的时候，有很多浏览器，这个谷歌的浏览器解析这种标签，火狐解析那种标签，ie又解析别的标签，林子大了什么鸟都有，每个厂家的浏览器只认识自己的家的标签，别人的不认识，后来W3C（万维网联盟）就出了一个规范，所有的浏览器你都遵循这个规范，后来就形成了html。后端与前端交互方式： 1、后端通过直接返回浏览器能够识别的html代码 2、后端返回数据，前端替换html种的指定数据 html文档结构 · <!DOCTYPE html> 声明为HTML5文档。 · <html>、</html> 是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。 · <head>、</head> 定义了HTML文档的开头部分

CSS核心基础

阅读更多关于 CSS核心基础

7.1 构造CSS规则 CSS的作用就是设置网页的各个组成部分的表现形式。 CSS就是3个基本部分组成的——“对象”，“属性”和“值”。 7.2 基本CSS选择器再CSS的3个组成部分中，“对象”是很重要的，它指定了对哪些网页元素进行设置，因此，它有个专门的名称——选择器（selector）。所有HTML语言中的标记样式都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行选择，并赋予各种样式声明，即可实现效果。 “复合”选择器是通过对基本选择器进行组合而构成的。基本选择器有标记选择器、类别选择器和ID选择器3种。 7.2.1 标记选择器一个HTML页面由很多不同的标记组成，而CSS标记选择器就是声明哪些标记采用哪种CSS样式。每一种HTML标记的名称都可以作为相应的标记选择器的名称。 <style> h1 { color:red; font-size:25px; } </style> 注：每一个CSS选择器都包含选择器本身、属性和值，其中属性和值可以设置多个，从而实现对有、同一个标记声明多个样式风格。 CSS语言对于所有属性和值都有相对严格的要求。如果声明的属性在CSS规范中没有，或者某个属性的值不符合该属性的要求，都不能使该CSS语句生效。 Head-height: 48px; /*非法属性*/ color: ultraviolet; /

CSS

阅读更多关于 CSS

1. form提交数据 get: 不安全的提交数据，高效 post: 安全的提交数据，低效前台都可以给后台提交数据，后台一定会给前台一个反馈结果 2. 高级选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-size: 30px; } /* 高级性选择器优先级比较：无限大于：id > class > 标签种类相同：比个数个数相同：比顺序高级选择器种类不影响优先级 */ /* 所有的p标签*/ .p { color: red; } /* 群组选择器,控制多个 */ /* 每个选择器位，可以为id、class、标签、选择器组合，中间用空格隔开对所有选择器位的都有效果*/ #p, .p, .div { color: crimson; } /* 后代(子代)选择器：控制一个标签，前方的都是修饰*/ .div .div .div { /* 后代空格父子（孙）只要前面两个是 .div，在第三层或者第四层，子子孙孙层的.div均有效） */ color: yellow; } body .div { color: red; } .div > div > .p { /* 子代 > 父子*/ color: yellow; } /* 兄弟（相邻

订阅 meta标签