流行的技术栈
-html
-css
-js
-flash(淘汰)
-node js
-vue
环境准备
- 推荐谷歌浏览器。其他360、遨游、微软edge、微软IE、火狐、Opera。
- 编辑器：pycharm Pro或sublime
html运行(查看网页)方式：
- 在pycharm文件中直接右键run运行
- 在windows资源管理器中双击用默认浏览器打开。
- 在py文件页面右上角中点击浏览器
HTML
HTML（hyper text markup language）:超文本标记语言。超文本，不止文本，还有视频、下载内容、用户交互等。
标记语言：编程语言有逻辑控制if else、变量、方法、类。标记语言相比较为简单，由信息和结构语法构成。
历史：HTML4 将要学习的内容。在HTML4的基础上，添加一些新的功能和语法，就是HTML5，h5，但是95%都是一样的。好像py2升级到py3一样。XHTML是一种语法严格版的HTML，用的不多。
<>：括住的叫标签，不同功能和结构。一般成对儿出现 开始<xxx>结束关闭</xxx>，标签中可以填写内容。标签可以没有闭标签。
<!DOCTYPE>声明，不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE>声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
<meta charset='utf-8'>标签形如：键=值 的形式，键叫做属性，属性可以设置标签的行为。
<meta charset='utf-8'>为元信息。
元素：标签加标签内的内容。
标签可以嵌套 , 代码风格：每一级标签缩进2个空格或4个空格。
<html>:网页的根节点
<head>:一些声明和引用和元信息
<body>:网页的主要内容
<p></p>:标签为成对出现，在html中定义段落
<!--注释-->:表示注释，在浏览器中不会显示
lang：属性，属于ISO语言代码，HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。
zh，表示中文
en，表示英文
详细见：http://www.w3school.com.cn/tags/html_ref_language_codes.asp
标签属性
meta标签：元信息，对象的一些基本信息。有多种属性。charset属性声明网页应该用什么字符集编解码。
<title></title>：网页标签页的标题
<h1>---<h6>：1级标题-6级标题
<p></p>：段落
<hr>：水平分割线
<b></b>：bold 加粗
<i></i>：italic斜体
<em></em>：强调
<strong></strong>：强调，加强语气
<small></small>：字体变细变小
<br/>或<br>：换行 通常用在<p></p>嵌套里 在一个段落里换行。
align：对齐方式，值有center(中心对齐)，left(左对齐)，right(右对齐)
style：定义文本样式
<a> anchor 超链接：从一个html页面跳转到另一个页面。签内容是热点区域。点击标签内容就会跳转。
锚链接
1.跳转到一个互联网网页
2.跳转本地项目其它网页
3.当前页面定位到某一地方
4.图片跳转
href：hyperlink reference 超链接引用。值是网址或其它html文件本地地址。
target：目标，链接打开方式。
_self， 默认值 , 在同一个浏览器当前页面刷新打开。
_blank， 在同一个浏览器中重新启动一个新的页面打开。
本地页面跳转某一处：先给标签id值，然后a标签的地址写成要跳转目的地标签的id值。
title 属性：鼠标指针在热点区域停留时出现的提示信息
id：id 属性规定 HTML 元素的唯一的 id
id 在 HTML 文档中必须是唯一的
参考网址（HTML全局属性）：http://www.w3school.com.cn/tags/att_standard_id.asp
图片属性：
src：图片资源地址
title：图片加载失败时会显示的title信息
background：插入背景图片
align：图片与文字的对其属性，
top 顶对齐
bottom 底对齐
left 左对齐
right 右对齐
width：属性，宽，单位：px（如果只定义宽，那么图片会等比例缩放）
height：属性，高（单位：px）
列表属性
<ol>：order list 有序列表
<li>：list 列表中的每一项
<ul>：定义无序列表
<dl>：definition list 标签定义了定义列表
<dt>：定义列表中的项
<dd>：定义dt中的项 dl标签通常用于结合dt和dd
type：规定在列表中使用的标记方式 默认为数字1，2，3 其中有i, I, A, a, 1
start：规定有序列表中的起始值
reversed：规定列表顺序为降序
表单属性
<form>：表单
<input>：输出
<label>：标签；可以写在input标签前面作为信息提示
<select>：下拉列表
<option>：下拉菜单的每一项
text：普通的文本输入框
password：密码输入框
 ：空格档
radio：单选。成组出现，所以只能选一个。
name 属性用于表单提交后向服务器传送数据
value 属性值只在提交表单时向服务端传递数据。如果一个 单选按钮处于选中状态，在提交表单时，单选按钮的值才会传递到服务端（未选中按钮是不会传递数据到服务端的）。
checkbox：复选框 成组数显，可以选0到多个。value属性是传给后台时的值
action：定义表单请求的链接地址（提交表单时所要链接的地址）
file：上传文件。注意在form头部先声明enctype属性，例如：在form表头定义<form action="https://www.baidu.com" enctype="multipart/form-data">在form中书写<input type="file" value="上传的文件">
textarea：文本域（适用于写较大的文本，如：个人意见）
readonly：只读，属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。（readonly 属性可以防止用户对值进行修改，直到满足某些条件为止【比如选中了一个文本域textarea】。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。），后面一般跟readonly，语法：<input readonly="value">
required：必须输入,非空，否则无法提交，后跟true（用于用户名，或实名认证），语法：<input required="required">
placeholder：placeholder 属性提供可描述输入字段预期值的提示信息（hint）
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的<input>类型：text, search, url, telephone, email 以及 password。
submit：提交表单，将数据传送到后台，<form>定义的请求地址
reset：重置表单
div
<div>主要就是表示一个容器，一个大盒子。许多的div块共同组成了一个网页（division/section）。
<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记<div>，那么该标签的作用会变得更加有效。
solid：实心的线
选择器
通常用于外部链接，html写内容，在css中定义
标签选择器：
body{}
派生选择器：空格表示层级关系
ul li strong{}
id选择器：在html中用id定义，在css中以#开头定义
#aaa{}
类选择器：在html中以class定义，在css中以.开头定义
.aaa{}
属性选择器：在html中有属性的定义方法，在css中以[属性]定义
[title='提示文字']{}
4251
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
