JSP课程学习(第一周)

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

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文字排版标记–文字与特殊符号:

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

HTML文字排版标记–段落标记: 段落标记以<p>标记开头,以</p>标记结束。段落标记在段前和段后各添加一个空行。

HTML文字排版标记–换行标记:可以使用换行标记<br>标记来完成文字的换行显示。

HTML文字排版标记–标题标记:在HTML标记中,设定了6个标题标记,分别为<h1><h6>,其中<h1>代表1级标题,<h2>代表2级标题,<h6>代表6级标题等。数字越小,表示级别越高,文字的字体也就越大。

HTML文字排版标记–标题标记:

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

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

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

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

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

HTML标记–表格标记–<table>属性:

HTML标记–表格标记–<tr>属性:

HTML标记–表格标记–<td>属性:

HTML表单标记:表单<form></form>在网页中用来供用户填写信息,以实现服务器获得用户信息,是网页具有交互功能。

HTML表单标记–<form>




HTML表单标记–<input>


HTML表单标记–<textarea>

HTML表单标记–<select>

HTML表单标记–<button>

举例:




文章声明:

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

学习产出:

第一次作业(百度网盘)提取码: rfyj
预览:

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服