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

HTML/CSS学习记录(1)

2017-07-09 10:41 309 查看

HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。


开始标签	元素内容	结束标签
<p>	Thisis a paragraph	</p>
<a href=”default.htm” >	This is a link	</a>
<br/>

HTML语法

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空内容（empty content）

空元素在开始标签中进行关闭（以开始标签的结束而结束）

大多数 HTML 元素可拥有属性

嵌套的HTML

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。

HTML 文档由嵌套的 HTML 元素构成。

空HTML元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

HTML属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name=”value”。

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

HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：

<html>
<body>

<a href="http://blog.csdn.net">
This is a link</a>

</body>
</html>

1.

<h1> 定义标题的开始。

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

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。</p>

</body>
</html>

2.

<body> 定义 HTML 文档的主体。

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body bgcolor="red">
<h2>改变了颜色的背景。</h2>
</body>

</html>

3.

<table> 定义 HTML 表格。

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

说明：

属性和属性值对大小写不敏感。而新版本的 (X)HTML 要求使用小写属性。

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

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

name=’Bill “HelloWorld” Gates’

HTML标题

标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

<h1> 定义最大的标题。<h6> 定义最小的标题。

标题应从h1-h6依次使用，应该将h1用于主标题（最重要的），然后是h2，以此类推。

HTML水平线

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

hr 元素可用于分隔内容。

<html>

<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>第一段落。</p>
<hr />
<p>第二段落。</p>
<hr />
<p>第三段落。</p>
</body>

</html>

因此可以使用水平线<hr>来分隔文章中的某一小节。

HTML注释

<!-- This is a comment -->

开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。

注释也可用于纠错，可以一次注释一行的代码。

有时也会出现条件注释，条件注释定义只有 Internet Explorer 执行的 HTML 标签。

<!--[if IE 8]>

.... some HTML here ....

<![endif]-->

HTML段落

段落是通过 <p> 标签定义的。

浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）

如果需要创建空行，使用<br/>

HTML拆行

如果需要在不产生一个新段落的情况下进行换行（新行），使用 <br /> 标签：

<html>
<body>

<p>
To break<br />lines<br />in a<br />paragraph.
</p>

</body>
</html>

HTML输出

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

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

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

标签： html

相关文章推荐

新的分享

章节导航