HTML学习笔记（二）

来源：互联网发布：淘宝大学讲师怎么赚钱编辑：程序博客网时间：2024/06/16 16:42

一、常用的HTML标签

1.HTML标题：由<h1>-<h6>等标签进行定义。

2.HTML段落：<p>进行定义。

3.HTML链接：通过<a>定义。使用方法为：<a herf='"http;//www.csdn.com.cn">This is a website.</a>. 存放herf中指定的链接。

4.HTML图像：通过<img>定义。使用方法为：<img src="picture.jpg" width = "100" height="120" />. 图像以属性的方式提供，width表示宽度，height表示高度。

5.换行标签：<br> 一般的使用方法为<br /> 元素为空

二、HTML元素

1.元素的概念：从开始标签到结束标签之间的所有代码。

2.语法：

（1）以开始标签起始，结束标签终止。

（2）某些元素可以具有空内容，空元素在开始标签中进行关闭，例如：<br />

（3）大多数HTML元素可拥有属性。

（4）HTML元素可以嵌套，HTML文档由嵌套的元素组成。

3.HTML文档举例

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

<p> 元素：

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

这个 <p> 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。

元素内容是：This is my first paragraph。

<body> 元素：

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

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

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

元素内容是另一个 HTML 元素（p 元素）。

<html> 元素：

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

<html> 元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。

元素内容是另一个 HTML 元素（body 元素）。

P.S

HTML对大小写不敏感，例如<P>=<p>，但是推荐使用小写，在HTML4版本中推荐使用小写，后续版本强制实用小写。

三、HTML属性

1.定义：标签可以附带属性，属性提供了HTML元素更多的信息。

2.属性的用法：

（1）属性总是以名称/值对的形式出现，例如: name = "value"。

（2）属性定义在开始标签之中。

3.属性的实例：<a href="http://www.csdn.com.cn">This is a link</a> 其中<a>为链接标签，属性herf和他的值被放在了开始标签的位置，元素的内容为This is a link

4.属性其他实例

（1）<h1 align="center">This is heading 1</h1> align控制文本对齐方式，center为居中，left为左对齐，right为右对齐。

（2）<body bgcolor="blue"> bgcolor控制body背景颜色，此时为蓝色。

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

5.书写属性时的注意事项

（1）推荐用格式小写书写，后续版本要求必须用小写。

（2）属性值应该被放在""中，如果属性值本身就有引号，则外层使用单引号，

name='Bill "HelloWorld" Gates'

四、HTML段落

1.段落定义的标签：<p> （块级元素）

2.段落举例：<p>This is a paragraph</p> 浏览器会自动的在段落的前后添加空行;使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！（但是不要用 <br /> 标签去创建列表)

3.HTML拆行：如果在不生成新段落的前提下进行换行，则使用<br/>标签，由于<br/>标签是一个空的HTML元素，对其进行关闭标签的操作无任何意义，所以他不需要关闭标签。例如：<p>This is<br />a para<br />graph with line breaks</p>

4.HTML 输出时，浏览器会自动的忽略多余的空格和空行，所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

阅读全文

0 0