您的位置：首页 > Web前端 > HTML

html系统学习之一<基础知识，标签，元素>

2011-11-21 10:32 1016 查看

做网页自从在学校出来之后就放弃了，中间三年由于公司搞Delphi，就去写Delphi了，现在已经用DelphiXE，觉得Delhpi除了开发速度很快之外，其它没什么。恰好公司也想改进一下，我又是程序负责人，所以想改成网页形式。

前一个月看了C#，asp.net，看完之后就想开始写，到写的时候发现，自己对网页一点想法都没有，不知道怎么写，看了很多网站这模板，还是不知道怎么写，发现自己连html和JS都不知道，觉得这样肯定不行，还是要先系统学习一下这两个东西，我相信写程序我有一定的基础，看这个应该很快的。

参考资料来源W3School（http://www.w3school.com.cn）

html语言就是很多标签组成的，比如<a></a>,，如HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。HTML 段落是通过 标签进行定义的。

以前看到元素总不知道是什么，其实就是标签中间的内容，元素还可以有属性，可以嵌套。比如下面

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

上面的例子包含三个 HTML 元素。上面的例子包含三个 HTML 元素。分别是<html>中间的和<body>中间的，还有中间的

 就是没有关闭标签的空元素（ 标签定义换行）。即使 在所有浏览器中都是有效的，但使用 其实是更长远的保障。

HTML 标签对大小写不敏感： 等同于 。许多网站都使用大写的 HTML 标签。未来 (X)HTML 版本中强制使用小写。

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name="value"。
属性总是在 HTML 元素的开始标签中规定。
如下面：HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定

<a href="http://www.w3school.com.cn">This is a link</a>

HTML 提示：使用小写属性，始终为属性值加引号，如果属性的值有引号，则如下所示：

name='Bill "HelloWorld" Gates'

完整的html属性

上面链接可以查看所有的标签，下面记一下本人认为稍重要一点的地方

标题很重要

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。原来还可以这样。记住了，标题很重要
因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

<hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。
html注释

<!-- This is a comment -->

文本格式化标签，原来有这么多好玩的格式，跟Word一样

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

“计算机输出”标签

标签	描述
<code>	定义计算机代码。
<kbd>	定义键盘码。
<samp>	定义计算机代码样本。
<tt>	定义打字机代码。
<var>	定义变量。
<pre>	定义预格式文本。这个厉害，效果如下 for(i=0;i<=10;i++) { j+=1; }
<listing>	不赞成使用。使用 <pre> 代替。
<plaintext>	不赞成使用。使用 <pre> 代替。
<xmp>	不赞成使用。使用 <pre> 代替。

引用、引用和术语定义

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

原来上述文字格式化的一个重要分类，物理样式和基于内容的样式
物理样式包括粗体（bold）、斜体（italic）、等宽（monospaced）、下划线（underlined）、删除线（strikethrough）、放大（larger）、缩小（smaller）、上标（superscripted）和下标（subscripted）文本，它们直接改变文字的外观，但基于内容的样式可能外观变化不大，它们会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。请注意这里面的区别。基于内容的标签赋予含义，而不是格式化。因此，它们对于自动处理来说非常重要；计算机并不关心文档的外观如何。基于内容的标签有

<abbr>
<acronym>
<cite>
<code>
<dfn>

<kbd>
<samp>

<var>

下一节学习

HTML 样式

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

html系统学习之一&lt;基础知识，标签，元素&gt;