html语言 | 易学教程

前端知识普及之HTML

阅读更多关于前端知识普及之HTML

本文采用问答模式,目的是深入HTML内部，去学习一些我们不经常关注，但却实实在在存在的problem. 文章内容略显装逼，如果大家受不了，请带好护目镜。什么是Doctype?能吃吗？我想使用过sublime的同学，应该会有一个snippets。 !+[TAB] 结果就是: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> 没错，不知不觉中，!DOCTYPE html已经变为标准了。没错，就是因为H5的出现。 Doctype就是用来告诉browser用什么文档标准来解析这个文档. 而!DOCTYPE html就是告诉浏览器使用h5的标准来解析文档。说起DocType的内容，这应该算是一段血泪史。一开始HTML是基于SGML来进行编译的，通过指定DTD，我们告诉浏览器使用哪一种DTD来对文档进行解析。在HTML5以前的title上，我们都需要指定某一个DTD。以前比较流行的有:HTML 4.01/XHTML. 分别各有3中。常见的就是比较宽松的DTD：比如:HTML4.01 Transtional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

HTML DOCTYPE 标签

阅读更多关于 HTML DOCTYPE 标签

HTML DOCTYPE 标签 Doctype是什么？点击查看详解 <!DOCTYPE> 声明帮助浏览器正确地显示网页。 web世界中存在着很多不同的文档，只有了解了文档类型，浏览器才能正确的显示文档。这就是 <!DOCTYPE> 的用处。 <!DoCTYPE>并不是html标签，它为浏览器提供一项信息（声明），即HTML是什么版本编写的。所有浏览器都支持 <!DOCTYPE> 声明。实例带有 HTML5 DOCTYPE 的 HTML 文档： <!doctype html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html> HTML 发展版本从 Web 诞生早期至今，已经发展出多个 HTML 版本：版本年份 HTML 1991 HTML+ 1992 HTML2.0 1995 HTML3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 2012 XHTML5 2013 定义和用法提示：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。 <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于<html>标签之前

【转】Python 之Web编程

阅读更多关于【转】Python 之Web编程

转： https://www.cnblogs.com/chenyanbin/p/10454503.html 一、HTML是什么？ # 　　htyper text markup language 即超文本标记语言　　超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素　　标记语言：标记(标签)构成的语言　　静态网页：静态的资源，如xxx.html 　　动态网页：html代码是由某种开发语言根据用户请求动态生成　　html文档树结构图：二、什么是标签？ # 　　- 由一对尖括号包裹的单词构成，如<html> 所有标签中的单词不可能从数据开头　　- 标签不区分大小写<html>和<HTML>，建议使用小写　　- 标签分两部分：开始标签<a>和结束标签</a>，两个标签之间的部分，叫标签体　　- 有些标签功能比较简单，使用一个标签即可，这种标签叫做自闭合标签，如：<br/>、<hr/>、<input/>、<img/> 　　- 标签可以嵌套，但不能交叉嵌套。如:<a><b></a></b> 三、标签的属性 # 　　- 通常是以键值对形式出现的，例如 name="alex" 　　- 属性只能出现在开始标签或自闭合标签中　　- 属性名字全部小写，属性值必须使用双引号或单引号包裹，如:name="alex" 　　- 如果属性值和属性名完全一样

HTML 全局属性

阅读更多关于 HTML 全局属性

New : HTML5 新属性。属性描述 accesskey 设置访问元素的键盘快捷键。 class 规定元素的类名（classname） contenteditable （ New）规定是否可编辑元素的内容。 contextmenu （ New）指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单 data-* （ New）用于存储页面的自定义数据 dir 设置元素中内容的文本方向。 draggable （ New）指定某个元素是否可以拖动 dropzone （ New）指定是否将数据复制，移动，或链接，或删除 hidden （ New） hidden 属性规定对元素进行隐藏。 id 规定元素的唯一 id lang 设置元素中内容的语言代码。 spellcheck （ New）检测元素是否拼写错误 style 规定元素的行内样式（inline style） tabindex 设置元素的 Tab 键控制次序。 title 规定元素的额外信息（可在工具提示中显示） translate （ New）指定是否一个元素的值在页面载入时是否需要翻译来源： https://www.cnblogs.com/zhiupping8/p/4871932.html

[php第一课]php简介

阅读更多关于 [php第一课]php简介

