前端知识之HTML内容

body内常用标签

<b>加粗</b><i>斜体</i><u>下划线</u><s>删除线</s><p>段落标签1</p><p>段落标签2</p><p>段落标签3</p><p>段落标签4</p><p>段落标签5</p><h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6><!--换行--><br><!--水平线--><hr>

效果：

==========================================

div标签和span标签

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

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

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

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

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

注意：

关于标签嵌套：通常块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其他内联元素

p标签不能包含块级标签。

img标签

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

a标签

超链接标签

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

href属性指定目标网页地址。该地址有几种类型：

1、绝对URL-指向另一个站点（比如 href="http://www.sogo.com"）

2、相对URL-指当前站点中确切的路径（比如href="index.htm"）

3、锚URL-指向页面中的锚（比如href="#top"）

target：

* _blank表示在新标签页中打开目标网页

* _self表示在当前标签页中打开目标网页