企业官网建设流程全解析

一.笔记

路径

1.整页变大/小：ctrl+shift+“+”/“-”
2.相对路径
./a/:到a文件一级
…/返回上一级
…/…/…/向上返回三级
3.绝对路径：本地绝对路径（不常用）
网络绝对路径（ex E:/[表示E盘]）
4.图片格式
jpg格式：有损压缩，不支持透明背景，不支持动态图（ex 宣传图）
png格式：无损压缩，支持透明背景，不支持动态图（ex logo,重要配图）
bmp格式：不进行压缩，保留细节更多（网页很少使用，用于一些大型游戏）
1MB=1024KB
gif格式：支持颜色较少，支持简单透明背景，支持动态图
webp格式：具备上述几种格式的优点，但兼容性不强
base64格式（在浏览器上搜索图片base64）

超链接

1.a标签（里面不能写a标签，其余都可以）：行内标签
<a,herf=" " target="填 ">
_self:在当前页签中打开【默认（可不写）】
（缓存：ctrl+shift+Del）
_blank:在新页签中打开
2.zip:压缩包（浏览器不能直接打开）
3.download:强制下载
4.跳转锚点
看灰太狼
锚点：(在img上方)或者

(id最好不要数字开头)
回到顶部
刷新页面
弹窗
5.拨打电话： 电话联系
发送邮件： 邮件联系
发生短信： 短信联系
6.手机使用：

列表

1.有序列表（Ordered list）

1. 
   
   1. 
      
   2. 
      
   
   ex:
   

2.无序列表 (Unordered list)

• 
  
  • 
    
  • 
    
    • 
      ex:
      

3.自定义列表 (Definition list)

dt:术语名称
dd:术语描述

ex:   2.li 最好不要单独使用 可以这样使用 3.列表可以嵌套 

4.自定义列表中一个术语名称可以有多个术语描述

表格（标题+头部+主体+脚注）

1. 行：tr

表格：table
标题：caption
头部：thead 单元格：th
主体：tbody 单元格：td
脚注：tfoot 单元格：td
2. <table border=“1” width=“500” height=“300”，cellspacing=“”>(1像素的边框)
加边框：border
大于1：只能调整的是最外层的边框
height不能调整头部和脚注
cellspacing:单元格之间的距离
3.thead只能写height
4.
align: 单元格水平对齐方式（left center right）
valign:单元格垂直对齐方式 （top middle bottom[底部] ）
5.tbody，tfoot,tr，td,th同thead一样
6.Alt+shift拖动鼠标选中多行
Alt+shift+向下箭头：把当前一行向下复制一行
ctrl+shift+K:删除一整行
7.colspan="5"跨五列（横）
rowspan="4"跨四行 （竖）
8.换行标签

ex

分割线<hr>


按原文显示

表单（form:收集用户数据）

1.<formaction=‘’ https://www.baidu.com/s’'(选择搜索软件,访问别人端口)target="_self(在本页签中打开) /_blank(在新页签中打开)"method=“get(默认)/post”>

输入：

5.重置按钮
重置

6.普通按钮
<button type=“button”>检测账户是否被注册
7.文本域

8.下拉框

江苏

selected表示默认选项

9.禁用控件
<inputdisabledtype=“radio” name=“sex” value=“female”>女 :表示不能选女
disabled表示不可以更改
10.labe标签(表示这两个相关联，点哪一个都可以填写)
第一种：账户
(这两行代码顺序不是一定的)
for 与id要一样
第二种：


11.
主要信息



12.总结

框架标签

1.iframe嵌入网页/其他内容

frameborder="0/1"表示边框为0 2.**与超链接的target属性配合使用** 点我看新闻 *target与name一样* 3.**与表单的target属性配合使用** 搜索

字符实体

1.&nbsp；:表示一个空格
2.&#160；表示一个空格
3.&lt；：表示<
4.> : 表示>
5.& :表示&
6.¥ :表示人民币￥
7.© :表示©️版权
8.× :表示乘法符号
9.÷ :表示除法符号

作业

结果

有哪位大佬告诉我到底哪里错了！！！！！