码迷,mamicode.com
首页 > Web开发 > 详细

html基本标签

时间:2020-02-25 19:46:23      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:默认   col   span   none   有序列表   长度   下划线   水平线   文字   

1、加粗标签

<b> </b>只有视觉效果,只占据自己内容位置的大小

<strong> </strong>有强调作用,有视觉效果,只占据自己内容位置的大小

2、下划线标签<u> </u>

特征:只占据自己内容位置的大小,给文字添加下划线

3、换行标签<br>

4、水平线标签<hr>或者<hr/>

5、<sub> </sub>下标标签

例如:O<sub>2</sub>+2H<sub>2</sub>=2H<sub>2</sub>o   效果o2+2H2=2H2o

<sup> </sup>上标标签

例如:4<sup>2</sup>+3<sup>3</sup>  效果:42+33

6、段落标记<p></p>

特征:单独占据一行,可以嵌套文本非单独占据一行的,里面不能放<h1>--<h6>标签,不能<p>标签套<p>标签。

7、文本节点标签<span style="color:red; "></span>一般结合css体现样式,只占据自己内容位置的大小

8、特殊符号

&nbsp;空格标签

&lt;左尖括号

&gt;右尖括号

&copy;版权号

其它特殊符号百度搜索“特殊符号对照表”

9、列表标签

<ul> <li></li></ul>无序列表标签. type="disc/square/cicle"实心圆/方块/空心圆,通常不用

list-style:none 去掉小黑圆点

特征:单独占据一行,通常用作导航,列表

例如:

<ul type="circle">
        <li>从未有过</li>
        <li>保险公司</li>
        <li>不锈钢</li>
        <li>成本预测</li>
</ul>

<ol> <li></li></ol>有序列表type="a/A/1/i/I"声明修饰符号,start="3"从第三个开始   属性规定列表的开始点

例如

<ol type="I" start="3">
        <li>从未有过</li>
       <li>保险公司</li>
        <li>不锈钢</li>
        <li>成本预测</li>
</ol>

<dl> <dt> </dt> <dd></dd><dd></dd> </dl>自定义列表标签

特征:单独占据一行,一般用来做双导航,一个dl里面只有一个dt,y可以有多个dd.

10、超链接标签<a href="跳转地址"  target="页面打开方式"  title="鼠标移入的提示文本"  rel="nofollow"></a>

target="-self / -blank"   在当前页面刷新(默认值)/在新窗口打开

rel="nofollow"指定当前页面与链接页面的关系

11、图片

.jpg 普通格式(常见格式)

.gif  动态图

.png 背景透明图片

<img src="图片路径“ alt="文本信息”  title="提示文本” width="200px" height="300px"> 只写高度或者宽度,另一边等比例缩放。当图片不能加载出来时,显示alt="显示内容",alt长度字符不能超过100个字符,图片加载成功,显示title的内容。没有特殊意义的时候,可以不写。

12、绝对路径:从盘符出发的路径,域名地址

相对路径:相对于一个文件夹     ../返回上一级目录   ./在当前目录

13、<div></div>盒子标签,用来搭建页面结构

14、注释<!--      -->

html基本标签

标签:默认   col   span   none   有序列表   长度   下划线   水平线   文字   

原文地址:https://www.cnblogs.com/xsqlj/p/12360976.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!