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)]
-
<src>
图片路径 -
<width>
设置图片宽度 -
<height>
设置图片高度 -
<alt>
设置对这张图片文字描述,通常设置描述为了搜索引擎能读懂你这张图片表达的内容(有利于搜索引擎优化因素而使用)
12.HTML 上标注<sup>
& 下标注<sub>
标签教程
<sup>
上浮内容
<sup>上浮内容</sup>
<sub>
下浮内容
<sub>下浮内容</sub>
13.HTML <nobr>
强制不换行标签
在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容
<p><nobr>强制不换行</nobr></p>