实训1

<!DOCTYPE html>
<html>
	<head>
		<mata charest="UTF-8">
		<title>实验一</title>
		<meta name="description" content="淘宝网时提供担保交易,现行赔付,假一赔三,七天无理由退换货。">
		<!-- meta 的意思是“关于”
		它是关于某个网页的基本信息
		搜索引擎对meta元素中数据进行搜索可以帮助访问者找到该网页 -->
		
		<!-- 	<meta>元数据元素	
		<meta name="Author" content="Dave Raggett">
		给网页添加说明(比如网页的作者,关键字等)
		
		<meta name=“keywords” content="这里写关键字">
		让网页可以按关键字被搜索到
		增加关键字可以提高网页被浏览的机会
		
		<meta http-equiv="refresh" content="10" >
		定期刷新网页
		比如在聊天室应用中,需要随时刷新用户的发言
		
		<meta http-equiv="Pragma" content="no-cache">
		让网页始终保持最新
		浏览器为了节约时间,在本地硬盘上保存一个网上文件的临时版本。
		当反复浏览该页时,浏览器直接调用硬盘上的文件,而不是网上的
		该功能可以强制性调用网上的最新版本 -->


	</head>
	<!--
			ctrl+d:删除单行
			ctrl+/: 进行标记
			ctrl+shift+/:多行标记
			ctrl+alt+↓: 复制
			ctrl+alt+l:快速格式
			
			<p>   段落标记
			
			<pre> 预定标记,原封不动地保留空白区域(显示格式与输入时排版一样),可以用组合字体来显示,
							【主要属性】
							Id、class、align、title、style、lang等
							
			<br> 换行标记
							【主要属性】	
							id,class 标识和类标识
							title    高亮提示
							style    样式信息
							clear    用来指示浮动对象出现的位置(遭到反对) 
							
			<blockquote> 缩进标记
			
			<div>、<span> 区块标记
			
			<hr>  水平线标记,文档中画一条水平线
							【主要属性】
							width   宽度
							size    高度
							noshade 该行不带阴影
							color   线条颜色
							
			<strong>、<em> 强调标记
			
			<h1><h2><h3><h4><h5><h6> 文本标题标记
			
			<li><ul><ol> 列表标记,有序列表<ol>和无序列表<ul>两种,<li>列表内容
							【ul主要属性】
							id、class、align、title、style、lang
							type 列表符号,可取值为 disc,square,circle
							【ol主要属性】
							id、class、align、title、style、lang
							type 列表符号,可取值为 1,A,a,i,I
							start 起始符号
							【li主要属性】
							id、class、align、title、style、lang
							type 列表符号,可取值为 disc,square,circle, 1,A,a,i,I
							value 序列号


			<dl><dt><dd> 定义列表标记
			<dl>标记定义一个定义列表
			<dt>标记定义了定义列表中的一个术语
			<dd>标记对定义列表中的术语提供定义

			
			
	 -->
	<body bgcolor="aquamarine" text="blue">
		<font size="3">【属性】,放在开始标记中</font>
		
		<!-- 【块级元素】p,body,div都是,
		指一些元素可以在浏览器中用一个矩形框(块)来表示,即使不
		显示任何内容也可以用这样一个空白矩形来作为占位符 -->
		<p align="center">段落文本居中</p>
		<p align="right">段落文本居右</p>
		<p align="left">段落文本居左</p>
		
		<p>
				p看看与下边的
							区别		
		</p>
		<pre>	
				pre看看与上边的
							区别
		</pre>
		
		<p><blockquote>本适用于引用,现是缩进</blockquote></p>
		<p>有对比才有伤害</p>
		
		
		2019<sub>这是下标sub</sub><br>
		2019<sup>这是上标sup</sup><br>
		<!-- 【换行标记】br,非封闭类型标记
		【内联元素】,在文档中插入到块元素中的那部分元素
		控制在块元素内进行如强调、引用、斜体等特殊格式变化
		em加强,span内联元素分组,sub下标,sup上标 -->
		
		<hr color="aqua" size="15pt" noshade>
		<hr color="blue" size="5pt" width="50%"><!--占整个页面的50%长度-->
		
		<strong>加粗测试</strong>
		<em>斜体测试</em>
		<p><b>这是粗体字</b></p>
		<p><I>这是斜体字</I></p>
		<p><u>这是文字加下划线</u></p>
		<p><s>这是文字加删除线</s></p>



		
		<h1>标题一</h1>
		<h3>标题三</h3>
		<h6>标题六</h6>
		
		<ul type="circle">
			<li>circle type</li>
			<li type="disc">disc type</li>
			<li></li>
		</ul>
		
		<ul type="disc"><li>disc type</li></ul>
		<ul type="square"><li>squaretype</li></ul>
		
		<ol type="1" start="4">
			<li>1 type</li>
			<li></li>
		</ol>
		
		<ol type="A"><li>A type</li></ol>
		
		<p>缩写术语的解释:</p>
		<dl>
		<dt>HTML<dd>dl定义列表元素</dd></dt>
		<dt>ASP<dd>dt定义术语元素</dd></dt>
		<dt>XML<dd>dd定义元素</dd></dt>
		</dl>
		
		<img src="../实训2/22.jpg"/>
	</body>
</html>

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值