一、常用的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.SHTML对大小写不敏感,例如<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 代码中的所有连续的空行(换行)也被显示为一个空格。