javaweb-html--（尚硅谷）

geng小球

已于 2022-03-16 13:53:01 修改

阅读量146

点赞数

文章标签： html

于 2022-03-16 13:49:03 首次发布

本文链接：https://blog.csdn.net/qq_45801839/article/details/122599356

版权

1、html的基本格式：

<html>
	<head>	
	
	</head>	
	
	<body>	
	
	</body>
</html>

2、title标签

<html>
	<head>	
	    <title>这是标题</title>
	</head>	
</html>

3、设置编码方式的标签

<html>
	<head>
		<meta charset="utf8">			<!--meta可以设置编码方式-->
	</head>	
</html>

4、标签内容

直接在标签中输入即可


<html>
	<body>
		hello world！这里是内容标签
	</body>
</html>

5、换行标签

<html>
	<body>
	    这是一行		<br/>这是换行的一个标签					<!--换行-->
	    这又是一行
	</body>
</html>

6、段落标签

<html>
	<body>		
		<p>这是一个段落</p>				<!--这是段落标签-->
		<p>这又是一个段落</p>
	</body>
</html>

7、插入图片标签

<html>
	<body>		
		<!--插入照片注意要添加图片的后缀名，src表示文件的路径，alt表示图片的提示-->
		<img src="imags/animal.jpeg" width="275" height="200" alt="这里是一张图片"/>			
		<img src="imags/yqu.png" alt="这里是一张图片"/>	
	</body>
</html>

8、标题标签

只能有6个标题
<html>
	<body>		
		<h1>标题1</h1>
		<h2>标题2</h2>
		<h3>标题3</h3>
		<h4>标题4</h4>
		<h5>标题5</h5>
		<h6>标题6</h6>
	</body>
</html>

9、列表标签

ol为有序列表,ul为无序列表。
<html>
    <ol type="A" start="3">     <!--类型type可以为A,a,I,i,1.start表示以type后第几个开始-->
		<li>场地一</li>
		<li>场地二</li>
		<li>场地三</li>			
		<li>场地四</li>
    </ol>
    
    <ul type="desc">        <!--type有desc(默认）、circle、square-->  
		<li>场地一</li>
		<li>场地二</li>
		<li>场地三</li>			
		<li>场地四</li>
	</ul>
</html>