初识HTML

以前看到过网页源码,也就是那些HTML语句,不过当看到那些尖括号、破折号等一系列“莫名其妙”的符号时,我的第一反应就是关掉它,这些东西我是看不懂的。人呢,往往都是这样,遇到自己不会的东西,会不自觉的产生抵触心理,总是敬而远之。其实,好多东西并没有我们想像的那么难,只要我们仔细、有耐心的看一下,你会发现我们同样可以。

 

说道HTML,以前总以为它是什么高深莫测的东西。在看牛腩新闻发布系统的时候,设计网页的时候用到了HTML,这是我第一次真正接触HTML吧。在视频中,牛老师多次提到什么DIV、什么CSS(Cascading Style Sheets  层叠样式表单),说我们这次的网页制作就是采用DIV+CSS,当时我就蒙了,什么是DIV,CSS又是什么呀?他们和HTML又有什么关系呀?当时虽然不是很清楚,但还是继续看视频,现在貌似对这些东西有了一定的了解。

 

其实,DIV并不是单独存在的,它只是HTML当中的一个最基本的标签,而标签是HTML的核心部分。至于CSS,我觉得它是HTML的一个补充,是对HTML的完善。它的作用呢,和面向对象中的抽象类差不多,将一些共有的东西放在一起,简化了代码,同时也为维护提供了方便。总之,网页设计的核心还是HTML。下面简单介绍一下HTML的重点。

 

HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言。其实它和我们熟悉的Visual Basic 语言、C语言等道理一样,只是语法格式不同,解析器不同罢了。我们只要了解了HTML的基本语法,就基本上可以看懂HTML代码,并能完成一些简单的网页设计了。

 初识HTML_第1张图片

上图让我们了解了HTML最基本的概念、最基本的语法,知道了属性、内容如何设置。

 

下面是HTML的基本框架:

初识HTML_第2张图片

知道上面这些东西,再了解一下具体标签的作用就OK啦!下面几张图片中介绍了HTML当中最主要的几个标签的作用。

初识HTML_第3张图片初识HTML_第4张图片初识HTML_第5张图片初识HTML_第6张图片

最后还有一个元素:

初识HTML_第7张图片

以上仅仅列出了重要的标签和元素,并未给出具体的使用方法,想知道具体的例子就去百度吧。


你可能感兴趣的:(初识HTML)