黑龙江省娇馨化妆品有限公司

页面效果展示视频加载中...
页面完整代码&l;
DOCTYPE HTML&g;
&l;
html&g;
&l;
head&g;
&l;
title&g;
大一HTML网页制作任务轻松简明&l;
/title&g;
&l;
style&g;
a:hover{background-color:yellow;}
&l;
/style&g;
&l;
/head&g;
&l;
body&g;
&l;
div style="width:5%;margin:auto"&g;
&l;!
--使页面居中显示，并展视窗5%宽度--
&l;
div style="position:fixed;top:0"&g;
&l;!
--使导航菜单悬停在顶端--
&l;
a style="margin:0 10px" href="#page1"&g;
主页&l;
/a&g;
&l;
a style="margin:0 10px" href="#page2"&g;
学习资源&l;
/a&g;
&l;
a style="margin:0 10px" href="#page3"&g;
常见问题解答&l;
/a&g;
&l;
div style="margin:0 10px;width:6px;overflow:hidden"&g;
&l;!
--小div套大div隐藏滚动条--
&l;
div style="margin:0 8px;width:61px;height:5px;overflow-y:scroll;overflow-x:hidden"&g;
&l;!
--小div--
&l;
p&g;
&l;
h a id="page1"&g;
主页&l;
/h&g;
作为大学新生的你，是否面对HTML网页制作感到困惑？别担心！本页面为您提供全面的指南，让你轻松学习并完成大一的HTML网页制作任务。
&l;
br&g;
主页包含以下模块：
- 学习资源：提供详细的HTML教程和实例代码；
- 常见问题解答：针对学习中遇到的问题给出解答；
- 互动交流：与其他学习者分享经验和疑问。
&l;
h a id="page2"&g;
学习资源&l;
/h&g;
在本页面，你将找到以下学习资源：
- 从零开始学习HTML教程；
- 高级技巧和最佳实践经验分享；
- 实例代码和案例讲解。
通过这些资源，你可以在短时间内掌握HTML的基本知识和技能。
&l;
h a id="page3"&g;
常见问题解答&l;
/h&g;
针对初学者可能遇到的问题，我们整理了以下常见问题解答：
- 如何设置网页的背景颜色？
- 如何插入图片到网页中？
- 如何创建超链接？
通过这些问题解答，让你在学习过程中无所顾虑。
&l;
img border="" src="img/image1.jpg" seamap="#map"&g;
&l;
map name="map" id="map"&g;
&l;
area shape="poly" coords="14,6,186,175,46,6,4,98,6,,96,8,478,1,516,46,496,4,,158,48,14,6,19,,18" href="https://www.zhih.com/question/10101010 title="HTML入门教程"&g;
&l;!
--必须保证画面尺寸与页面显示尺寸一致！
--&l;
&l;
/map&g;
&l;
/div&g;
&l;
<div style="margin:0 10px;width:6px;overflow:hidden"&g;
&l;!
--小div(结尾)--
&l;
/div&g;
&l;
/div&g;
&l;!
--小div套大div隐藏滚动条（结尾）--
&l;
/div&g;
&l;!
--使页面居中显示，并展视窗5%宽度（结尾）--
&l;
/div&g;
&l;
/body&g;
&l;
/html&g;
页面制作技术解析1.
页面内容居中显示方法.
导航栏悬停顶端方法.
鼠标滑过导航标题或链接时改变背景色提示.
隐藏滚动条方法4.
图片区域链接大家结合代码和技术解析，先自行分析一下每段代码的作用，以及它们之间的前后关系。
这一步练习对培养代码阅读能力很有好处，希望大家可以先自行阅读分析。
下一次，我会逐步演示“页面制作技术解析”中的五个步骤以及一些注意事项。
使用碎片时间，学习完整知识！
关注大鱼师兄，一起精研技艺。
目录HTML序章（学习目的、对象、基本概念）——零基础自学网页制作HTML是什么？
——零基础自学网页制作第一个HTML页面如何写？
——零基础自学网页制作HTML页面中head标签有啥用？
——零基础自学网页制作初识meta标签与SEO——零基础自学网页制作HTML中的元素使用方法1——零基础自学网页制作HTML中的元素使用方法——零基础自学网页制作HTML元素中的属性1——零基础自学网页制作HTML元素中的属性（路径详解）——零基础自学网页制作使用HTML添加表格1（基本元素）——零基础自学网页制作使用HTML添加表格（表格头部与脚部）——零基础自学网页制作使用HTML添加表格（间距与颜色）——零基础自学网页制作使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作16进制颜色表示与RGB色彩模型——零基础自学网页制作HTML中的块级元素与内联元素——零基础自学网页制作初识HTML中的&l;<div&g;块元素——零基础自学网页制作在HTML页面中嵌入其他页面的方法——零基础自学网页制作封闭在家学网页制作！
为页面嵌入PDF文件——零基础自学网页制作HTML表单元素初识1——零基础自学网页制作HTML表单元素初识——零基础自学网页制作HTML表单（下拉列表、多行文字输入）——零基础自学网页制作HTML表单4（form的action、method属性）——零基础自学网页制作HTML列表制作讲解——零基础自学网页制作为HTML页面添加视频、音频的方法——零基础自学网页制作音视频格式转换神器与html视频元素加字幕——零基础自学网页制作HTML中使用&l;<a&g;标签实现文本内链接——零基础自学网页制作HTML中的图片区域链接方法详解——零基础自学网页制作HTML图片区域链接注意事项与Gimp基本用法——零基础自学网页制作用HTML制作一个简单页面(详解)——零基础自学网页制作（完结篇）