Web程序设计基础——edu实训平台代码（1）
目录
Web前端开发概述
Web前端开发相关的技术
HTML5基础
HTML5-文档头部
HTML5-文本控制类标签
HTML5-图像的运用
表格标签-表格基本结构
HTML5-超链接的应用
表格标签—表格高级样式的设置
页面元素和属性
结构元素
页面结点元素
交互元素
文本层次语义元素
分组元素
Web前端开发概述
-
Web前端开发相关的技术
1.创建第一个网页
我的第一个网页<title>
</head>
<body>
<h1 align = left>初识HTML<h1>
</body>
<!-- ********* End ********* -->
</html></code></pre>
<h2 id="HTML5%E5%9F%BA%E7%A1%80" style="margin-left:0pt;text-align:center;"><strong><strong><strong>HTML5基础</strong></strong></strong></h2>
<ul>
<li style="text-align:justify;"> <h3 id="HTML5-%E6%96%87%E6%A1%A3%E5%A4%B4%E9%83%A8"><strong><strong>HTML5-文档头部</strong></strong></h3> </li>
</ul>
<p style="margin-left:.0001pt;text-align:justify;"><strong><strong>第1关 页面标题及字符集的设置</strong></strong></p>
<p style="margin-left:.0001pt;text-align:justify;">1.设置网页标题，标题文字为“设置标题”；</p>
<p style="margin-left:.0001pt;text-align:justify;">2.设置页面的字符编码格式为utf-8。</p>
<pre><code class="language-html"><!DOCTYPE html>
<html>
<head>
<!-- ********* Begin ********* -->
<title>设置标题
元信息的设置
第2关 元信息的设置
1.在
之间为浏览器提供10秒后跳转至百度首页https://www.baidu.com/的元信息；2.在
之间为浏览器设置页面失效期，失效时间是2021年12月31日8点整(注意时间格式，其星期要按照实际值)；3.在
之间为搜索引擎设置网页关键词，关键词分别为“前端”、“元信息”、“网页跳转”、“失效期”、“搜索关键词”（请按此顺序列出关键词）。
设置标题
元信息的设置
第3关 link标签
以链接外部css样式表，外部样式表文件的url地址是https://www.educoder.net//api/attachments/2306844。
设置标题
元信息的设置
-
HTML5-文本控制类标签
第1关：html5-网页背景及标题段落标签
1.为网页添加背景图像，图像的url地址为https://www.educoder.net/api/attachments/2308369
2.将文本“第一章 HTML5基础”设置为一级标题，采用居中对齐；
2.将文本“1.1 文本控制标签”设置为2级标题，采用左对齐。
3.在将文本“这是第1个段落。”设置为一个段落，采用两端对齐。
标题段落的设置
第一章 HTML5基础
1.1 文本控制标签
这是第1个段落。