首页 > 代码库 > Java Web系列01---HTML

Java Web系列01---HTML

2024-10-03 04:51:39   214人阅读

 一、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>：体标签，存放网页要展示的内容

<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


联系
我们