一步步学习html----第一课

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 15:09 点击:

在讲授第一课的时候,首先要给大家表明的一个概念是:我们学习的是一门语言,而不是一个编译工具,所以我们要习惯在编写程序的时候忽略编译工具的概念,因为只有忽略了编译工具,才能真正意义上的明白一门语言的精髓在哪里,也才能真正掌握一门语言到底是怎么样学到的,这个过程很重要。
很多时候我们在初始一门语言的时候,就首先去搞这门语言的编译器或者叫做集成开发环境,以为搞好了这个就能完全掌握一门语言了,其实不然,很多都只是学会了一点皮毛而已,如果真正的运用到项目的开发中简直就是不堪一击的,所以在讲授这门课之前,我强烈建议大家还是先用txt记事本或者是微软的word文档去敲代码,然后熟悉掌握每一个代码到底是干嘛用的,这样才能在掌握这门语言之后选择性的使用开发效率高的编译器。
今天是第一课,首先看一个代码:
<?xml version="1.0" encoding="UTF-8"?>
//因为html是一种超文本标记语言,但是它也是基于xml的,所以在这里可以看到的是给出了xml的版本是1.0;而且也表明了其标准码是UTF-8;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
//上面这个长得很像网址的这个东西并不是网址,而是一个命名空间,这个在以后的学习中会慢慢的介绍到的,但是这里主要的html标签,它就像是一个大房子把所有的东西都包在里面。
<head>
<title>The First Web Page</title>
//head标签,是html标签里面的一个阳台一样的,它会提示你这个房子到底是干嘛用的,所以这里就要加入了title标签,在title里面就要加入你的标题,简要的阐述这个网页的具体内容。
</head>
 
<body>
//跟head标签平起平坐的一个标签,这个标签的作用是解释head中的title所包含的内容;
这里的h系列的标签其实就是header:标题的意思;p:paragraph,段落的意思;
<h1>
the first web page
</h1>
<p>
In the beginning, Time created the HyperText Markup Language.The Internet was without form and void,and text was upon the face of the monitor and the hands of Tim were moving over the face of the keyboard.And Tim said,Let there be links;and there were links.And Tim saw that the links were good;and Time separeted the links from the text.Time called the links Anchors,and the text He called Other Stuff.And the whole thing together was the first Web Page.
</p>
</body>
</html>
这应该是最简单的html代码了,里面的标签的含义我已经在代码中给予了标注。
这段代码的最开始的几行代码属于标准的样本代码,就是说几乎所有的页面源代码里面都会包含这些内容。
下面说说需要注意的几点问题:
1、每个网页都必须要包含html标签;
2、在程序中的<p>标签用于包含一段文本。在这个实例里面,这个标签并不是必须的,因为这里只有一个段落,如果这个网页里面包含了很多很多的段落,这个标签就会显得很重要了。
现在基本的讲述已经结束了,第一课也就到此为止,下次课再见!
作者 “黎黎原上草”

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • 7大主流B2C首页导航栏设计对比分析
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1