HTML笔记(一)

概述

HTML:Hyper Text Markup Language(超文本标记语言)

由大量的标签组成,每一个标签都有开始和结束标签

<标签>
    <标签>
        <标签 属性名 = '属性值' 属性名 = '属性值'></标签>
    </标签>
</标签>

超文本:流媒体、图片、声音、视频…

  • HTML开发的时候使用普通的文本编辑器就行,创建的文件扩展名是.html或者.htm
  • HTML也有专业的开发工具,例如:DreamWeaver、HBuilder…
  • 直接采用浏览器打开HTML文件就是运行

第一个HTML页面

<!--
	1.这是HTML的注释
	2.加上以下代码的第一行就表示HTML5语法,去掉就表示HTML4.0
	3.HTML不区分大小写,语法松散不严格
-->
<!doctype html>

<!--根-->
<html>

	<!--头-->
    <head>
		<!--网页标题,显示在网页左上角-->
		<title>网页的标题</title>
	</head>
	
	<!--体-->
    <body>
    	网页的主体内容,欢迎学习HTML!
    </body>
	
</html>

基本标签

<!doctype html>
<html>
	<head>
		<title>HTML的基本标签</title>
	</head>
	<body>
	
		<!--标题字:是HTML预留的格式,和word中的标题字相同-->
		<!--
			<h1>标题字</h1>
			<h2>标题字</h2>
			<h3>标题字</h3>
			<h4>标题字</h4>
			<h5>标题字</h5>
			<h6>标题字</h6>
		-->
		<h2>《上古卷轴5:天际》</h2>
	
		<!--段落标记-->
		<!--<p>内容</p>-->
		<p>《上古卷轴5:天际》是Bethesda出品的史诗性奇幻风格RPG《上古卷轴》系列的第五部作品。</p>
		<p>游戏设定在《上古卷轴4》的200年之后,随着天际省之王的暗杀,诺德内部出现了内战。大部分诺德人意图让天际省脱离帝国。
		诺德内战是上古卷轴的终极预兆,古诺德毁灭之神Alduin的回归,现已呈现为龙的形态。Alduin拥有一支苍龙军团,名为Jill。</p>
		<p>本作将会和《上古卷轴4》拥有同等大小的地图。在这广阔的地图之上,Bethesda工作室给玩家提供了超过120个不重复的地下迷宫,以及9个规模宏大的城市供玩家探索,
		而玩家将在这个奇异自由的世界踏上史诗性的征程,使用自己心仪的武器装备自己擅长的技能,去和巨兽,飞龙战斗。前作作为引领PC硬件新潮流的RPG,
		续作的配置则平易近人,不过Bethesda依然为该作注入了新元素,那就是新引擎“创造”打造的重峦叠嶂的规模与细节的华丽。</p>
		<p>“我曾经跟你一样是个上古卷轴玩家,直到我发现了这个游戏可以打MOD。。。。。。。”</p>
		<p>《上古卷轴5:天际》又称《少女卷轴》,但这个游戏的MOD只是让这个游戏变得更精彩,并不是主体。
		老滚5是个充满了魅力的游戏,它让我沉迷到晚上睡觉都睡不着。美丽的场景与配乐,多样的玩法,精彩而丰富的故事,广阔而精彩纷呈的世界,注定了它永远是我心中RPG游戏的王者!</p>
		
		<!--换行标记-->
		<!--<br>-->
		画面:9.0 除去MOD,上古卷轴5的画面在同年中的游戏也是极为出众的,而且其中许多的场景也极其壮观。<br>
		音乐:9.5 打龙时的配乐让人激烈澎湃,老滚5的配乐充分体现了这个魔幻世界的精彩。<br>
		可玩性:10 炼金、附魔;近战、弓箭、魔法;正面刚、潜行背刺等多到无法想象的玩法可以让人研究很久。你可以用你想的方式来探索这个广阔的世界。<br>
		耐玩性:10 不说MOD,广阔到无法想象的世界,多到几百小时的支线,根本不用担心,你连续玩一个月也不可能玩完。<br>
		故事:10 老滚5讲述的是身为龙裔的玩家如何成为世界上各个组织的老大(支线),最后干掉上古恶龙奥杜因的故事;
		重要的是,多达百个的支线,塑造的,每个人物都有模有样,每个人都有自己的故事。这才是真正的史诗。<br>
		
		<!--横线,独目标及-->
		<hr>
		
		<!--color和width都是hr标签的属性-->
		<hr color="red" width="50%">
		<!--语法太松散了-->
		<hr color="green" width="30%">
		
		<!--预留格式,里面保留的格式在网页上还是这个格式,不会变,不加这个标签内容会在一行-->
		<pre>
			for(int i = 0,i < 10,i++){
				System.out.println("i =" + i);
			}
		</pre>
		
		<del>删除字</del>
		<ins>插入字</ins>
		<b>粗体字</b>
		<i>斜体字</i>
		
		10<sup>2</sup>
		10<sub>m</sub>
		
		<!--字体标签-->
		<font color = "red">字体标签</font>
	</body
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值