Please enable JavaScript.

Coggle requires JavaScript to display documents.

html (网站网页概念 (流程 (前端 (页面布局 div css, 美工 photoshop, 动态效果js), 后端 (后台程序, 后台数据库…

- - - - 帮助标签完善功能
  - - - 页面布局 div css
      - 美工 photoshop
      - 动态效果js
    - - 后台程序
      - 后台数据库
      - 上线运营
- - - - 设置编码 meta charset="UTF-8" 乱码 html设置编码和文档本身的编码一致
      - 标题栏内容 <title></title>
      - 关键词
        
        meta name =“keyword” content=“seo关键词”
      - meta name="description" content="描述" 重复关键词
    - - 链接<a href ..> 元素 </a>
        
        链接属性 href= ’url‘
        
        在什么位置打开 target=“_blank"
        
        显示提示 title=”提示“
        
        锚链节用#其他标签的id
      - 图片单标签<img .. />
        
        图片路径 src=”路径“
        
        宽高 width height 像素 (单设等比例）
        
        加载不成功提示文字 alt 优化为了搜索引擎
        
        图像地图用dw 用三个形状工具（矩形，圆形，任意形状）进行跳转 image 标签定义 usemap=“name”
        再新建area标签形状位置链接
        
        相对路径起点当前文件的路径 /网站的根
        绝对路径 http..文件等
      - 注释
        
         说明你是如何组织网页的
      - 控制文本类标签
        
        标题 h 1-6 1为唯一 2可多个
        
        f12 选文本随便改回车或选别的地方就显示
        缓存在本地的文件
        
        文本样式
        
        字体用户系统中必须有
        
        字号2em倍数 px像素
        
        网页开发三部曲
        
        根据内容选标签
        
        给元素加样式
        
        给元素定位置
        
        首行缩进
        
        行缩进
        
        强调 strong加粗
        
        倾斜 em
        
        下滑线 u
        
        无意义文字标签 span
        
        实体名称左右尖括号空格等
        
        按文本的格式原来的样子输出包含回车空格等<pre></pre>
        
        列表有序ol 无序ul 自定义dl（dt标题 dd内容）
        li内容
        
        表格 table 行tr 单元格td hbuild快捷方式 tr5>td{内容}6
        
        border width height align valign bgcolor
        
        合并单元格方法：
        1.找要合并的单元格
        2.保留要合并的单元格的第一个删掉后面的
        3.给保留格指定行、列数左右colspan rospan
        dw图形编辑右键合并
      - 表单
        
        把里面的内容一起发送有get post
        
        get ？dd&dd&
        
        格式
        
        <form action="网址" method=“get/post">
        </form>
        
        <input type="text..." name.. />
        
        radio要在同一组复选框在名称后加[]表示放在同一数组中
        
        属性 disabled 选中checked selected
        
        <textarea></textarea>
        
        <select> <option></option>.. </select>
        
        如果有value 发送否则发送标签内容
      - div+css
        
        div-divison 区块分割
        无意义的容器标签
        承载内容
        
        块级标签
        
        可设置宽高
        
        独占一行
        
        行级元素不能设置宽高同一行
        
        行内块级元素同一行img form
        
        css cascading style sheet
        层叠样式表
        承载样式
        
        头部嵌入式定义
        
        <style>
        p{
        color:red;
        }
        </stye>
        
        选择器标签名 #ID名 .类名
        
        父子父空格子
        
        交叉选择两个标签之间没有空格一般后一个是类 p 和span 都是同一类 p.类只选p标签
        
        群组选择多个并且相互独立
        a,b,c{
        
        通用选择选择所有 *
        
        伪类选择器
        
        3 more items...
        
        继承性继承文字相关的
        
        叠加性不同选择器给同一个元素加不同的样式
        相同的样式跟优先级有关
        
        优先级低高继承<浏览器默认<通用<标签<class<id<子代<行内
        选择的越精确越高
        
        行内属性定义 <h1 style="color:red;..." >..
        
        外部文件引入
        
        <link rel="stylesheet" type="text/css" href="hd.css"/>
        
        在css中引入 import url("路径文件“）；
        
        盒子模型概念
        
        网页是以多个盒子通过纵向横向嵌套等排列堆积而成无边框无背景色
        
        内边距padding 边框boader 外边距margin -top left bottom right
        
        实际宽度等于宽度加其他的
        
        外边距上下合并左右累加二参数auto元素居中
        
        块级元素跟父级一样，行内元素根据内容
        
        行级只有左右没有上下边距
        
        改为行块 display：inlin block
        
        转成行内块级元素 inline-block
        
        隐藏 display：none
        
        overflow 溢出不管 hidden auto自动加滚动条 scroll总有滚动条
        
        float
        
        left 同一行正常div 忽略上一行的float 但是会挤出内容用来做文字环绕父级宽度不够会移到下一行直到有阻碍子撑不开父（加溢出hidden就撑开了特殊用法）
        
        定位position
        
        绝对absolute 离最近有定位的父级元素定位
        
        相对
        relation 相对于原来的位置，原来的位置还保留
        
        固定
        
        层级