课堂练习:HTML-----------一般标签、常用标签

时间:2023-03-09 16:38:37
课堂练习:HTML-----------一般标签、常用标签

【】练习:一般标签、常用标签

  代码:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页的名字:我爱我的家</title>
</head> <body> <font color="#000066" face="宋体" size="+3">这是字体的颜色、是什么字体、大小</font><!--注释--><br> <b>这是字体加粗</b><br> <i>这是字体的倾斜</i><br><!--br是换行--> <u>这是下划线</u><br> <strong>这是加粗</strong><br> <em>这是倾斜</em><br> <center>这是居中</center><br> 这是<br>回车<br> 这是&nbsp;空格<br> <br>
<br> <h1>标题1</h1>
<h2>标题2</h2> <h6>标题6</h6>
<p>段落1</p>
<p>段落<br>
</p> <font>第一种<div>层标签</div></font>
<font>第二种<span>层标签</span></font> <ol type="a">有序列表
<li>序号1</li>
<li>序号2</li>
<li>序号3</li>
</ol> <ul type="circle">无序列表
<li>第一</li>
<li>第二</li>
<li>第二</li>
</ul> <a href="http://www.sina.com.cn/">这是新浪网,请点击。这是在自己的网页上打开的。</a><br><!--注释:这是对的文字链接--> <a href="http://www.sina.com.cn/" target="_blank">超链接的文字。这是在新的窗口打开的</a><br> <img src="../aaa/201502261338075041.png" alt="这里写图片案的名字" width="" height="" /><br><!--图片--><!--注释:高和宽设置一个即可,显示图片会按比例缩放。alt在图片加载时,还可帮助搜索引擎搜索。--> </body>
</html>

  显示的结果、设计:

课堂练习:HTML-----------一般标签、常用标签

课堂练习:HTML-----------一般标签、常用标签

课堂练习:HTML-----------一般标签、常用标签