JSP相关学习-HTML_jsp enter bookmark name-CSDN博客

本文链接：https://blog.csdn.net/levilevilevi/article/details/108685852

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>

在这里插入图片描述