html1

什么是html文件?
html指的是超文本标签语言。
html文件是包含一些标签的文本文件。
这些标签告诉web浏览器如何显示页面
html文件必须使用htm或者html作为文件的扩展名。
html文件可以通过简单的文本编辑起来创建。
例子:

<html>
<head>
<title>页面的标题</title>
</head>
<body>

这是我的第一个页面。<b>这是粗体文本。</b>


</body>
</html>

HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器这个 HTML 文件的开始点。文件中最

后一个标签是 </html>。这个标签告诉您的浏览器,这是 HTML 文件的结束点。

位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。

<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

<body> 标签中的文本是将被浏览器显示出来的文本。

<b> 和 </b> 标签中的文本将以粗体显示


HTML 标签

HTML 标签是用来标记 HTML 元素的。
HTML 标签被 < 和 > 符号包围。
这些包围的符号叫作尖括号。
HTML 标签是成对出现的。例如 <b> 和 </b>。
位于起始标签和终止标签之间的文本是元素的内容。
HTML 标签对大小写不敏感,<b> 和 <B> 的作用的相同的。


段落标签

双标记

换行符<br>但标记
水平线<hr>
注释<!- -->

基本的 HTML 标签
标签 描述
<html> 定义 HTML 文档。
<body> 定义文档的主体。
<h1> to <h6> 定义标题 1 至标题 6。

定义段落。
<br> 插入折行。
<hr> 定义水平线。
<!--> 定义注释。

HTML 标签的属性
HTML 标签拥有属性。属性为 HTML 元素提供附加信息。

属性总是以名称/值对的形式出现,比如:name="value"

属性总是在 HTML 元素的开始标签中规定。

<h1 align="center"> 拥有关于对齐方式的附加信息。

<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

<table> 定义 HTML 表格。(您将在稍后的章节学习到更多有关 HTML 表格的内容)

<table border="1"> 拥有关于表格边框的附加信息。

使用小写属性
属性和属性值对大小写不敏感。不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性

值,而 XHTML 要求使用小写属性/属性值。

始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='John "ShotGun" Nelson'


文本格式化标签
标签 描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式(style)代替。


“计算机输出”标签
标签 描述
<code> 定义计算机代码。
<kbd> 定义键盘码。
<samp> 定义计算机代码样本。
<tt> 定义打字机代码。
<var> 定义变量。
<pre> 定义预格式文本。
<listing> 不赞成使用。使用 <pre> 代替。
<plaintext> 不赞成使用。使用 <pre> 代替。
<xmp> 不赞成使用。使用 <pre> 代替。


引用、引用和术语定义
标签 描述
<abbr> 定义缩写。
<acronym> 定义首字母缩写。
<address> 定义地址。
<bdo> 定义文字方向。
<blockquote> 定义长的引用。
<q> 定义短的引用语。
<cite> 定义引用、引证。
<dfn> 定义一个定义项目。


字符实体
一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希

望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。

字符实体有三部分:一个和号 (&),一个实体名称,或者 # 和一个实体编号,以及一个分号 (;)

要在 HTML 文档中显示小于号,我们需要这样写:&lt; 或者 &#60;

使用实体名称而不是实体编号的好处在于,名称相对来说更容易记忆。而这么做的坏处是,并不

是所有的浏览器都支持最新的实体名称,然而几乎所有的浏览器对实体编号的支持都很好。

注意:实体对大小写敏感。


空格
空格是 HTML 中最普通的字符实体。

通常情况下,HTML 会裁掉文档中的空格。假如你在文档中连续输入 10 个空格,那么 HTML 会去

掉其中的9个。如果使用 &nbsp;,就可以在文档中增加空格.


最常用的字符实体

显示结果    描述              实体名称                 实体编号

            空格               &nbsp;                   &#160;
 <          小于号             &lt;                      &#60;
 >          大于号             &gt;                      &#62;
  &         和号               &amp;                    &#38;
 "           引号              &quot;                      &#34;
 '          撇号              &apos; (IE不支持)          &#39;

 

 

其他一些常用的字符实体/

显示结果       描述           实体名称        实体编号
¢             分              &cent;         &#162;
£              镑             &pound;          &#163;
¥              日圆           &yen;            &#165;
§             节             &sect;           &#167;
©              版权            &copy;           &#169;
®              注册商标        &reg;          &#174;
×             乘号            &times;         &#215;
÷             除号           &divide;          &#247;


HTML 链接

锚标签和 Href 属性
HTML 使用 <a> (锚)标签来创建连接另一个文档的链接。

锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。

创建锚的语法:
<a href="url">Text to be displayed<a> 用来创建锚。href 属性用于定位需要链接的文档

,锚的开始标签和结束标签之间的文字被作为超级链接来显示。

这个锚定义了指向 w3school 的链接:

<a href="http://www.w3school.com.cn/">Visit W3School!

Target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!


锚标签和 Name 属性
Name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可

以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息

以下是命名锚的语法:

<a name="label">Text to be displayedname 属性用于创建命名锚。锚的名称可以是任何你

喜欢的名字。

下面这行定义了命名锚:

<a name="tips">Useful Tips Section你会注意到,命名锚会以特殊的方式来显示。

将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个节,就像这样:

<a href="http://www.w3school.com.cn/html_links.asp#tips">
Jump to the Useful Tips Section


 

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值