一 使用HBuilder X创建HTML文档
点击右上角新建项目,普通项目里的基本HTML项目。
二 文本标记
- 实现段落(p)和段内换行(br)
- 设置标题样式(h1--h6)
- 文字居中(center)
- 文字段落首行缩进(blockquote)
三 列表
无序列表
ul(unorder list) li(list)
<ul>
<li>内容</li>
<li>内容</li>
.....
</ul>
有序列表
ol(order list) dl 与 dt 相连,级别依次递减。
<ol>
<dl>内容</dl>
<dt>内容</dt>
<dd>内容</dd>
......
</ol>
四 HTML标记及其属性
align属性设置段落的水平位置,属性值为center right left。
bgcolor属性设置背景颜色,text属性设置文本颜色。
font属性设置文字的字体(face),大小(size) ,颜色(color)。
文字标记 粗体显示<b></b> ,斜体显示<i></i>,下划线<u></u>,删除线<s></s>,强调<strong></strong>或<em></em>,上标<sup></sup>,下标<sub></sub>。
img标记设置图片
src属性指定图片地址(url),在插入的图片与HTML文件不在同一目录下时,采用路径的方式指定图片地址:相对路径分为3种情况,一为插入图片与HTML文件在同一目录下时,只需图片的名称即可,二为插入图片在HTML文件下一级的文件夹时,文件夹/图片的名称,三为插入图片在HTML文档上一级文件夹时,../文件夹/图片的名称,一个../表示上一级,../../文件夹/图片的名称 表示插入图片在HTML文档的上两级。 绝对路径是当使用其它网站的图片时用的。
alt属性为图片设置替换文本,在图片显示不出来时进行提示。
超链接<a herf="url"> 内容</a>,点击内容跳转到目标地址(url)。
书签链接 目标网页<a name="书签名">目标内容</a>,同页面的跳转:<a herf="#书签名">内容1</a> 当点击内容1时跳转到目标内容,不同页面的跳转:<a herf="目标网页.html#书签名">内容2</a> 当点击内容2时跳转到目标内容。