学习27 ：HTML学习-CSDN博客

本文链接：https://blog.csdn.net/DINGMANzzz/article/details/116267726

这篇博客详细介绍了HTML的基本元素，包括段落、换行、水平线、排版优化、列表、表格、超链接、图片、iframe、输入框、单选与多选、时间选择、颜色选择、文件上传和选择器等。通过示例代码，展示了如何使用这些元素来创建和美化网页，是前端开发者的重要参考资料。

摘要由CSDN通过智能技术生成

段落

段落

<p>fruit</p>

换行

<p>
	fruit<br>
	fruit<br>
	fruit<br>
</p>

水平线

<hr>

排版优化

<div>banana</div>
<div>banana</div>
<div>banana</div>
<div>banana</div>

列表

有序列表

<ol> orderlist
	<li>banana</li>
	<li>apple</li>
	<li>orange</li>
</ol>

无序列表

<ul>
	<li>banana</li>
	<li>apple</li>
	<li>orange</li>
</ul>

列表嵌套

<ul>
	<li>banana
		<ul>
			<li>apple</li>
			<li>orange</li>
</ul>

表格

<table border="1">
	<tr> table row
		<th>name</th> 
		<th>age</th>
	</tr>
	<tr>
		<td>DING</td>
		<td>24</td>
	</tr>
</table>

超链接

<div>
	<a href="http://www.baidu.com">BaiDu</a>
</div>

图片image

<a href="http://www.baidu.com">
	<img 
src="https://img3.doubanio.com.jpg" width="" height ="" alt="海王“ />
</a>

iframe

<iframe src="http://www.baidu.com"
		width="800px"
		height="600px"
></iframe>

输入框input

输入

<label>Username：</label><input>
<input name="username" placeholder="plase input your name">
<input name="pwd" type="password" placeholder="plase input your password">

单选

<div>Do you like fauit?
	<input type="radio" name="favor_fauit" value="banbana">banba
	<input type="radio" name="favor_fauit" value="apple">apple
	<input type="radio" name="favor_fauit" value="orange">orange
</div>

多选

<div>Do you like fauit?
	<input type="checkbox" name="fauit">banba
	<input type="checkbox" name="fauit">apple
	<input type="checkbox" name="fauit">orange
</div>

时间

<input type="data">

颜色

<input type="color">

文件

<input type="file">

选择器Select

<select>
	<option>select1</option>
	<option>select2</option>
	<option>select3</option>
</select>