文章目录
- 页制作
-
- 准备工作
- 具体内容
-
- HBuilderX简单使用
- 注意事项
- 博客写作
- 新闻列表
- 图片的使用
- 图片的下载与切图
- 补充命令
- 百度云盘制作
- 表格制作
- 简历制作（六行七列）
- 登录表单
- 表单补充
- 认识CSS
- 容器
- 布局
- 页面导航
- 选择器的权重
页制作
准备工作
- 代码编写工具 HBuilderX-高效极客技巧(dcloud.io)
- 浏览器 Chrome浏览器
具体内容
HBuilderX简单使用
1.创建新项目
注意事项
超文本 写在里的文本
写代码时要有代码缩进
当一个标签出现在另一个标签内部时，使用tab键进行缩进
博客写作
1.标签成对出现 h1 /h1
2.h1 标题标签 字体变大加粗
3. ； 代表一个空格，若想文字中间有空隙可连续输入
有1-6 数字越大标题越小
4.i 斜体
5.hr 单标签 分割线
6.p 段落标签 使输入的内容独立成一段
7.b 字体加粗
8.br 单标签 在一句话中想要再分成两段则在句前输入
3.无序列表
- 实心圆
-
- 数字排序
- 先按照需求制作简单的表格
- height=“40px” 行高，写在tr后面
- 合并单元格：可以理解为删除多余的单元格，只留一个，重新设置长宽
- colspan=‘7’ 合并行，表示整个单元格长度达7列，写在td后面
- rowspan=“4“ 合并列，表示整个单元格高度达4行，写在td后面
- align=“center“ 进行居中对齐
-
代表登录表单
- 表示输入，可使表单呈现文本框，密码等
- Action =后面跟 址，即表单的提交地址，写在form后面000000000000
- 表格标题
变为
会使文字居中加粗显示
同时设置前六列的宽度 表示最后一列宽度单独设置 - post请求 提交数据，不需要服务器反馈，将数据以隐蔽的形式发给服务器，通过F12可以看到
- get请求 获取数据，会有服务器反馈
- get请求发送的数据都写在地址栏上，用户可见
- post请求发送的数据用户不可见
- get请求不能提交大量数据，但post可以，因此不要混用
- 小写字母排序
- 大写字母排序
- 小写罗马数字排序
- 大写罗马数字排序
5.超链接
文字在当前页面打开链接
3.需要在一张图片里截取小图片
打开PS软件，长按切片按钮，选择切片工具，进行选取切片
可按alt+鼠标滚轮放大图片，截取细节
截取完成后按ctrl+alt+shift+s可快速保存截取图片，选上tng24，透明度
在切片选项处选择所有用户切片
表格制作
代表表格
代表行
表示单元格
代表一列 写在第一个 的上一行， 简历制作（六行七列）
登录表单
表单补充
认识CSS
CSS ：用来修饰 页样式的语法，也叫做重叠样式表
style 表示风格、样式 ，写在input里
style=“color:red” 字体变为红色
style=”width：80px；height：30px”按钮的宽度高度
background-color：darkseagreen；按钮背景颜色
若有想要的颜色可用颜色拾取器来确定颜色编 写在：后容器
span,一个容器标签，双标签，不具备任何特殊功能，仅当作容器来使用。用于包裹一段文本，便于给文本增加样式。
style=“background-color: gray;”写在p标签后，颜色会占一行
font -size 调节字体大小
div 一个通用容器标签，双标签，不具备任何特殊功能，仅当作容器来使用。可以包裹任何内容，也可以容器直接互相包裹。在容器为空时，默认宽度100%，高度为零 。
margin：auto； 容器居中
text-align: center; 让内部元素水平居中布局
div id=”banner”横幅
div id=”navigation”导航器
div id=”bottom”底部
在body后输入 style=“margin：0；” 可使图片充满边框
写在html后的命令可改变整个页面当对标签里的style有大量的重复或修饰时，可用
标签
class 类别 如class=“nav” 在
- 空心圆
- 实心方块
4.有序列表