作用:设计网页的基础,HTML5现在流行
1.文本设置
常用标记
<h></h> 标题 标题大小1-7 变小
<p></p> 段落
<br/> 简单换行
<b></b> 加粗
<i></i> 斜体
<strong></strong> 加粗,带语义标签。搜索引擎更容易接受。
<em><em> 斜体,带语义。搜索引擎更容易接受。
<hr/> 水平分割线
<font>标签的属性 font的意思是字体,字形
color 大小 <font color=”red”> </font>
size 颜色 <font size=”1”> </font> 字体大小范围 1-7 变大
face 字体
Ctrl+R 运行/网页刷新
HBuilder 常用快捷键
Ctrl+D 删除光标所在的行
Ctrl+Shift+R 复制当前行到下一行
Ctrl+Enter 将光标移动到下一行
Ctrl+ Shift + Enter 将光标定位到上一行
Ctrl+ Shift +/ 注释当前行
2.图片设置
标签
<img>
src 设置图片路径
width 设置宽度 写像素和百分比都可以
height 设置高度
alt 文件加载失败时的提示信息
例子<img src=” ” width=“1000px” height=”200px”/ alt=”图片可能出问题了”>
路径问题
./当前路径
../上级路径
../../上上级路径
3.网页友情链接
a链接标签
无序列表
<ul type=” ”>
<li> 列表项 </li>
<ul/>
Ul 有type属性:小圆圈,小方块,默认小黑点
有序列表
<ol>
<li>列表项</li>
</ol>
常用属性
Type指定序号的类型 a或者1
Start 指定开始序号 只能是数字
B超链接标签 a
标签属性
href 指定要跳去的链接,要带上http协议 <a href=” ”>
target 指定打开方式
self 默认打开方式,在当前窗口打开。如果访问的是本网站的HTML文件,可以直接写文件路径
blank 打开一个新页面
4.表格标签 table
tr 行标签
td 列表标签
table 的常用属性:
width 设置表格宽度
height 设置。。。
border 设置边框
bgcolor 设置背景颜色,也可以单行单框设置
align 对齐方式,也可以单行单框设置
表格的合并
colspan 跨列合并 <li colspan=”2”> 跨两行合并
rowspan 跨行合并 从第几个列表项开始操作,就在第几个列表项上设置。
占了哪个列表项的地方需要删除对应的列表项
表格的嵌套。在对应的列表项中建立表格即可
5.表单标签 input
属性
1:type=“”指定输入项类型
Password密码,
radio单选,单选时候 radio 设置name=””.取同一个名字可以确保是单选
txt文本.
Textbook 多选。
textarea文本区域
Select 列表选择标签,子标签是option。
Submit 提交。后面高跟一个value标签,用来写入提交框的文本内容,不设置的话,会用浏览器默文本内容。
Date 日期选择框
2.Name 指定输入项的内容
3.Placeholder 表单项提示内容
6表单标签 form, 用来存放需要提交的信息
属性:
action 设置表单返回的地址
method 设置打开方式
常用两个选项,是打开方式
Post 会将参数封装在请求体中,没有大小限制
Get 默认打开方式,将参数拼接载链接后面,有大小限制
7框架标签freamset 如果使用freamset,需要将body去掉
属性 cols(按列划分页面)/row(按行….)=”所占百分比”
子标签fream 单标记
子标签属性:src=“html文件”