HTML5常用命令



一.空元素标签 


<br/>换行     不允许写成<br></br>,以下元素均是如此

二、常用的标签

<style>加入css

<script>加入javasript          <script src="url"></script>
 
<link>一般用于引入外部css       <link rel="stylesheet" href="url"/>
<p> 定义段落
<h1>到<h6> 定义标题  注意:<h1></h1>标签一般只能用一次,超过<h6>标签就不显示
<br> 换行
<hr> 分割线
<ol>有序列表
	<li>列表项
							type属性：小圆圈(circle)，小方块(square)，默认小黑点
<ul>无序列表      
	<li>列表项
				常用属性：
							type ： 指定序号的类型  a或1
							start ： 从第几个开始，必须的写数字
<div> 定义块，重要的布局标签
<span>定义行,重要的布局标签
<table>表格
 
<tr>行				注意:table  >  tr   >  td
 
<th>加粗列，相当于每列的标题
 
<td>列
				table
        	常用属性：
        		border : 指定边框
        		width :    宽度
        		height ：    高度
        		bgcolor : 背景色
        		align ：  对齐方式

				表格的合并,运用在<tr><td>中
         				colspan ： 跨列
         				rowspan : 跨行
<b> 加粗字体
<strong>加粗字体          起强调作用
<i> 斜体
<em>斜体               起强调作用
<del>删除
<s>删除
<u>下划线
<ins>下划线
<a> 超链接。应用：
 
            1.连接 
 
            <a href="url" target="_blank"></a>
 
            2.下载 
 
            <a href="资源地址" download="默认下载资源名" type="类型"></a>
 
            3.添加锚点
 
            <a href="#test">定位锚点</a>
 
            <a name="test">内容</a>
            
            4.回到顶部
			<a href = "#"></a>

					           		 常用的属性：
					        			href:指定要跳转去的链接地址 需要加上http协议，如果访问的是本网站的html文件，
					        			可以直接写文件路径。
					        			target：以什么方式打开
					        				_self：默认打开方式，在当前窗口打开
					        				_blank：新起一个标签页打开页面
<iframe>规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
<form>用于创建供用户输入的 HTML 表单。    <input>一般配合<form>  标签使用，添加需要的控件。
					表单标签
				action: 直接提交地址
				
				method ：
						post 方式 会将参数封装在请求体中，没有这样的限制
<img/>插入图片
   	<img src="/images/logo.png" width="258" height="39"alt="图片无法显示" /> 
 	  注意： 图像的名称和尺寸是以属性的形式提供的,alt为替换文本属性.
 	  
 	  常用属性：
        		src: 指定图片路径
        		width: 指定图片宽度
        		height: 图片高度
        		alt: 文件加载失败时显示出来的
./代表的是当前路径
    	../代表的上一级路径
    	../../代表上上级路径
<input/>输入框
      	 <input type="submit" value="提交/"> 
         注意:type是输入框的源属性
         		input ：
				type： 指定输入项的类型
					text :文本
					possword : 密码框
					url:网址输入框
					search:搜索
					radio:	      单选按钮
					checkbox:	复选框
					file:		上传文件
					submit:		提交按钮
					button:		普通按钮
					reset:		重置按钮
					hidden:		隐藏域
					
					date:		日期类型
					tel:		手机号
					number:		只允许输入数字
					
				placeholder:	指定默认的提示信息
				name： 在表单提交的时候，当做参数名称
				id: 给输入项取一个名字，以便后期我们去找到它，并且操作它
<link/>链接到外部样式文件
    	 <link rel="stylesheet" type="text/css" href="theme.css">
<meta/>head区的一个辅助性标签
    	<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
    	注意:meta 标签分为两个部分：http标题信息（http-equiv）页面描述信息（name）
<Textarea>文本域
              textarma:	文本域，可以输入一段文本
				         	cols:指定宽度
					      rows:指定高度
<font>  标签常用属性
        		color: 颜色
        		size: 改变字体大小	注：取值范围：1~7   7最大  超过7时相当于7
        		face： 字体
        		<标签 属性的名称="属性的值">
<select> : 下拉列表
				option: 选择项
<frameset>框架标签:
			<frameset cols="10%,30%,*">
					<frame src="aaa.html" />
					<frame src="bbb.html" />
					<frame src="ccc.html" />
			</frameset>
					如果使用frameset 需要将body标签去掉
						cols : 按列划分页面
						rows : 按行划分页面