WebBasic01-HTML
来源:互联网 发布:做网络销售工资怎么样 编辑:程序博客网 时间:2024/04/30 05:18
Web介绍:
*HTML:勾勒出页面的结构和内容 存储在服务器上,运行在浏览器上
*CSS:用来美化页面
*JavaScript(JS):让页面呈现动态的数据和效果
Web三要素:浏览器,服务器,HTTP协议
HTML
1.XML和HTML
1)XML:可扩展(自定义)标记语言,用来存储或传输数据.标签,属性,标签之间的嵌套关系都可以扩展
*单标签:<student/> 内容为空,双标签:<student></student>,单标签=内容为空的双标签
*属性:<student name="zs"></student>
*元素:标签+属性+内容
2)HTML:超文本标记语言,用来显示数据.标签,属性,标签之间的嵌套关系都已经固定(W3C)
*某些版本的HTML是按照XML的规范实现的
*简单理解HTML就是语法固定的XML
*HTML就是学习固定的语法(标签,属性,嵌套关系)
2.<head></head>:元素师所有头部元素的容器,对网页做一些基本的声明,包含 <title>,<meta>,<link>,<style>,<script>
*<meta>:声明网页内容所用的编码
*<title></title>:声明网页的标题
3.<body></body>:写网页的内容
1)<h#></h#>:标题的大小(h1~h6)
2)<p></p>:段落
3)列表:
*有序列表<ol></ol>:只能包含具体的列表项<li></li>
*无序列表<ul></ul>:只能包含具体的列表项<li></li>
4)分区元素:用于给元素分组,页面布局
*块分区元素:<div></div>
*行内分区元素:<span></span> 设置同一行文字内的不同格式
5)块级元素:
默认独占一行,元素前后都会自动换行,如:<p>,<div>,<h#>,<ol>,<ul>....
6)行内元素:
不会换行,可以和其他行内元素位于同一行,如:<span>....
<i>:斜体,<b>:加粗,<u>:下划线,<del>:删除线,<br>:在任何地方创建手动换行
7)图像元素:<img></img>
*必须属性:src
*常用属性:width,height
*绝对路径:windows系统 D:\tts9\workspace\day01\1.png
linux系统 /home/soft01/day01/1.png
特点:从根目录写到图片目录及名称
缺点:项目上线时要将代码放到服务器上,若放代码时改变了盘符则所有图片的目录都要加以修改
*相对路径:写出要访问的图片和当前页面的相对位置
优点:将代码放在服务器上时,若盘符发生变化,由于他们相对关系不变,代码不用修改
8)超链接元素:<a></a>
*href属性:连接URL
*target属性:目标打开方式,可取值为_bank(用新页面打开),_self等
*连接到本页面某一位置(锚),其URL是#+锚点名
9)表格元素:
*<table></table>:定义表格 常用属性:width(宽),border(),cellspacing(单元格之间的间距)等...
*<tr></tr>:创建行 跨行:rowspan(从上往下合并单元格,前提要合并的单元格中的内容先删掉)
*<td></td>:创建列 跨列:colspan(从左往右合并单元格,前提要合并的单元格中的内容先删掉)
*表头行分组:<thhead></thhead>
*表主体行分组:<tbody></tbody>
*HTML:勾勒出页面的结构和内容 存储在服务器上,运行在浏览器上
*CSS:用来美化页面
*JavaScript(JS):让页面呈现动态的数据和效果
Web三要素:浏览器,服务器,HTTP协议
HTML
1.XML和HTML
1)XML:可扩展(自定义)标记语言,用来存储或传输数据.标签,属性,标签之间的嵌套关系都可以扩展
*单标签:<student/> 内容为空,双标签:<student></student>,单标签=内容为空的双标签
*属性:<student name="zs"></student>
*元素:标签+属性+内容
2)HTML:超文本标记语言,用来显示数据.标签,属性,标签之间的嵌套关系都已经固定(W3C)
*某些版本的HTML是按照XML的规范实现的
*简单理解HTML就是语法固定的XML
*HTML就是学习固定的语法(标签,属性,嵌套关系)
2.<head></head>:元素师所有头部元素的容器,对网页做一些基本的声明,包含 <title>,<meta>,<link>,<style>,<script>
*<meta>:声明网页内容所用的编码
*<title></title>:声明网页的标题
3.<body></body>:写网页的内容
1)<h#></h#>:标题的大小(h1~h6)
2)<p></p>:段落
3)列表:
*有序列表<ol></ol>:只能包含具体的列表项<li></li>
*无序列表<ul></ul>:只能包含具体的列表项<li></li>
4)分区元素:用于给元素分组,页面布局
*块分区元素:<div></div>
*行内分区元素:<span></span> 设置同一行文字内的不同格式
5)块级元素:
默认独占一行,元素前后都会自动换行,如:<p>,<div>,<h#>,<ol>,<ul>....
6)行内元素:
不会换行,可以和其他行内元素位于同一行,如:<span>....
<i>:斜体,<b>:加粗,<u>:下划线,<del>:删除线,<br>:在任何地方创建手动换行
7)图像元素:<img></img>
*必须属性:src
*常用属性:width,height
*绝对路径:windows系统 D:\tts9\workspace\day01\1.png
linux系统 /home/soft01/day01/1.png
特点:从根目录写到图片目录及名称
缺点:项目上线时要将代码放到服务器上,若放代码时改变了盘符则所有图片的目录都要加以修改
*相对路径:写出要访问的图片和当前页面的相对位置
优点:将代码放在服务器上时,若盘符发生变化,由于他们相对关系不变,代码不用修改
8)超链接元素:<a></a>
*href属性:连接URL
*target属性:目标打开方式,可取值为_bank(用新页面打开),_self等
*连接到本页面某一位置(锚),其URL是#+锚点名
9)表格元素:
*<table></table>:定义表格 常用属性:width(宽),border(),cellspacing(单元格之间的间距)等...
*<tr></tr>:创建行 跨行:rowspan(从上往下合并单元格,前提要合并的单元格中的内容先删掉)
*<td></td>:创建列 跨列:colspan(从左往右合并单元格,前提要合并的单元格中的内容先删掉)
*表头行分组:<thhead></thhead>
*表主体行分组:<tbody></tbody>
*表尾行分组:<tfoot></tfoot>
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>英雄联盟</title> </head> <body> <!-- logo区 --> <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> 《英雄联盟》(简称lol)是由美国<u>Riot Games</u>开发,<b>腾讯游戏</b>运营的英雄对战网游。 《英雄联盟》除了即时战略、团队作战外,还拥有特色的英雄、自动匹配的战网平台,包括天赋树、召唤师系统、符文等元素。 </p> <table width="80%"> <tr> <td>中文名</td> <td>英雄联盟</td> <td>发行商</td> <td><b>腾讯</b>游戏</td> </tr> <tr> <td>其他名称</td> <td>撸啊撸、lol</td> <td>发行日期</td> <td>2011年9月22日</td> </tr> <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> 战争学院是英雄联盟裁决瓦洛兰政治纠纷之地。这里是绝对中立的领土,严禁任何纷争。 违反者将面对学院的士兵和魔法。学院坐落于一座巨型水晶枢纽之上,由黑曜石、 贵金属和魔法塑形而成。它位于莫格罗恩关隘的北方入口,刚好位于相互敌对的城邦德玛西亚和诺克萨斯之间。</p> <p> 除了作为英雄联盟所在地,战争学院还是瓦洛兰最权威的军事培训机构。 很多图书馆都致力于收录战争学院的英雄信息,并向所有研究者开放。</p> <h3>德玛西亚</h3> <p> 人类城邦德玛西亚坐落在瓦洛兰的西部海岸。德玛西亚人民的共同目标是通过善良和正义 让所有人都过得更好。 他们认为恶毒自私如同疾病,应当从人类灵魂中根除。来到德玛西亚并定居于此的人们, 具有和本地居民一样的理想和美德。</p> <h2><a name="系统">2、游戏系统</a></h2> <h3>天赋系统</h3> <p> 天赋技能分为三类:攻击类、防御类、通用类,天赋技能点总共为30点。</p> <p> 攻击类:提高物理、法术攻击强化偏重攻击的召唤师技能。</p> <p> 防御类:提高物理、法术防御及抗打击回复能力,强化偏重防御和回复的召唤师技能。</p> <p> 通用类:提高召唤师其他能力,强化多用途召唤师技能,减少技能冷却时间。</p> <h3>符文系统</h3> <p> 符文有四种颜色,分别是印记(红色)、符印(黄色)、雕文(蓝色)和精华(紫色), 不同的符文 类型在镶嵌时也要镶嵌到对应的符文槽里,在符文书每一页都有9个蓝槽、9个红槽、9个黄槽和3个紫槽供你镶嵌符文。</p> <p> 在游戏中,只是购买了符文是不能对召唤师所选择的英雄有任何帮助的, 你需要将符文镶嵌在符文页当中,才能使符文在游戏中产生作用。</p> <p><a href="#">回到顶部</a></p> </div> <!-- 版权区 --> <div style="border:1px solid red;width:960px;margin:0 auto;"> <center>© 2015 Tarena 使用百科前必读 | 百科协议 | 百科合作平台</center> </div> </body></html>
0 0
- WebBasic01-HTML
- html
- html
- html
- HTML
- HTML
- html
- html
- html
- html
- HTML
- HTML
- Html
- html
- HTML
- html
- HTML
- HTML
- KMP算法详解
- 过滤器
- 机器学习算法之朴素贝叶斯(Naive Bayes)--第二篇
- leetcode-7. Reverse Integer
- struts2拦截器
- WebBasic01-HTML
- HDU 5573 Binary Tree【构造】
- 《啊哈算法》第四章 万能的搜索之着色法
- 斐波那契查找详解
- Linux内核学习总结
- 1、认识c语言
- leetcode-1. Two Sum
- LeetCode 342 Power of Four
- poj2481Cows