Giskard

(二)HTML入门

2019-02-01

HTML属性

属性是为HTML元素提供的附加信息

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签

上面说的hrefsrc都是属性

<a href="www.google.com">这是一个链接</a>

属性值应该始终被包括在引号内。

双引号是最常用的,不过使用单引号也没有问题。

提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=’John “ShotGun” Nelson’

推荐使用小写

HTML标题

<h1>这是一个标题。</h1> 
<h2>这是一个标题。</h2> 
<h3>这是一个标题。</h3> 

默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号的文本而使用标题。

搜索引擎使用标题为网页结构和内容编制索引。

HTML水平线

<hr>标签在 HTML 页面中创建水平线。

<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>

HTML注释

<!-- 这是一个注释 -->

HTML折行

如果希望在不产生一个新段落的情况下进行换行(新行),使用 <br/>标签。

在 HTML 语言中, <br/>标签定义为一个换行符,它可以理解为简单的输入一个空行,而不是用来对内容进行分段

<br/> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

注意<br><br/>都可表示换行,但前者没有结束标记,后者有,后者更标准

HTML输出

对于 HTML,无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。

HTML文本格式化

HTML 使用一些标签 <b><i> 对输出的文本进行格式,如:粗体 or 斜体

这些 HTML 标签被称为格式化标签

通常标签<strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而,这些标签的含义是不同的:
<b><i> 定义粗体与斜体文本。
<strong> 或者 <em> 意味着你要呈现的文本是重要的,所以要突出显示。
现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>this is a title</title>
</head>
<body>
    <p>
    <b>哈哈</b> <br/>
    <i>哈哈</i> <br/>
    <strong>哈哈</strong> <br/>
    <em>哈哈</em> <br/>
    这是小写<small>哈哈</small> <br/>
    这是下标<sub>哈哈</sub> <br/>
    这是上标<sup>哈哈</sup> <br/>
    这是插入符<ins>哈哈</ins> <br/>
    这是删除符<del>哈哈</del> <br/>
    这是代码<code>哈哈</code> <br/>
    这是短引用<q>哈哈</q> <br/>
    这是长引用<blockquote>哈哈</blockquote> <br/>
    这是引用<cite>哈哈</cite>
    </p>
</body>
</html>

文本格式化

HTML空链接

<a href="#">W3CSchool</a>

其中“#”表示空链接。

target属性

使用 Target 属性,你可以定义被链接的文档在何处显示(在新的窗口打开,还是在原有的窗口中打开)。

<a href="//www.w3cschool.cn/" target="_blank">访问W3CSchool教程!</a>

提示:默认的被链接文档会在原有的窗口中打开的。如果将 target 属性设置为 “_blank” 则文档就会在新窗口打开。

id属性

id 属性可用于在一个 HTML 文档中创建书签标记。

提示: 书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。

在HTML文档中插入ID:

<a id="tips">Section1</a>

在HTML文档中创建一个链接到”Section1”:

<a href="#tips">Visit Section1</a>
其他

注意: 请始终将正斜杠添加到网址末尾。假如这样书写链接:href="//www.w3cschool.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="//www.w3cschool.cn/html/"

Tags: HTML