网页设计语言基础是网页设计和制作的核心，主要围绕HTML（HyperText Markup Language）语言展开。HTML是一种标记语言，用于创建和格式化网页内容，通过浏览器解释执行，展示为用户友好的页面。它由一系列标签组成，这些标签告诉浏览器如何显示和处理页面元素。
2.1 HTML语言简介
HTML语言的基本结构包含文件头、表头和主体三个部分。一个简单的HTML文档示例如下：
```html
<html>
<head>
<title> 第一个主页 </title>
</head>
<body>
<p> 大家好！ </p>
</body>
</html>
```
其中，`<html>`是整个文档的根元素，`<head>`包含文档元数据如标题，而`<body>`包含实际的网页内容，`<title>`定义了页面的标题，`<p>`则用于创建段落。
2.2 基本页面布局
良好的页面布局对视觉效果至关重要。HTML文档的基本结构包括`<head>`，`<body>`，以及在`<head>`内的`<meta>`标签用于设置文档类型和字符编码。例如：
```html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title> 这儿是标题部分 </title>
</head>
<body>
这里是主体部分
</body>
</html>
```
2.2.2 常用页面标记
1. 基本标记：`<html>`, `<head>`, `<body>`, `<title>`
2. `<meta>`用于定义文档的元信息，如字符集
3. `<hn>`系列（如`<h1>`到`<h6>`）用于创建网页子标题
4. `<p>`表示段落，`<br>`用于换行
5. `<hr>`插入水平线
6. `<pre>`保留原文排版
2.2.3 页面布局综合实例
通过组合使用上述标记，可以创建更复杂的页面布局，如使用`<hr>`、`<hn>`、`<br>`、`<p>`、`<pre>`等。
2.3 文本修饰
为了增强网页的视觉吸引力，文本修饰是必要的。常用标记包括：
1. `<font>`设置字体、大小和颜色
2. `<b>`、`<i>`、`<u>`、`<em>`、`<strong>`、`<cite>`用于加粗、斜体、下划线、强调和引用
3. `align`属性（`left`、`right`、`center`）进行文本对齐
4. `<blockquote>`用于引用文本
5. `<code>`表示代码片段
6. `<sup>`和`<sub>`创建上标和下标
7. `<marquee>`创建滚动文本
8. 特殊字符可以通过HTML转义码实现
2.4 超链接
超链接是HTML的一大特性，提供页面间的跳转。主要有两种类型：文本超链接和图像超链接。链接目标可为其他页面、图像或文件，路径可以是绝对路径或相对路径。`<a>`标签用于创建超链接，如：
```html
<a href="http://example.com">链接文字</a>
```
参数如`class`和`id`用于CSS样式和JavaScript操作。
总结来说，HTML语言是网页设计的基石，通过理解并熟练掌握HTML的基本结构、布局、文本修饰和超链接创建，可以构建出功能丰富、视觉效果佳的网页。在实际工作中，结合CSS和JavaScript，可以进一步提升网页的交互性和美观度。
