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
预览: