Java Web系列01---HTML
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Java Web系列01---HTML相关的知识，希望对你有一定的参考价值。
一、html概述
HTML，超文本标记语言，hyper text markup language，用于创建网页。
1）名词解释
- 超文本：比普通文本功能强大，可以描述文本的字体、颜色，可以展示图片和超链接
- 标记：标签，使用不同的标签展示不同类型的内容，比如使用 <p> 标签展示段落，使用 <img> 展示图片
- 语言：是标记语言，不是编程语言
2）书写规范
- 文件的后缀名是 .html 或 .htm
- 标签必须用 < > 包裹标签名，比如 <p>，<img>
- 属性的写法：key="value"
- 注释的写法：<!-- 注释内容 -->
- HTML 不区分大小写，建议使用小写
3）注意
- 将所有内容放在 <html></html> 中
- 一般标签都有开始标签和结束标签，没有结束标签的称为空标签
- 标签必须正确嵌套，且最好关闭（空标签使用 / 在开始标签中关闭）
4）示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> <!-- 网页内容 --> </body> </html>
- <html>：根标签
- <head>：头标签，存放网页元信息，导入样式和脚本文件；一般不显示在网页上
- <title>：设置网页标题
- <body>：体标签，存放网页要展示的内容
- <head>：头标签，存放网页元信息，导入样式和脚本文件；一般不显示在网页上
<meta charset="utf-8"> 设置网页的字符集，解决中文乱码问题。
二、常用标签
1）标题
格式：<h1>一级标题</h1> ~ <h6>六级标题</h6>
说明：
a. <h1>定义最大标题，<h6>定义最小标题
b. 有内置的字号，文字加粗，占据一行
属性：
align 对齐方式，left 左对齐，center 居中，right 右对齐
2）字体
格式：<font>文字</font>
说明：
a. 已废弃，不建议使用
b. 可以设置文字的字体、尺寸和颜色
属性：
face 字体
size 尺寸，取值范围 1~7，默认值 3
color 颜色
3）段落
格式：<p>段落文本</p>
4）格式化文字
- 粗体：<b></b>
- 斜体：<i></i>
- 强调：<strong></strong>
5）空标签
- 水平线：<hr/>
- 换 行：<br/>
6）图片
格式：<img />
属性：
src 图片路径
alt 替代文本
title 鼠标悬浮时显示的文字
width 宽度
height 高度
7）列表
- 有序列表 <ol>
- type 属性值设置顺序的类型，可取值：1 表示数字，a A 表示英文字母，i I 表示罗马字母
- 无序列表 <ul>
- type 属性值设置符号的类型，可取值：circle，disc，circle
<ol type="A">
<li>Java</li>
<li>Python</li>
<li>javascript</li>
</ol>
<ul type="circle">
<li>A</li>
<li>T</li>
<li>B</li>
</ul>
8）超链接
格式：<a href="">文字或图片</a>
属性：
href 跳转的地址
target 打开链接的方式
_self 本标签页打开
_blank 新标签页打开
framename 在指定框架中打开
以上是关于Java Web系列01---HTML的主要内容，如果未能解决你的问题，请参考以下文章
[原创]java WEB学习笔记61：Struts2学习之路--通用标签 property，uri，param,set,push,if-else,itertor,sort,date,a标签等(代码片段
maven web项目的web.xml报错The markup in the document following the root element must be well-formed.(代码片段