meta标签 | 易学教程

05_进一步操作页面的元素

阅读更多关于 05_进一步操作页面的元素

前面复习：获取文档中对象的方法：操作标签的属性：操作元素的样式：案例：前提： js/common.js代码如下： 1 /** 2 * 根据id 或者根据tagName 返回相应的元素 3 * */ 4 function getId$(id){ 5 return document.getElementById(id); 6 } 7 function getTags$(tagName) { 8 return document.getElementsByTagName(tagName) 9 } 点击按钮禁用/启用文本框： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>我是网页标题</title> 6 </head> 7 <body> 8 <input type="button" value="禁用" id="btn"> 9 <input type="text" value="文本框" id="text" > 10 <script src="js/common.js"></script> 11 <script> 12 getId$('btn').onclick = function () { 13 if (this.value =='禁用'){ 14 getId$(

Ghost博客主题制作简明教程

阅读更多关于 Ghost博客主题制作简明教程

本文讲述如何给ghost博客系统创作主题，以创建一个简单的主题为例。我使用的ghost版本是0.5.2。 ##以development mode启动ghost $ cd ghost/ $ NODE_ENV=development node index.js 这种模式下，修改主题后，直接刷新浏览器就可以看到修改后的主题效果，利于主题开发。但是也会遇到不好使的情况，如果遇到，重启即可。在实际的使用环境中，以下面的形式启动ghost： $ NODE_ENV=production forever start index.js 这种模式下，主题中的模板文件会被加载并缓存到内存中，所以修改主题后，需要重启ghost，才能生效。 ##创建主题我们姑且把自己制作的主题叫做 my-theme 。进入ghost的主题目录，创建目录 my-theme ： $ cd ghost/content/themes $ mkdir my-theme $ cd my-theme $ vim package.json 在package.json中加入以下内容： { "name": "my-theme", "version": "0.1.0", "description": "a simple theme", "author": "letian", "homepage": "http://www

前端之CSS的属性引入方式、选择器、选择器优先级

阅读更多关于前端之CSS的属性引入方式、选择器、选择器优先级

目录 1011 前端之CSS的属性引入方式、选择器、选择器优先级一、CSS介绍二、CSS语法 2.1CSS实例 2.2 CSS注释三、css属性的引入方式 3.1 行内样式 3.2 内部样式 3.3 外部样式四、CSS选择器 4.1 元素(标签)选择器 4.2 id选择器 4.3 类选择器 4.4 通用选择器 4.5 后代选择器 4.6 儿子选择器 4.7 毗邻选择器 4.8 兄弟选择器 4.9 属性选择器 4.10 分组和嵌套选择器 4.11 伪类选择器 4.12 伪类元素选择器五、选择器的优先级 5.1 CSS继承 5.2 选择器的优先级 1011 前端之CSS的属性引入方式、选择器、选择器优先级一、CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义如何显示 HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。二、CSS语法 2.1CSS实例每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 2.2 CSS注释 /*这是注释*/ 注释是代码之母。三、css属性的引入方式 3.1 行内样式行内样式是在标记的style属性中设定CSS样式，不推荐大规模使用。 <body> <div style="width: 10px;height: 20px

01 前端--HTML内容

阅读更多关于 01 前端--HTML内容

目录一、HTML的本质 1.1 Web服务本质 1.2 HTML是什么 1.3 HTML标记语言的文档结构 1.4 HTML标签的格式 1.4.1 标签的语法 1.4.2 标签的重要属性 1.5 HTML的注释二、HTML的常用标签 2.1 head标签内常用的标签 2.1.1 Meta标签介绍 2.1.2 Meta标签组成 2.2 body标签内常用的标签 2.2.1 标题标签 2.2.2 段落标签 2.2.3 超链接标签 2.2.4 图片标签 2.2.5 列表标签 2.2.6 表格标签 2.2.7 div标签和span标签三、form表单 3.1 form表单的功能 3.2 form表单的属性 3.3 form表单元素 1.input标签的属性 3. select标签属性一、HTML的本质 1.1 Web服务本质在这里我们先提一下网络编程中的socket套接字，我们知道我们的TCP连接有C/S和B/S C/S：是客户端和服务端之间进行通信连接 B/S：是浏览器和服务端之间进行通信连接的，这里浏览器其实就是相当于是客户端 * 通过B浏览器向服务端建立连接先建立服务端 import socket server = socket.socket() server.bind(('127.0.0.1',8080)) #'127.0.0.1'是一个本机的回环地址

前端之HTML

阅读更多关于前端之HTML

目录 1010-1011 前端之html 浏览器什么是HTML HTML的作用编写html的规范 HTML结构常用标签 head内常用标签 body内常用标签特殊字符块级标签（div标签）和行内(内联)标签（span标签）块级标签和行内标签的区别 form表单（很重点） form表单功能 form表单属性表单元素表单的语义化举例 HTML标签总结 1010-1011 前端之html 浏览器浏览器也是一个客户端 # 这是一个服务器，我们通过浏览器就可以访问的到服务器发送的"hello" import socket soc = socket.socket() soc.bind(('127.0.0.1',8080)) soc.listen(5) while True: conn,addr = soc.accept() data = conn.recv(1024) conn.send(b"HTTP//1.1 200 ok\r\n\r\n") # 必须要加上这一句，不然浏览器不认识 conn.send(b"hello") conn.close() 浏览器不通过服务器也可以渲染文本什么是HTML HTML全称Hyper Text Markup Language，超文本标记语言，是一种描述性的标记语言。超文本：音频、视频、图片标记：称为标记

前端之HTML介绍及使用

阅读更多关于前端之HTML介绍及使用

一、HTML介绍 1.1 web本质在pycharm写入一下代码，然后在浏览器地址栏输入地址和端口 127.0.0.1:8080 ，回车，回来运行代码，直接访问客户端发送的内容 conn.send(b'<h1> hello world <h1>') import socket sk = socket.socket() sk.bind(('127.0.0.1',8080)) sk.listen(5) while True: conn,addr = sk.accept() data = conn.recv(1024) conn.send(b'HTTP/1.1 200 OK\r\n\r\n') conn.send(b'<h1>hello world<h1>') conn.close() 本质：浏览器发送请求--->HTTP协议--->服务端接收请求--->服务端返回响应--->服务端把HTML文件内容发给浏览器---->浏览器渲染页面 1.2 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 ( H yper T ext M arkup L anguage) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页声音 + 图像 +

【1011 | Day 42】前端之CSS

阅读更多关于【1011 | Day 42】前端之CSS

目录 CSS简介 1. form表单 2. 选择器 2.1 id选择器 2.2 伪类元素选择器 2.3 伪类选择器 2.4 儿子选择器 2.5 兄弟选择器 2.6 后代选择器 2.7 字体属性 2.8 属性的引入方式 2.9 属性选择器 3.0 标签的嵌套 3.1 标签选择器 3.2 毗邻选择器 3.3 类选择器 3.4 组合选择器 3.5 设置宽高 3.6 通用选择器 CSS简介 1. form表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <form action="" method="" > <div> 用户名：<input type="text" name="user" value="123"/> </div> <div> 密码：<input type="password" name="pwd"> </div> <div> 性别: <input type="radio" name="sex" value="1">男 <input type=

HTML（上）

阅读更多关于 HTML（上）

目录 HTML（上）浏览器 HTML 什么是HTML HTML的作用编写HTML的规范 HTML结构 HTML常用标签 HTML标签速记 HTML（上）浏览器浏览器也是一个客户端 #这是一个服务器，我们通过浏览器就可以访问的到服务器发送的"hello" import socket sk = socket.socket() sk.bind(('127.0.0.1',8080)) sk.listen(5) while True: conn,addr = sk.accept() data = conn.recv(1024) conn.send(b"HTTP/1.1 200 ok\r\n\r\n") #必须要加上这一句，不然浏览器不认识 conn.send(b"hello") conn.close() 浏览器不通过服务端也可以渲染文本 HTML 什么是HTML HTML全称HyperText Markup Language，超文本标记语言，是一种描述性的标记语言。超文本：音频、视频、图片标记：称为标记，一个HTML页面都是由各种标记组成。 HTML的作用负责描述文档语义的语言编写HTML的规范 1）所有标记元素都要正确的嵌套，不能交叉嵌套。eg： <h1><a></a></h1> 2）所有标记都必须小写 3）所有标记都必须关闭双标签： <h></h1> 单标签： <img

【1010 | Day 41】前端之HTML

阅读更多关于【1010 | Day 41】前端之HTML

目录 HTML简介 1.1 web本质 1.2 HTML本质 1.3 HTML误区 1.4 HTML文档结构 1.5 HTML标签格式 1.6 HTML注释 1.7 HTML标签 1.8 特殊字符 1.9 div标签和span标签 2.0 块级元素vs行内元素 HTML简介 1.1 web本质浏览器发请求 HTTP协议（服务端在发送数据之前，需要先发送报头）服务端接收请求服务端返回响应服务端把HTML文件内容发给浏览器浏览器渲染页面 import socket s = socket.socket() s.bind(('127.0.0.1', 8080)) s.listen(5) while True: print('服务端已启动...') conn, addr = s.accept() data = conn.recv(1024) conn.send(b"HTTP/1.1. 200 ok\r\n\r\n") conn.send(b"Hello World :)") conn.close() 1.2 HTML本质超文本标记语言（Hypertext Markup Language, HTML）：一种用于创建网页的标记语言。本质：是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）

day39随笔——HTML基础

阅读更多关于 day39随笔——HTML基础

目录 HTML基础 HTML是什么 HTML的基本结构 HTML的标签格式标签的书写标签的语法几个重要的属性注释方式 HTML常用标签 head中的常用标签 meta标签的用法 body内的常用标签基本标签（块级标签和内联标签）特殊字符 img标签 a标签列表表格 HTML基础 HTML是什么超文本标记语言（Hypertext Markup Language,HTML）是一种用于创建网页的标记语言本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。根据不同的浏览器，对同一个标签可能又不同的解释（也就是兼容问题）。网页文件的扩展名：.html或.htm HTML的基本结构 <!DICTYPE html>#声明为HTML5文档 <html lang="zh-CN">#标记文档的开始并且设置了语言属性 <head>#定义了HTML文档的开头部分。head中的内容不会在浏览器的文档窗口显示。 <meta charset="UTF-8">#文档的元数据，可以设置如编码格式等数据 <title>标题</title>#定义了网页标题，在浏览器标题栏显示 </head>#head部分结束 <body>#body之中的文本是可见的网页主体内容页面内容 </body> </html> HTML的标签格式标签的书写双标签 <head></head

订阅 meta标签