Html(四)基本标签3_img baground-CSDN博客

本文链接：https://blog.csdn.net/sadfasdfsafadsa/article/details/141829486

背景图像的设定

语法
<body  background="image-url">
范例代码
		<body  background="cat.gif">
   			 <h1>欢迎光临加菲猫的世界!</h1>
		</body>

img标签

<img>标签
将图像插入到html文档中。	
格式：<img src="url">
src是属性，值是指定图像文件位置的url
作用：将img标签放置在要显示图像的位置。

实例代码

<html>
    <head>
	        <title>插入图像</title>
    </head>
    <body>
        <h1><font size="3" color="forestgreen">
        <b>插入图像</b></font></h1><hr/>
        <p><img align="bottom" src="cats.jpg">底部对</p>
        <p><img align="top" src="cats.jpg">顶部对齐</p>
        <p><img align="middle" src="cats.jpg">居中对</p>
    </body>
</html>

图象的取代文字alt，当图像不存在时

<html>
	<head>
		<title>插入动画.GIF文件</title>
	</head>
     <body>
		<hr/>
	        <img src="coffeecup.gif” alt="冒热气的咖啡">
     </body>
</html>

列表

无序列表

无序列表是一种"项目符号列表”，其中的项目都带有项目符号前缀。该列表包含在无序列表标签<ul> .. </ul>内。列表中的每个项目都使用列表标签<li>进行标记，表示List Item（列表项）。

<html>
	<head>
				<title>学习 HTML</title>
	</head>
	<body>
		<ul>
		    <li>星期一</li>
		    <li>星期二</li>
		    <li>星期三</li>
		    <li>星期四</li>
		    <li>星期五</li>
		</ul>
	</body>
</html>

有序列表

有序列表包含在<ol> .. </ol>标签内，列表项目中顺序很重要前面用各种顺序标签进行标记。

<html>
	<head>
		
		<title>学习 HTML</title>
	</head>
	<body>
		<ol type="1">
		    <li>星期一</li>
		    <li>星期二</li>
		    <li>星期三</li>
		    <li>星期四</li>
		    <li>星期五</li>
		</ol>
	</body>
</html>

编号一览表

HTML注释

语法
<!--注释的内容--> 

范例代码
<!--我的博客-->
  <a href="https://blog.csdn.net/sadfasdfsafadsa”>
	   	我的博客</a> 
<!--链接结束-->