HTML页面基本元素及其用法------前端

男娘i 2024-02-20 11:02 129阅读 0赞

>     <!DOCTYPE html>
>     
>     <html lang="en">
>     	<head>
>     		
>     		<meta charset="UTF-8">
>     		<meta name="viewport" content="width=device-width, initial-scale=1.0">
>     		<title>Document</title>
>     	</head>
>     	<body bgcolor="grey" background="">
>     		
>     		<h1>标题</h1>
>     		<h2>标题</h2>
>     		<p>黛玉葬花,我来啦</p>
>     		<p>ABC,Hello</p>
>     		<br>
>     		
>     		<hr color="green" width="50%">
>     		
>     		<a href="#">你好</a>
>     		
>     		<pre>
>     			<p>黛玉葬花,我来啦</p><h1>标题</h1>
>     		</pre>
>     		<del>删除字</del>
>     		<ins>插入字</ins>
>     		<b>粗体字</b>
>     		<i>斜体字</i>
>     		10<sup>右上角</sup>
>     		10<sub>右下角</sub>
>     		<font color="red" size="50">字体标签</font>
>     		<br>
>     		
>     		<a<小于b大于>c>
>     		<br>
>     		空 格 号
>     		
>     		
>     		<table border="5px" width="500px" height="200px">
>     			
>     			
>     			<thead>
>     				<tr>
>     					<th>员工编号</th>
>     					<th>员工薪资</th>
>     					<th>部门名称</th>
>     				</tr>
>     			</thead>
>     			<tbody>
>     				<tr align="center">
>     					<td>a</td>
>     					<td>a</td>
>     					<td>a</td>
>     				</tr>
>     				<tr>
>     					
>     					
>     					<td  colspan="2" align="center">a</td>
>     					<td rowspan="2" align="center">a</td>
>     				</tr>
>     				<tr align="center">
>     					<td>a</td>
>     					<td>a</td>
>     				</tr>
>     			</tbody>
>     			
>     			<tfoot>
>     				<tr align="center">
>     					<td>1</td>
>     					<td>2</td>
>     					<td>3</td>
>     				</tr>
>     			</tfoot>
>     		</table>
>     		<img src="1.png" width="100px" title="图片1" alt="图片找不到喔">
>     		<br>
>     		
>     		<img src="1.png" width="100px" title="图片2">
>     	</body>
>     </html>
> 
> <!DOCTYPE html>  
>   
> <html lang="en">  
> <head>  
>   
> <meta charset="UTF-8">  
> <meta name="viewport" content="width=device-width, initial-scale=1.0">  
> <title>Document</title>  
> </head>  
> <body bgcolor="grey" background="">  
>   
> <h1>标题</h1>  
> <h2>标题</h2>  
> <p>黛玉葬花,我来啦</p>  
> <p>ABC,Hello</p>  
> <br>  
>   
> <hr color="green" width="50%">  
>   
> <a href="\#">你好</a>  
>   
> <pre>  
> <p>黛玉葬花,我来啦</p><h1>标题</h1>  
> </pre>  
> <del>删除字</del>  
> <ins>插入字</ins>  
> <b>粗体字</b>  
> <i>斜体字</i>  
> 10<sup>右上角</sup>  
> 10<sub>右下角</sub>  
> <font color="red" size="50">字体标签</font>  
> <br>  
>   
> <a<小于b大于>c>  
> <br>  
> 空&nbsp;格&nbsp;号  
>   
>   
> <table border="5px" width="500px" height="200px">  
>   
>   
> <thead>  
> <tr>  
> <th>员工编号</th>  
> <th>员工薪资</th>  
> <th>部门名称</th>  
> </tr>  
> </thead>  
> <tbody>  
> <tr align="center">  
> <td>a</td>  
> <td>a</td>  
> <td>a</td>  
> </tr>  
> <tr>  
>   
>   
> <td colspan="2" align="center">a</td>  
> <td rowspan="2" align="center">a</td>  
> </tr>  
> <tr align="center">  
> <td>a</td>  
> <td>a</td>  
> </tr>  
> </tbody>  
>   
> <tfoot>  
> <tr align="center">  
> <td>1</td>  
> <td>2</td>  
> <td>3</td>  
> </tr>  
> </tfoot>  
> </table>  
> <img src="1.png" width="100px" title="图片1" alt="图片找不到喔">  
> <br>  
>   
> <img src="1.png" width="100px" title="图片2">  
> </body>  
> </html>