JavaWeb6——HTML基本概念和基本标签

1. HTML 基本概念

• HTML (Hypertext Marked Language), 超文本语言。
• HTML 文件不仅包含文本内容，还包含一个 Tag (即标记)。
• HTML 中的标记能够被所有的浏览器的解释执行。
• 目前，HTML 5 已经逐渐成为万维网的核心语言。

2. HTML 基本标签

2.1 超链接标签< a >

• 示例

<a href="https://www.sina.com.cn">1. 超链接标签：新浪</a>

• 性质

1. 独占一行
2. 双标签

2.2 段落标签 < p >

• 示例

<p>2. 段落标签</p>

• 性质

1. 独占一行
2. 双标签

2.3 字体标签 < font >

• 示例

<font face = 宋体 size = 20px color = red>3. 字体标签</font>

• 性质

1. 独占一行
2. 双标签

2.4 图片标签 img

• 示例

4. 图片标签<img src="./javaweb_log.jpg" width="300" height="200" />

• 性质

1. 不独占一行
2. 图片可设置宽高

2.5 列表标签 < ol >和< ul >

• 示例

<ol>5. 标有数字的列表</ol>
<ul>5. 标有圆点的列表</ul>

• 性质

1. 独占一行
2. 双标签

2.6 表格标签 < table >

• 示例

<table>6. 表格标签</table>

- <tr> 定义表格行
- <th> 定义表头
- <td> 定义表格单元

• 性质

1. 独占一行
2. 双标签

2.7 输入标签 input

• 示例

用户<input type="text" name="username" value="">

• 性质

1. 不独占一行

2.8 表单标签 < Form >

• 重点表单标签