一些简单的H5标签

<meta charset="utf-8"> 网页编码格式
<b>  加粗
<Strong></Strong> 加粗 比较强调

<br> 强制换行
<wbr> 安全换行

<i>倾斜
<em> 强调倾斜

<s> 删除线
<del> 强调删除线

<u> 下划线
<ins> 强调下划线

<small> 小号字体

<sub> 下标
<sup> 上标

<code>输入输出  没什么效果 英文格式下
<var> 倾斜
<samp>    英文格式下
<kdb> 输入   英文格式下


<abbr> 表示缩写  用于css样式设置

<dfn> 倾斜

<q></q> 加双引号

<cite> 引用标题  斜体

<ruby> <rp>  <rt> 语言元素

<bdo dir="rtl">  设置文字方向

<mark></mark> 黄色的背景  黑色的字  突出

<time> 日期和时间

<span></span> 表示一般性文本

<a href="http://baidu.com">百度一下</a>  超链接

<a href="http://baidu.com" target="self">百度一下</a>  当前页打开

相对路径:自动识别查找路径 在同一个目录或磁盘上

绝对路径:不建议使用

./index.html 、index.html 同一目录
xxx/index.html 子目录
xxx/xxx/index.html  孙子目录
../index.html  父亲目录
../../index.html 爷爷目录

锚点设置
链接
<a href="#1">第一章</a>
<a href="#2">第一章</a>
<a href="#3">第一章</a>
锚点  id也可以
<a name="1"></a>第一章
<a name="1"></a>第二章
<a name="1"></a>第三章

段落:<p></p>

 <div></div>

引用大段他出内容 <blockquote>

展现格式内容<pre></pre>

水平线 <hr>

无序列表
<ul><li></li></ul> 黑点
有序列表 reversed 倒序 type 编号类型
<ol start="1" 从第几个序列开始><li></li></ol> 数字

生成说明列表
<dl><dt><dd>

使用插图
<figsure>
<figcaption>
<img src="图片路径">
</figcaption>
</figsure>

表格元素
<table> 表示表格
<tr>  表示一行单元格
<td> 表示单元格
<thead> 表示标题行
<tfoot> 表示表脚
<tbody> 表示表格主题
<th> 表示标题单元格
<col> 表示一列
<colgroup> 表示一组列
<caption> 表示表格标题

border="1" 表格属性 默认为0
colspan  合并单元格 横向
rowspan  纵向合并单元格

background:red 背景颜色

header 首部 <hgroup>

footer 尾部

<h1>-<h6> 标题 从大到小

<section> 文档的主体部分

<nav> 添加导航

<article> 添加一个独立成篇的文章 可以包含(header section footer)

<aside> 生成注释栏 例如博客侧栏 可以包含<nav>

<address>  表示文档的联系信息

ismap  点击图片获取坐标

map 分区响应图

<iframe>  嵌入式元素标签

<embed> 嵌入式插件

object param 元素

<progress>  显示进度

<meter> 显示范围值 10——100 low=“40”黄色 optimum 最佳值



inherit 强制继承 border属性元素


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值