导图社区 Web编程基础--思维导图
Web编程基础知识思维导图，主要内容有网页概述、构建HTML页面、使用CSS技术美化网页三部分。
社区模板帮助中心，点此进入>>
英语词性
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
法理
刑法总则
【华政插班生】文学常识-先秦
【华政插班生】文学常识-秦汉
文学常识：魏晋南北朝
【华政插班生】文学常识-隋唐五代
【华政插班生】文学常识-两宋
Web编程基础
网页概述
什么是网页
网页有什么元素组成
网页分类
静态网页
动态网页
网页名词
Internet
WWW
URL
DNS
HTTP和HTTPS
Web
W3C组织
Web标准
结构：主要包括HTML、XML、XHTML
表现：通常使用CSS(层叠样式表)
行为：包括ECMAScript、BOM、DOM
子主题
互联网的三大浏览器
IE浏览器
火狐浏览器
谷歌浏览器
构建HTML页面
HTML文档基本格式
<!DOCTYPE>---文档类型声明
<html>---根标签
<head>---头部标签
<body>---主题标签
标签的分类
双标签
单标签（<br>、<hr>、<img>、<input>、<meta>、<link>）
标签的关系
嵌套关系
并列关系
页面格式化标签
标题标签 h1、h2、h3、h4、h5、h6
段落标签 p
水平线标签 <hr/>---单标签
换行标签 <br/>---单标签
标签的属性
HTML文档头部相关标签
<title> 设置页面标题
<meta/> 定义页面元信息
<meta name="名称" content="值"/>
设置网页关键字 keywords
设置网页描述 description
设置网页作者 author
<meta http-equip="名称" content="值"/>
设置字符集 <meta charset="utf-8">
设置页面自动跳转<meta http-equip="refresh" content="10";url=https://www.baidu.com>
文本样式标签
face：设置文字字体
size：设置文字大小
color：设置文字颜色
文本格式化标签
设置粗体
<b><//b>
<strong><//strong>
设置下划线
<u></u>
<ins></ins>
设置斜体
<i></i>
<em></em>
设置删除线
<s></s>
<del></del>
设置上下角标
上角标<sup></sup>
下角标<sub></sub>
设置版权符号
©
设置注册商标
®
图文混排
常见图像格式
GIF格式：支持动画，无损图像格式
PNG格式：体积小，支持透明，但不支持动画
JPG格式：色彩丰富，有损压缩
图像标签<img src="图像URL"/>
src 图像的路径
alt 图像不能显示时的替换文本
title 鼠标指针悬停时显示的内容
width
height
border
vspace 垂直边距
hspace 水平边距
align
绝对路径
网页上的文件或目录在硬盘上的真正位置
相对路径
图像与文件位于同一文件夹：只需输入图像文件名称即可
图像位于文件下一文件夹：输入文件夹名和文件名，之间用“/"隔开
图像位于文件上一文件夹：在文件名之前加入“../”
使用CSS技术美化网页
CSS样式规则
严格区分大小写
多个属性间必须用英文状态下分号隔开
若属性值由多个单词组成且中间包含空格，则需为属性值加上英文状态下的引号
引入CSS样式表
行内式
内嵌式
外链式
导入式
CSS基础选择器
标签选择器
类选择器
id选择器
通配符选择器
CSS字体样式属性
font-size：字体大小
font-family：字体（同时指定多个字体，中间用逗号隔开）
font-weight：字体粗细
normal：默认值，定义标准的字符
bold：定义粗体字符
bolder：定义更粗的字符
lighter：定义更细的字符
font-style：字体风格
normal：默认值，标准样式
italic：斜体
oblique：倾斜体
font综合设置字体样式：必须给出font-size和font-family
@font-face规则
CSS文本外观属性
color：文本颜色
letter-spacing：字符间距，允许负值
word-spacing：单词间距
line-height：行与行之间的距离
text-align：
left
right：块元素有效
center
text-transform：文本转换
none：不转换
capitalize：首字母大写
uppercase：全部转换为大写
lowercase：全部转换为小写
text-decoration:文本装饰
none：没有修饰
underline：下划线
overline：上划线
line-through：删除线
text-indent：首行缩进
white-space：空白符处理
normal：常规显示
pre：预格式化（按文档的书写格式保留空格）
nowrap：空格空行无效，强制文本不能换行
text-shadow：阴影效果
h-shadow 设置阴影水平偏移的距离
v-shadow：设置阴影垂直偏移的距离
blur：设置模糊半径
color：设置阴影颜色
text-overflow：处理溢出文本
clip：修剪溢出文本，不显示省略标签
ellipsis：用省略标签…替代被修剪文本
搭配使用：
white-spacing：nowrap 强制文本不能换行
overflow：hidden 隐藏溢出文本
text-overfllow：ellipsis 显示省略标签
word-wrap
normal：浏览器保持默认，只在允许的段字点换行
break-word：在长单词或URL地址内部进行换行
CSS复合选择器
标签指定式选择器
标签.类选择器{ }
标签#id类选择器{ }
后代选择器（嵌套）
并集选择器
CSS层叠性和继承性
CSS优先级：当有颜色冲突时，id>class标签
继承样式的权重为0
行内样式优先
权重相同时，CSS遵循就近原则
！important
设置服务器发送给浏览器的HTTP头部信息，为浏览器显示该页面提供相关的参数标准。
为搜索引擎提供信息
