HTML相关内容(一)

一 使用HBuilder X创建HTML文档

点击右上角新建项目,普通项目里的基本HTML项目。

二 文本标记

  1. 实现段落(p)和段内换行(br)
  2. 设置标题样式(h1--h6)
  3. 文字居中(center)
  4. 文字段落首行缩进(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时跳转到目标内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值