html总结

		<!-- 
			1.<p></p> 段落
			2.<a></a> 链接 href 后跟链接 target="_blank" 在新窗口打开 target="_top" 跳出框架 
			3.<img /> src 后跟图像路径 width 宽 height 高 alt 属性用来为图像定义一串预备的可替换的文本
			属性:
				class	为html元素定义一个或多个类名(classname)(类名从样式文件引入)
				id	定义元素的唯一id
				style	规定元素的行内样式(inline style)
				title	描述了元素的额外信息 (作为工具条使用)
			4.<hr /> 水平线
			5.格式化标签 :<b></b> 加粗  <i></i> 斜体  或stone和em
				<b>	定义粗体文本
				<em>	定义着重文字
				<i>	定义斜体字
				<small>	定义小号字
				<strong>	定义加重语气
				<sub>	定义下标字
				<sup>	定义上标字
				<ins>	定义插入字
				<del>	定义删除字
				5.2.HTML "计算机输出" 标签
					标签	描述
					<code>	定义计算机代码
					<kbd>	定义键盘码
					<samp>	定义计算机代码样本
					<var>	定义变量
					<pre>	定义预格式文本
				5.3.HTML 引文, 引用, 及标签定义
					标签	描述
					<abbr>	定义缩写
					<address>	定义地址
					<bdo>	定义文字方向
					<blockquote>	定义长的引用
					<q>	定义短的引用语
					<cite>	定义引用、引证
					<dfn>	定义一个定义项目
				5.4HTML 图像标签
					标签	描述
					<img>	定义图像
					<map>	定义图像地图
					<area>	定义图像地图中的可点击区域
			6.HTML 表格
				表格由 <table> 标签来定义。border 线边长 <caption>Monthly savings</caption> 标题
				每个表格均有若干行(由 <tr> 标签定义),
				每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),
				即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
				6.1HTML 表格表头
					表格的表头使用 <th> 标签进行定义。
					大多数浏览器会把表头显示为粗体居中的文本:
			7.列表
				有序列表<ol><li></li></ol>
				无序列表<ul><li></li></ul>
				自定义列表<dl></dl>
				HTML 列表标签
					标签	描述
					<ol>	定义有序列表
					<ul>	定义无序列表
					<li>	定义列表项
					<dl>	定义列表
					<dt>	自定义列表项目
					<dd>	定义自定列表项的描述
			8.标签分类:
	        	1.块级标签:单独占据一行 
	        		可以有宽和高 没有设置,默认是网页宽度,内容的高度
	        		可以设置任意位置的margin和padding的外内间距
	        		独占一行默认有换行
	        	2.内联标签 不会换行
	        		不能设置宽和高  默认宽高是内容的宽高
	        		只能设置左右的margin和padding
	        		只占有内容的实际大小,默认不换行
	        	margin :标签的外间距
	        	padding:标签的内间距
	        	
	        	块级标签:div  hr  p  table  tr
	        	内联标签:font  i  u  del  b  span  a  td  input 
	        			select  textarea
	        	display:设置标签的呈现方式
	        		1.block:显示为块级标签
	        		2.inline:显示为内联标签
	        		3.inline-block:既不换行也可以设置宽和高
	        9.HTML 表单
	        	<form>
	        		账号:<input type="text" name="输入账号"><br />
	        		密码:<input type="text" name="输入密码">
	        	</form>
	        	type:常用submit 提交按钮 radio 单选按钮CheckBoxs 复选框  text 文本域
	        		HTML 表单标签
						New : HTML5新标签
						标签	描述
						<form>	定义供用户输入的表单
						<input>	定义输入域
						<textarea>	定义文本域 (一个多行的输入控件)
						<label>	定义了 <input> 元素的标签,一般为输入标题
						<fieldset>	定义了一组相关的表单元素,并使用外框包含起来
						<legend>	定义了 <fieldset> 元素的标题
						<select>	定义了下拉选项列表
						<optgroup>	定义选项组
						<option>	定义下拉列表中的选项
						<button>	定义一个点击按钮
						<datalist>New	指定一个预先定义的输入控件选项列表
						<keygen>New	定义了表单的密钥对生成器字段
						<output>New	定义一个计算结果
			10.框架
				iframe语法:
				<iframe src="URL"></iframe>
				设置宽度和高度:<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

				移除边框:<iframe src="demo_iframe.htm" frameborder="0"></iframe>
				使用iframe来显示目标链接页面
				<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
				<p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>
			11.设置背景颜色
				<p style="background-color:rgb(255,255,0)">
		-->

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值