html常用标签整理

html标签格式

1.html标签是由尖括号包围的关键字,如:<html>,<div>,<span>等;

2.html标签通常是成对出现,如:<div></div>,第一个是开始,第二个有斜线的是结束;

3.有些标签是单独呈现的,如:<br/> 、<hr/>

html注释:

<!--注释内容--> #找到一行内容ctrl+/能快捷注释,注释的内容不会在网页上显示出来

body常用标签

基本标签

<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>

<p>段落标签</p> #独占一个段落

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

<!--换行-->
<br>

<!--水平线--><hr> #就是单独个一个水平线

每次加上一些内容,记得保存再刷新一下才会显示出效果来;

 

实体元素

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)

 

 

 

 

空格

 

&nbsp;

 

&#160;

 

<

 

小于号

 

&lt;

 

&#60;

 

>

 

大于号

 

&gt;

 

&#62;

 

&

 

和号

 

&amp;

 

&#38;

 

"

 

引号

 

&quot;

 

&#34;

 

'

 

撇号 

 

&apos; (IE不支持)

 

&#39;

 

 

 

&cent;

 

&#162;

 

£

 

 

&pound;

 

&#163;

 

¥

 

人民币/日元

 

&yen;

 

&#165;

 

 

欧元

 

&euro;

 

&#8364;

 

§

 

小节

 

&sect;

 

&#167;

 

©

 

版权

 

&copy;

 

&#169;

 

®

 

注册商标

 

&reg;

 

&#174;

 

 

商标

 

&trade;

 

&#8482;

 

×

 

乘号

 

&times;

 

&#215;

 

÷

 

除号

 

&divide;

 

&#247;

div标签和span标签

这两个标签没有特别的样式,<div>xxxx</div>,<span>xxx</span>这是两个标签最大的特点,可以通过CSS来控制,网站中多数是他们;

div标签用来定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现;

span标签用来定义内联(行内)元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现;

块级元素与行内元素的区别:

块元素,是另起一行开始渲染的元素,行内元素则不需另起一行。单独在网页中插入这两个元素,不会对页面产生任何的影响;

这两个元素是专门为定义CSS样式而生的;

标签嵌套:通常块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素;div是可以包含div的;

p标签比较特殊,不能包含块级标签,p标签也不能包含p标签;

 

 img标签 

<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)">

 

a标签 

 超链接标签:指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。

<a href="http://www.baidu.com" target="_blank" >点我</a>

列表 

1.无序列表

<ul type="disc">
<li>第一项</li>
<li>第二项</li>
</ul>

type属性:

  disc(实心圆点,默认值)
  circle(空心圆圈)
  square(实心方块)
  none(无样式)

2.有序列表

<ol type="1" start="2">
<li>第一项</li>
<li>第二项</li>
</ol>

type属性: start是从数字几开始

  1 数字列表,默认值
  A 大写字母
  a 小写字母
  Ⅰ大写罗马
  ⅰ小写罗马

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值