1.html中的标题有几个级别?

html中有的标题有6个级别,<h1>~<h6>

2.文本标签的元素中,哪些是语义化标记 ?

<strong>,<em>,<blockquote>,<q>,<abbr>,<cite>,<dfn>,<address>,<ins>,<del>,<s>等

3.空白有什么用?

空白可以增强代码的可读性。

当浏览器遇到两个或两个以上的连续空格时,只将其显示为一个空格。

4.本篇学的元素中,哪些元素只有开始标签没有结束标签?

<hr />,<br />,有少部分元素只有开始标签没有结束标签,这些元素被称为空元素。

5.换行符元素怎么写?水平线元素怎么写?

<br />;<hr />

6、加粗和斜体有几种表示方式?它们的区别是什么?

加粗:<b>,<strong>

斜体:<i>,<em>,<cite>,<address>

区别:

在html中用<strong></strong>元素表示强调,表示其中的内容十分重要,以粗体显示,注重语句上的提示

在html中用<b></b>元素表内容示粗体,表示其中的内容以不同的外观显现,以粗体显示。

 

<i>元素可将一部分文本在格式上以不同于周围内容的方式显示——例如科技词语,轮船名称,外语单词或是其他术语经常会以斜体显示。

<em>元素起强调作用能够细微改变语句的含义,默认情况下<em>元素中的内容在浏览器中显示为斜体。

<cite>,当你引用一部作品时(可以是书籍,电影或研究报告等),用来表明引用的来源,浏览器会把<cite>元素中的内容显示为斜体。

<address>,本元素有一个非常特殊的用途:包含页面设计者的联系详情,以斜体显示浏览器上的内容。

7.说说块引用和短引用的区别。

块引用:<blockqueto>元素用来标记那些会占用一整行的较长的引用。

短引用:<q>元素用来标记位于段落中的较短引用。按照惯例,浏览器理应在<q>元素的两侧加引号,可是IE浏览器却不支持——因此许多人都回避使用<q>元素。

8.地址元素怎么写?

<address></address>

示例:

1.标题

html>
<head>
<title>Title</title>
</head>
<body>
<h1> This is a Main Heading </h1>
<h2>This is a Level 2 Heading</h2>
<h3>This is a Level 3 Heading</h3>
<h4>This is a Level 4 Heading</h4>
<h5>This is a Level 5 Heading</h5>
<h6>This is a Level 6 Heading</h6>
</body>
</html>

2.水平线

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水平线</title>
</head>
<body>
<P>Venus is the only planet that rotates clockwise.</P>
<hr/>
<P> Jupiter is bigger than all the other planets combined.</P>
</body>
</html>


3.上标和下标
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上标签和下标签</title>
</head>
<body>
<P>On the 4<sup>th</sup> of September you will learn about E=MC<sup>2</sup>.</P>
<P>The amount of CO<sub>2</sub> in the atmosphere grew by 2ppm in 2009<sub>1</sub>.</P>
</body>
</html>
4.换行和水平线

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>换行标签</title>
</head>
<body>
<P>The Earth<br/>gets one hunderd tons heavier every day <br/>due to falling space dust .</P>
</body>
</html>

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水平线</title>
</head>
<body>
<P>Venus is the only planet that rotates clockwise.</P>
<hr/>
<P> Jupiter is bigger than all the other planets combined.</P>
</body>
</html>


5.加粗和斜体
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>加粗</title>
</head>
<body>
<p><strong>Beware:</strong>Pickpockets operate in this area.</p>
<P>This toy has many small pieces and is <strong>not suitable for children under five years old. </strong></P>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>强调</title>
</head>
<body>
<P>I<em>think</em> Ivy was the first.</P>
<p>I think <em>Ivy</em> was the first. </p>
<P>I think Ivy was the<em> first</em>. </P>
</body>
</html>