HTML基础学习三-CSDN博客

本文链接：https://blog.csdn.net/hym_eric/article/details/77905696

注意：<code>元素不保留多余的空格和折行，但是可以在<code>加入<pre>解决。

HTML CSS

通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。

例如：

使用样式表

当浏览器读到一个样式表，他就会按照这个样式表来对文档进行格式化，有三种方式插入样式表。

外部样式表：

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。

如：

<head>
<link rel="stylesheet" type="text/css href="mystyle.css"">
</head>

内部样式表：

当单个文件需要特别样式的时候，可以再head部分使用。

<head>
<style type="text/css">
body {background-color:red}
p {margin-left:20px}
</style>
<head>

内联样式

当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color:red;margin-left:20px">
THis HYM
</p>

链接不仅可以有文字链接，还可以是图像链接。

<body>
<p>图像链接
<a href="/example/htmi/lastpage.html"><img border="0" src="/i/eg_buttonnext.gif"/>
</a>
</p>

</body>

target属性：

使用此属性，可以定义被链接的文档在何处显示。比如在新窗口显示：

name属性

name属性规定锚的名称。可以创建直接跳至锚的链接。（例如百度百科中的词条）

例如：

我们在 HTML 文档中对锚进行命名（创建一个书签）：

<a name="tips">直达</a>

然后，我们在同一个文档中创建指向该锚的链接：

<a href="#tips">提示</a>

您也可以在其他页面中创建指向该锚的链接：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">提示</a>

在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

跳出框架：

<a href="...." target="_top">fffffffffff</a>

链接到同一个页面不同的位置：