学习php前提：应有HTML与CSS知识 1、php简介　　[1]php是一种开源通用服务器端脚本语言。　　[2]PHP：Hypertext Preprocessor，译名为超文本预处理器　　[3]在服务器上执行　　[4]PHP文件：　　　　{1}PHP文件包含文本、HTML、JS、PHP代码　　　　{2}服务器上运行，以HTML形式返回给浏览器　　　　{3}默认文件扩展名为.php，格式：文件名+文件扩展名　　[5]php作用：跨平台、多功能，兼容性好，主要与数据库交互开发web应用。 2、php例子　　<!DOCTYPE html> 　　<html> 　　<body> 　　　　<?php 　　　　echo "wow php!";//输出wow php! 　　　　?> 　　</body> 　　</html> 3、php安装　　复杂：PHP+MySQL 　　简单：直接装PHP集成服务器组件，WampServer、XAMPP(linux下需要root权限)，phpstudy(windows不错) 　　IDE (Integrated Development Environment,集成开发环境）：Eclipse、phpstorm　　来源： https://www.cnblogs.com/XiaoHongLactasoy/p/12634870.html

CSS样式

阅读更多关于 CSS样式

CSS简介： CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。CSS目前最新版本为CSS5,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。 CSS语法： 1基本语法 selector { property: value} 　　（选择符 { 属性：值}）　　选择符可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开：　　body { color: black} 　　选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果是使页面中的文字为黑色。　　　　如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合：　　p { font-family: "sans serif"} 　（定义段落字体为sans serif）　　　　如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开：　　p { text-align:

web前端入门到实战：css基础-float浮动

阅读更多关于 web前端入门到实战：css基础-float浮动

float实现文字环绕图片效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>float</title> <style> body{ font-family: '微软雅黑'; } .per{ width: 400px; border: 1px solid #CCC; padding: 5px; } .red{ width: 100px; height: 100px; background: red; margin: 10px; float:left; } </style> </head> <body> <div class="per"> <div class="red"></div>层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1] CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 </div> </body> </html> 清除浮动的方法一：在浮动元素后面使用一个空元素专门建立的学习Q-q-u

Web 前端之HTML和CSS

阅读更多关于 Web 前端之HTML和CSS

Web 前端之HTML 和CSS HTML被称为超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,HTML使用标记标签来描述网页.HTML文档描述网页,包含HTML标签和纯文本,也被称为网页 CSS是指层叠样式表(cascading Style Sheets),样式定义如何显示HTML元素,把样式添加到HTML4.0中,是为了解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在CSS文件中. 以上为官方说法.通俗来说,HTML负责的是显示内容,CSS负责的是样式.他俩在一起就像是我买了房子以后需要装修一样. HTML 中的小细节 HTML的入门简单,基础知识浅显易懂. 首先,HTML中常用字符集有GBK,GB2312和UTF-8. <meta name=＂keywords＂>用于显示网页的关键字行级元素inline:不能设置宽和高,它的宽和高是内容撑开的.eg.<a><span> 块级元素 block:可以设置宽和高.默认情况下,它的宽和高由父元素决定.eg.<p><div><h1-h6><table><o><ul> 严格来说,image既不属于行级元素,又不属于块级元素,但通常人们都将他归类为行级元素,属于一个过渡元素.这是后话. 看过了基础的知识

web前端：html基本操作

阅读更多关于 web前端：html基本操作

1. HTML概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：djangomoan模版引擎) 总结： HTML其实就是一套规则，一套浏览器能够识别的规则； 2. 准备须知这里使用pycharm编辑器编写html： 1）打开pycharm，新建html文件； 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <html lang = "en" > <head> <meta charset = "UTF-8" > <title>Title< / title> < / head> <body> < / body> < / html> 2）html效果查看：编写html代码后，点击选择pycharm中html文件右上角显示的浏览器图标，查看效果展示；找到html文件路径，直接点击打开或者选择浏览器打开查看效果； 3. Doctype标准 Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档；有和无的区别 BackCompat：标准兼容模式未开启（或叫怪异模式[Quirks mode]、混杂模式

Html与css基础

阅读更多关于 Html与css基础

1、html的定义 (1)、html：超文本标记语言(HyperText Markup Language)，它主要包括"头"(Head)和"主体"(Body)两个部分，其中"头"部提供关于网页的信息，"主体"部分提供网页的具体内容。 (2)、头部元素基本由head(头部)，meta(设置文档标题和其它在网页中不显示的信息)，base(文档中不能被该站点辨识的其它所有链接源的URL)，title(文档的标题)，link(定义一个链接和源之间的相互关系)，sricpt(脚本语句标签,引入外部js文件或写入js文件),style(写入css样式)七个部分组成。 (3)、经常使用的元素来源： https://www.cnblogs.com/poem-ko/p/5578815.html

订阅 html语言