暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

Unit01:Web概述、HTML简述、文本处理、图像和超链接、表格

amazingweiwei 2020-10-07
830

一.Java知识体系结构

二.课程介绍


1.HTML


  • 用来勾勒出网页的结构和内容


2.Css


  • 用来美化网页


3.JavaScript


  • 让网页呈现动态的数据和效果


4.jQuery


  • 框架,提高JavaScript开发效率


三、HTML原理(HyperText MarKup Language)


八号文本标记语言,一种纯文本类型的语言

  • 用来设计网页的标记语言

  • 用该语言标记的文件,以.html 或者.htm为后缀

  • 由浏览器解释执行

  • HTML页面上,可以嵌套用脚本语言编写的程序段,如:JavaScript


四、XML和HTML的联系


1.XML


  • 可扩展标签语言

  • 标签,属性,标签的嵌套关系都可扩展

  • 用来存储和传输数据


扩展:自定义


2.HTML


  • 超文本标签语言

  • 语法是固定的(w3c)

  • 用来显示数据

  • 有一些特定的版本严格遵守XML规范


可以将HTML理解为标签固定的XML


五、跨行和跨列


六、英雄联盟案例


1. 分区


  • 分为3个区域

  • 宽度都是960,都水平居中

  • 在每个div上加上这句话

  • style="border:1px solid red; width:960px; margin:0 auto"


2. 逐个区域写代码


  • 居中

  • <p align="center"></p>


补充


1.创建WEB项目


  • 必须切换到JavaEE视图(点Eclipse右上角JavaEE)

  • 选择项目下的Deployment,右键点击Generate...

2. 单词

  • heading 标题

  • paragraph 段落

  • Ordered List 有序列表

  • Unordered List 无序列表

课堂练习


开发英雄联盟案例

作业:将英雄联盟案例再写一遍.

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<!-- 顶部区域 -->

<div style="border:1px solid red; width:960px; margin:0 auto">

<img src="../../images/lol.png"/>

</div>

<!-- 中间区域 -->

<div style="border:1px solid red; width:960px; margin:0 auto">

<h1>英雄联盟</h1>

<p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《英雄联盟》(简称lol)是由美国<u>Riot Games</u>开发,<b>腾讯</b>游戏运营的英雄对战网游。《英雄联盟》除了即时战略、团队作战外,还拥有特色的英雄、自动匹配的战网平台,包括天赋树、召唤师系统、符文等元素。

</p>

<table width="70%">

<tr>

<td>中文名</td>

<td>英雄联盟</td>

<td>发行商</td>

<td>腾讯游戏</td>

</tr>

<tr></tr>

<td>其他名称</td>

<td>撸啊撸、lol</td>

<td>发行日期</td>

<td>2011年9月22日</td>

<tr>

<td>游戏类型</td>

<td>策略、角色扮演、竞技、团队合作</td>

<td>玩家人数</td>

<td>多人</td>

</tr>

<tr>

<td>游戏平台</td>

<td>PC</td>

<td>游戏画面</td>

<td>3D</td>

</tr>

</table>

<h2>目录</h2>

<ol>

<li><a href="#游戏背景">游戏背景</a>

<ul>

<li>战争学院</li>

<li>德玛西亚</li>

</ul>

</li>

<li><a href="#游戏系统">游戏系统</a>

<ul>

<li>天赋系统</li>

<li>符文系统</li>

</ul>

</li>

</ol>

<h2><a name="游戏背景">1、游戏背景</a></h2>

<h3>战争学院</h3>

<p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;战争学院是英雄联盟裁决瓦洛兰政治纠纷之地。这里是绝对中立的领土,严禁任何纷争。违反者将面对学院的士兵和魔法。学院坐落于一座巨型水晶枢纽之上,由黑曜石、 贵金属和魔法塑形而成。它位于莫格罗恩关隘的北方入口,刚好位于相互敌对的城邦德玛西亚和诺克萨斯之间。</p>

<p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;除了作为英雄联盟所在地,战争学院还是瓦洛兰最权威的军事培训机构。很多图书馆都致力于收录战争学院的英雄信息,并向所有研究者开放。

</p>

<h3>德玛西亚</h3>

<p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;人类城邦德玛西亚坐落在瓦洛兰的西部海岸。德玛西亚人民的共同目标是通过善良和正义 让所有人都过得更好。他们认为恶毒自私如同疾病,应当从人类灵魂中根除。来到德玛西亚并定居于此的人们, 具有和本地居民一样的理想和美德。

</p>

<h2><a name="游戏系统">2、游戏系统</a></h2>

<h3>天赋系统</h3>

<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天赋技能分为三类:攻击类、防御类、通用类,天赋技能点总共为30点。</P>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;攻击类:提高物理、法术攻击强化偏重攻击的召唤师技能。</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;防御类:提高物理、法术防御及抗打击回复能力,强化偏重防御和回复的召唤师技能。</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;通用类:提高召唤师其他能力,强化多用途召唤师技能,减少技能冷却时间。</p>

<h3>符文系统</h3>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;符文有四种颜色,分别是印记(红色)、符印(黄色)、雕文(蓝色)和精华(紫色),不同的符文 类型在镶嵌时也要镶嵌到对应的符文槽里,在符文书每一页都有9个蓝槽、9个红槽、9个黄槽和3个紫槽供你镶嵌符文。</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在游戏中,只是购买了符文是不能对召唤师所选择的英雄有任何帮助的, 你需要将符文镶嵌在符文页当中,才能使符文在游戏中产生作用。</p>

</div>

<!-- 底部区域 -->

<div style="border:1px solid red; width:960px; margin:0 auto">

<p align="center">© 2020 英雄联盟 | 百科协议 | 百度百科合作平台 </p>

</div>

</body>

</html>

文章转载自amazingweiwei,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论