HMTL必学标签

2016-02-15  本文已影响93人  亮子丶
1.HTML <div>标签

<div>起分割作用,分割内容使用的常用标签

<div class="yanshi">演示</div>
2.HTML <span>标签

<span>常用布局标签

<span>内容</span>
3.HTML <a>链接标签

<a>链接可以从A页面跳转至B页面

<a href="网址" target="目标" title="说明">链接</a>

href:打开目标地址(网址)

<a href="http://www.hao123.com">网址导航</a>

target:打开目标方式,没有此标签默认在浏览页面中重新加载

1.target="_blank":新建标签网页窗口打开对应网址

<a href="http://www.hao123.com" target="_blank">网址导航</a>

2.target="_parent":所在网页重新加载

<a href="http://www.hao123.com" target="_parent">网址导航</a>

实现回到顶部

1、需要转到地方添加,<a href="#命名">文字</a>,注意href值是#开头+英文字母命名
2、需要在被转到位置添加,<span id="命名" name="命名"></span>,注意id和name值相同并且与a命名相同
4.HTML <br />换行标签

<br />

我要换行<br />已经换行 

5.HTML <p>段落标签

<p>实现文章换段落的效果

<p>段落1</p>
<p>段落2</p>

6.HTML <h1> <h2> <h3> <h4>标签知识

<h1>在一个网页中最好只使用一次,如对一个网页唯一标题使用。 <h2><h3><h4>标签则可以在一个网页中多次出现,但必要随意添加或添加过度。

7.HTML <b> & <strong>加粗标签

<b> <strong>加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者,<b><strong>加粗本质没有区别,用法语法也没有区别

1.<b>加粗</b>
2.<strong>强调</strong>

8.HTML <em><i>强调粗标签

<em> <i>告诉浏览器把其中的文本表示为强调的内容,这个与html I斜体标签相同效果。

1.<em>强调标签</em>
2.<i>斜体标签</i>

9.HTML <u>下划线标签

<u>下划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。

<u>下划线</u>

10.HTML <s>贯穿线标签

<s>签修饰的文字内容将被加删除线(文字中间划线)。

<s>删除线</s>

11.HTML <img>图片标签

<img>引入外部图片到网页中显示的标签

[站外图片上传中……(2)]

12.HTML 上标注<sup> & 下标注<sub> 标签教程

<sup>上浮内容

<sup>上浮内容</sup>

<sub>下浮内容

<sub>下浮内容</sub>

13.HTML <nobr>强制不换行标签

在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容

<p><nobr>强制不换行</nobr></p>
上一篇下一篇

猜你喜欢

热点阅读