html的几类选用标签及其应用例子

今天是第二天来到这间公司学习,学习主要是看自己师兄师姐也是一步一步,靠自己的努力,走过来的,所以,在学习方面不能过于求急,要稳中求稳,所以今天我就将我学习到一些东西分享出来。

1.<h1>、<h2>、<h3>、<h4>、<h5>、<h6>:用来定义文档标题,1表示一级标题,6表示六级标题,常用的标题包括一级,二级,三级。 
example:
<!DOCTYPE html> <html> 
<head> 
<meta charset="utf-8"> 
<title>标题</title> 
</head> 
<body> 
<h1>Hello World!</h1> 
<h2>Hello World!</h2> 
<h3>Hello World!</h3> 
<h4>Hello World!</h4>
 <h5>Hello World!</h5> 
 </html>
2.常用<form>、<input>、<textarea>等,定义表单结构
!----表单制作---->
<form action="">   <!----form用来定义表单的标签----->
First name:<input type="text";name="first name"><br>  <!----input用来输入元素---->
Last name:<input type="text";name="last name">
</form>
<form zction="">
Username:<input type="text";name="user"><br>
Password:<input type="password";name="password">
</form>
<form action="">
<input type="radio";name="sex";value="Male">male<br>
<input type="radio";name="sex";value="Female">female
</form>

3.常用<table>、<th>、<td>、<tr>等,用来定义表格结构。
<table border="1"> <!---table--是用来定义表格的标签,border--设置或获取绘制对象周围边框的宽度----->
	<tr>            <!-----tr--定义表格的行---->
		<th>Month</th>   <!----th--定义表格的表头---->
		<th>Savings</th>
	</tr>
	<td>$100</td>     <!----td--定义表格单元---->
	<td>$200</td>
</table>

4.段落标签:<p>
<p>这是一个段落。</p>
列表排序用得最为广泛的是
<ul type="disc">
	<li></li>
	<li></li>
	<li></li>
</ul>
关于图片<img src="">的知识:
其中引入图片有三种方法
//1.网上的url
2.本地的 绝对路径
3.本地的相对路径//
4.alt:图片占位符,当图片地址发生错误:时,来替换文本。
5.title:图片提示符

链接标签
<a href="链接地址">链接<a>

猜你喜欢

转载自blog.csdn.net/Hhjian524/article/details/82694895