一 在文本中使用的标签
<p>x</p> 段落标签
<h1>x</h1> 标题标签1-6
<br /> 换行
<hr> 水平线
<b>x</b> 加粗
<i>x</i> 斜体
<strong>x</strong> 加粗, 带语义标签
<em>x</em> 斜体, 带语义
二 插入图片 < img>标签
- 常用的属性;
* width : 宽度
* height: 高度
* src : 指定文件路径
* alt: 图片加载失败时的提示内容
三 列表< ul>< ol>标签
< li> 列表项
- 无序列表: ul
- type: 小圆圈,小圆点, 小方块
- 有序列表: ol
- type: 1,a ,A,I,
- start : 指定是起始索引
四 超链接< a>
常用的属性:
- href: 指定要跳转去的链接地址
- 如果是网络地址需要加上http协议 ,
- 如果访问的是本网站的html文件,可以直接写文件路径
- target : 以什么方式打开
- _self: 默认打开方式,在当前窗口打开
- _blank: 新起一个标签页打开页面
五 字体< font>标签
- 常用的属性:
- color: 颜色
- size: 大小 1~7
- face: 改变字体
六 表格 < table> 标签
< table>标签
- border:指定边框
- width :宽度
- height :高度
- bgcolor :背景颜色
- align : 对齐方式
< tr>行标签和 < td>列标签
- colspan: 跨列操作 合并同行两个单元格
- rowspan: 跨行操作 合并同列两个单元格
七 表单 < form> 标签
常用的属性:
- action : 直接提交的地址
- method :
- get 方式 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k
- post 方式 会将参数封装在请求体中, 没有这样的限制
输入框< input> 标签
-
type: 指定输入项的类型
- text : 文本
- password : 密码框
- radio : 单选按钮
- checkbox : 复选框
- file : 上传文件
- submit : 提交按钮
- button : 普通按钮
- reset : 重置按钮
- hidden : 隐藏域
- date : 日期类型
- tel : 手机号
- number : 只允许输入数字
-
placeholder : 指定默认的提示信息
-
name : 在表单提交的时候,当作参数的名称
-
id : 给输入项取一个名字, 以便于后期我们去找到
文本域< textarea> 标签
- cols : 指定宽度
- rows : 指定的是高度
下拉列表< select>标签
- option : 选择项
框架标签 < frame>
< frameset>标签
< frame>标签是整个框架,里面嵌套了好多< frame>
注意: 使用了frameset必须将body删掉,否则页面会有问题
常用属性:
- src: 引入的html文件路径
- name: 指定框架的名称
- rows:横向切割成两部分
- cols:纵向切割成两部分
HBuilderX常用快捷健
Ctrl + D 删除光标当前所在的行
Ctrl + Shift + R 复制当前行到下一行
Ctrl + Enter 将光标移动到下一行
Ctrl + Shift + Enter 将光标定位在上一行
Ctrl + Shift + / 注释当前行
Ctrl + R 运行当前网页/刷新当前网页