HTML5常用命令

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 : 按行划分页面
  • 19
    点赞
  • 99
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值