HTML常见标签介绍及使用

傷城~ 2022-12-12 13:57 241阅读 0赞

## HTML标签01 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center]  
**结果显示**  
![在这里插入图片描述][20201007184630152.png_pic_center]

## HTML标签02 ##

<input type="file" name="">   
    	<input type="password" name="">     
    	
    	<select>
    		<option>语文</option>
    		<option>数学</option>
    		<option>英语</option>
    	</select>
    	
    	<a href="http://www.baidu.com">百度</a>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 1]  
**结果显示**  
![在这里插入图片描述][20201007191421441.gif_pic_center]

## HTML标签03 ##

<table>
    		<tr><td>111</td><td>222</td></tr>
    		<tr><td>333</td><td>444</td></tr>
    		<tr><td>555</td><td>666</td></tr>
    	</table>
    	
    	<img src="img\cat.jpg" width="400" height="200">
    
    	
    	<textarea rows=" 5" cols="6"> </textarea>

**结果显示**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 2]

## HTML标签04 ##

<br>
    	<b>测试</b> 
    	<br>
    	测试1<br>   
    	测试2<br>
    	测试3<br>
    
    	<p>这是段落</p>

**结果显示**  
![在这里插入图片描述][20201007194115610.png_pic_center]

## HTML标签05 ##

在head里加入如下代码：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 3]

<iframe src="http://www.baidu.com" width="600" height="600"></iframe><br>
    
    	<div>
    		<div class="head">
    			<h1>页面顶部区域</h1>
    		</div>
    		<div class="left">
    			<h1>页面左部区域</h1>
    		</div>
    		<div class="middle">
    			<h1>页面中部区域</h1>
    		</div>
    		<div class="foot">
    			<h1>页面底部区域</h1>
    		</div>
    	</div>

**结果显示**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 5]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/62ca50e711c148d193f57a4ff48141ec.png
[20201007184630152.png_pic_center]: /images/20221123/b6b2af370672442ba8adc548b2f5b78e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/13f400b6154247b09a80f67d8bb67fb5.png
[20201007191421441.gif_pic_center]: /images/20221123/01f4f187fc1c4b3b8b2a9878e264515a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/a48006339c8e481da31588fb1a49e1d9.png
[20201007194115610.png_pic_center]: /images/20221123/27ef2da8821c43e8bed9d13927cdb1d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/9b09354f45c845d0a30fdf5ae149084f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/935dfde64b4d4e228c8cd87ec04411ba.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjAxNDYyMg_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/1a86dbaebf21482386d007a983e0b9b0.png