本课程主要教授JavaWeb相关的静态网页制作技术，涵盖HTML基础知识，包括常见标签的使用，如表格、链接、图片、表单和框架的创建。目标是帮助学习者掌握构建静态网页的核心技能。
在HTML（超文本标记语言）中，网页的基本元素大多由HTML语言描述，包括文字、图形、动画、声音、表格和链接等。HTML由各种标签组成，这些标签用于控制网页的展示效果。标签分为单标签和双标签，如<BR>是一个单标签，用于换行；而<B>内容</B>则是一个双标签，使内容显示为粗体。
HTML语言不区分大小写，但为了代码的可读性和一致性，建议统一使用小写或大写字母。一个基本的HTML文档结构如下：
```html
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
<!-- 头部信息，如CSS和JavaScript引用 -->
</head>
<body>
<!-- 主体内容 -->
<h1>一级标题</h1>
<p>段落内容</p>
<hr size="3" width="50%" align="center" noshade color="blue"> <!-- 水平线标签及其属性 -->
<a href="http://example.com">链接文本</a>
<img src="image.jpg" alt="图片描述">
<table>...</table>
<!-- 表格标签 -->
<form>...</form>
<!-- 表单标签 -->
<iframe>...</iframe>
<!-- 框架标签 -->
</body>
</html>
```
HTML中的常见标签包括：
1. **文字布局及字体标签**：
- `<h1>`到`<h6>`定义了六级标题，分别代表一级到六级标题。
- `<p>`用于创建段落。
- `<br>`用于换行。
- `<hr>`创建水平线，可以通过size、width、align和noshade属性进行定制。
- `<b>`和`<i>`用于加粗和斜体文本，还有`<u>`下划线、`<strong>`强调、`<em>`着重等。
2. **文字设计标签**：
- `font-size`属性可以用来设置字体大小，可以用绝对单位（如px）或相对单位（如em）。
- `color`属性设置文本颜色。
- `font-family`属性定义字体系列，可以指定多种字体作为备选。
3. **链接标签**：
- `<a>`标签用于创建链接，href属性定义链接地址，target属性可以设置新窗口打开链接。
4. **图像标签**：
- `<img>`标签插入图片，src属性指定图片源，alt属性提供图片描述，height和width属性定义尺寸。
5. **表格标签**：
- `<table>`、`<tr>`、`<th>`（表头）、`<td>`（数据单元格）等标签用于创建和格式化表格。
6. **表单标签**：
- `<form>`用于创建表单，`<input>`、`<textarea>`、`<select>`、`<option>`等标签用于创建输入控件，`<button>`创建按钮，`<label>`关联输入控件，`<fieldset>`和`<legend>`组织表单区域。
7. **框架标签**：
- `<iframe>`允许在页面中嵌入其他网页或者资源。
学习这些基本标签和属性是构建动态网页的第一步，它们构成了网页内容的基础结构，并且可以结合CSS和JavaScript进行更复杂的页面设计和交互。对于JavaWeb开发者来说，理解HTML是开发动态网页应用程序的前提，能够更好地与前端开发人员协作并实现前后端分离的开发模式。
我的内容管理
展开
