利用html制作简单文章,一篇文章教你学会HTML_HTML/Xhtml_网页制作

5268f80b9b1e01f982625ef6fac83ca1.png

如果你不致力于成为美工的话,那么作为开发人员,可以读懂HTML、必要时能进行简单修改即可。下面跟着我的思路,保证一篇文让你看懂HTML,当然,再看的过程中,最好自己动手试试,这样理解就更深了。Ok,下面开始:(下面的符号均为英文状态下输入)

1、 html基本规则

我的网页

………………………..

………………….

几乎所有的网页都是按照这个格式来的,这是一个网页必须具备的标记,每个标记都放在< >里,以 >结束,只不过在省略号的地方加了很多乱七八糟的东西,也就是我们看到的内容。

将以上代码复制到一个记事本,然后另存为a.html文件,就成了一个网页,试试看呢

下面,以记事本方式打开,在之间加上“首页”二字,保存,再打开之后看到如图:

2013030823380826.jpg

接着,在首页 的前后加上标记 变为 首页,保存,再看看效果呢?

是不是就是我们平时上网看到的超链接了呢?只是这里点击“首页”没变化,因为我们添加的空连接,趁热打铁,我们照着前面的方法,在建一个页面,保存为b.html,然后将上面的“#”替换为b.html,在打开,点击首页,是不是就跳转到b页面了呢。(当然a和b页面都要在同一目录下)到这里为止,你应该了解到,其实网页上所有的功能都是由不同的类似于这样的标记来实现,你需要做的时记住这些标记的功能而已。

2、 网页结构

如果你上网时注意的话,其实网页都是分块的,如图所示

2013030823380827.jpg

当然这只是一个大致的结构,你还可以根据需要分成很多块,分块主要是为了修改方面及确定各自的表现样式。

这主要通过

标记来实现,下面我在 “首页”加上

标记试试:

首页

保存,在打开试试,什么效果呢?

是不是还是和修改之前一样呢,下面我们为其加上一些修饰:

本站所有资源全部来源于网络,若本站发布的内容侵害到您的隐私或者利益,请联系我们删除!

合作方式

Copyright © 2004-2018 https://www.gxlcms.com/. All Rights Reserved.

豫ICP备19030742号

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值