html简单标签介绍
2016-10-15 16:08
531 查看
html标签介绍
1)块级(block)标签<div></div>
特点:
独占一行
h1~h6 标题
特点:
1)有字体大小的设置
2)文本有加粗强调设置
3)上下文之间有较大间距
p 段落
特点:
1)独占一行
2)上下文之间具有距离
ul li (无序列表)
特点:
1) 配合使用
2) ul li都独占一行空间
3) ul 上下文之间有很大空间
4) li与列表的样式显示(默认点状),并且由文本缩进
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
ol li (有序列表)
<ol>
<li>列表1</li>
<li>列表2</li>
</ol>
dl dt dd(自定义列表)
特点:
1)dl dt dd独占一行空间
2)dl上下文之间有很大欧诺关键
3)dd有文本缩进
<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
<dd>列表内容</dd>
</dl>
2)行内(内联inline)标签
span
特点:
1)最干净的内联标签(没有任何修饰)
2)不独占一行
a 超链接
特点:
1)不独占一行
2)点击可以发生跳转(或进行对应操作),语法颜色为绿色
3)文本具有颜色,具有下划线,指向后光标为手型,有状态的色彩提示
文本修饰标签
<u>下划线修饰</u>
<i>斜体修饰</i>
<b>加粗</b>
<em>强调</em>
<strong>加粗</strong>
<s>删除线</s>
<sup>上标</sup>
<sub>下标</sub>
img
src="图片地址"
绝对路径
http://www.baidu.com/car.jpg
http://www.briup.com/demo/one.html
<img src="http://www.baidu.com/car.jpg">
相对路径 one.html或 ../a.jpg
相关文章推荐
- html标签的简单介绍和使用1
- HTML及简单标签介绍
- html标签的简单介绍和使用3
- HTML基本介绍与简单标签
- 【学习摘记】马士兵HTML & CSS_课时1_html简单介绍和meta标签
- 南大软院大神养成计划——html 的简单介绍及一些标签的使用
- 入门:HTML的基本标签和属性简单介绍
- HTML基本介绍与简单标签
- HTML常用标签介绍以及用到的简单Emmet语法
- HTML基本介绍与简单标签
- 网页、HTML标签的简单介绍
- HTML基本介绍与简单标签
- HTML基本介绍与简单标签
- 入门:HTML的基本标签和属性简单介绍
- HTML标签和CSS样式的简单介绍
- HTML中<div>标签的一个简单的使用和介绍
- HTML5<canvas>标签:简单介绍(0)
- HTML基本介绍与简单标签
- HTML基本介绍与简单标签
- web开发之简单常用的HTML标签使用介绍