HTML+CSS初学者练习项目1:利用HTML简单标签制作《我的自我介绍》网页

适合初学者练习的HTML项目:制作一个《自我介绍》网页。

需要掌握内容:

HTML+CSS第一课:初识HTML-3个步骤创建自己的第一个html网页

HTML+CSS第二课:格式标签、图像标签、链接标签的使用

HTML+CSS第五课:使用Dreamweaver工具制作网页

 

知识点:

HTML文档基本结构、图像标签 、段落标签

、强制换行
、水平线
、标题标签

、更改字体样式标签、链接标签制作锚点

 

制作思路:

1、整体页面居中,使用

标签实现

2、制作滚动文字效果,使用标签实现。在HTML和HTML5中都属于废弃的特性,建议不要使用这个标签,这里是为了增加网页动态效果而演示使用)

3、利用


标签制作水平线,可以通过属性设置,设置水平线的颜色、宽度等。

4、利用标签制作锚点,实现从页面的底部直接回到当前页面的顶端。

 

 

实现效果:

 

 

网页代码:





王迪的自我介绍网页



  

王迪

星座控/轻生活/轻日记/轻梦想

======QQ:1476737138======



生活

给时光一份浅浅的回眸,给心灵一份淡淡的安暖,芬芳过往,岁月静好。






02

工作






03

胡言

当网页设计遇上文艺范是一场怎样的邂逅,不要计划相遇,最美好的事情总是偶然发生的!——王迪






04

日记




点击回到顶部

注意事项:

1、在DW软件中新建站点,并提前将制作网页要用到的图片拖放到站点文件里。

2、在网页上引用图像时,注意图像路径的正确引用。

3、页面元素之间希望空行多一些时,可以多用几个
标签或者几对

标签。

 

 

思考延伸:

在自我介绍网上,利用

    标签或
      标签添加更多对自己的自我介绍,比如我的兴趣爱好介绍、我喜欢的食物等……

       

       

      ====================这里是结束分割线=========================

      你可能感兴趣的:(HTML+CSS网页设计)