JSP课程学习(第一周)

JSP课程学习(第一周)

学习目标:

回顾HTML

学习内容:
HTML基本了解:

HTML(Hyper Text Markup Language)是一种用来制作超文本的简单标记语言,只是一种标记符。通过一些约定的标签符号对文件内容进行标注,指出内容的输出格式,如字体大小及颜色、背景颜色、表格形式、各部分之间逻辑关系等。当用户浏览WWW信息时,浏览器自动解释这些标签的含义,并按照一定的约定格式在屏幕上显示这些被标记的信息。.html或.htm扩展名,是能独立于各种操作系统平台的可供浏览器解释浏览的网页文件。

HTML标签:

单标签(语法是:<标签 />)双标签(语法是:<标签>内容</标签>)

HTML标记–<head>类:</head> 标记用于提供与Web页面有关的各种信息
主要内容:

<title>设置网页的标题
<style> 设置CSS样式表内容
<script> 设定网页中程序脚本的内容
<link> 设定外部文件的链接,如链接CSS外部样式表文件
<meta>

HTML标记–<meta>类:<META>标记用来在HTML文件中模拟HTTP协议的响应头报文,是实现元数据的主要标记,它可以用于鉴别作者、标注内容提要和关键字、设定页面字符集、刷新页面等。例如:

1、<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-----------设定网站的字符集为GB2312简体中文
2、<meta http-equiv="refresh" content="240" />
-----------设置网站页面每隔240S刷新一次
3、<meta http-equiv="refresh" content="3;url=http://www.sohu.com/">
-----------设置网站页面的自动跳转时间为3秒,跳转到搜狐网
4、<meta http-equiv="cache-control" content="no-cache" />
-----------设定禁用缓存
5、<meta http-equiv="expires" content="fri,31 dec 2019 10 11 20 GMT" />
------------设定页面到期时间为2019年12月31日星期五10点11分20秒
6、<meta http-equiv="page-enter" content="revealtrans(duration=3,transition=8)" />
-------------设定页面切换效果
7、<meta name=“generator" content=“notepad" />
-----------设定以记事本作为网页的编辑工具
8、<meta name=“keywords” content=“工资改革" />
-----------设置网站页面的关键字为工资改革
9、<meta name=“discription” content=“这是一个企业网站” />
-----------设置网站页面的描述为这是一个企业网站
10、<meta name=“author” content=“方亮" />
-----------设定网站页面的作者为方亮
11、<meta name=“build content=“2018.09.01" />
------------设定建立网站的日期
12、<meta name=“copyright” content=“乐维先生" />
-------------设定网站版权信息

HTML标记–<body>类:

bgcolor:设置页面背景颜色的属性
background:背景图案或图像文件的URL
text:设置网页文件的颜色
alink,vlink,link:控制页面超链接文字的颜色。

HTML文字排版标记–文字与特殊符号:

对于空格和一些特殊符号就不能直接输入了,而是需要通过一个以“&”符号开头,以“;”符号结束的实体名称来代替。常用的特殊符号及其对应的实体名称如下表所示。

JSP课程学习(第一周)

HTML文字排版标记–段落标记: 段落标记以<p>标记开头,以</p>标记结束。段落标记在段前和段后各添加一个空行。
HTML文字排版标记–换行标记:可以使用换行标记<br>标记来完成文字的换行显示。
HTML文字排版标记–标题标记:在HTML标记中,设定了6个标题标记,分别为<h1><h6>,其中<h1>代表1级标题,<h2>代表2级标题,<h6>代表6级标题等。数字越小,表示级别越高,文字的字体也就越大。
HTML文字排版标记–标题标记:

JSP课程学习(第一周)

HTML标记–列表标记–有序列表:

JSP课程学习(第一周)

HTML多媒体标记–图像标记:在HTML页面中可以使用标记插入图片。标记的语法格式如下:

<img src="url" width="value" height="value" border="value" alt="提示文字" >

JSP课程学习(第一周)

HTML标记–超链接标记:使用标记来定义超链接。超链接标记的基本语法格式如下:

<a href="url" hreflang="language" name="bookmarkName" type="mimeType" charset="code"  target="target" tabindex="value"  accesskey="key">
Linkcontent
</a>

JSP课程学习(第一周)

HTML标记–表格标记–<table>属性:JSP课程学习(第一周)
HTML标记–表格标记–<tr>属性:

JSP课程学习(第一周)

HTML标记–表格标记–<td>属性:JSP课程学习(第一周)

HTML表单标记:表单<form></form>在网页中用来供用户填写信息,以实现服务器获得用户信息,是网页具有交互功能。JSP课程学习(第一周)

JSP课程学习(第一周)

HTML表单标记–<form>

JSP课程学习(第一周)
JSP课程学习(第一周)

JSP课程学习(第一周)
JSP课程学习(第一周)
JSP课程学习(第一周)

HTML表单标记–<input>

JSP课程学习(第一周)
JSP课程学习(第一周)

HTML表单标记–<textarea>

JSP课程学习(第一周)

HTML表单标记–<select>

JSP课程学习(第一周)

HTML表单标记–<button>

JSP课程学习(第一周)

举例:

JSP课程学习(第一周)
JSP课程学习(第一周)
JSP课程学习(第一周)
JSP课程学习(第一周)

文章声明:

本文章由版主排版编撰,依据西安财经大学JSP课程刘红梅刘老师PPT课件进行整理,禁止以任何形式转载,所有权归版主所有,违者必究。

学习产出:

第一次作业(百度网盘)提取码: rfyj
预览:JSP课程学习(第一周)

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

JSP课程学习(第一周)

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » JSP课程学习(第一周)
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