html基础学习第一节–认识html

认识html

html是Hypertext Markup Language的缩写,即超文本标记语言。这样一听,大家都会觉得很简单!是的,html好比论坛上的UBB,就是用特定的标记来定义内容!我们只要了解其架构。灵活运用,就可以制作漂亮的网页,当然如何做漂亮,这就是一种经验和艺术了!在这里我不废话太多,有关html的百度百科大家看看,我不喜欢照搬过来,html的百度百科点这里你们先大概了解下,如果觉得太多看不懂也不怕,这里我会一一讲解!有可能没有书上讲的好!但讲得够灵活,因为书上的东西是死的,只死板的举个例子而并没有让太多人看明白!这也是我建站的初衷!关于html的入门,还请往下看!

html的架构

前面我让大家了解一下什么是html,但是很多人也许并不了解,所以这里,我和大家说下html的基本架构!首先!这里给大家看一段代码,如下:

代码

<html>
<head>
<title>标题内容</title>
</head>
<body>
网站内容
</body>
</html>

好,看看上面这段代码,我们不难发现,都是<标签></标签>这个形式,也就是前面定有了一个标签,后面就有一个结束标签,好比如写作文里面的双引号!这就是基本的格式!有<>必须有</>回来!明白了吧!
好,明白了标签的使用,接下来说说标签。我们先来具体了解一下,什么是标签。标签有定义标签,属性标签等。什么是定义标签呢<title></title>这就是一个定义标签!属性标签我们后面详细介绍!

首先,<html></html>这个是定义文本语言,也就是下面的内容是html编写,<head></head>是定义头部文件,头部文件的定义以后继续说明,这里我说下<title>属性,这个属性定义的是网页的标题,比如百度一下你就知道这个标题,就是用<title>百度一下,你就知道</title> 来实现标题定义!好,我们来看看<body>这个标签。这里定义的是正文内容,也就是网站主体显示的内容,都在<body></body>里面!这里需要说明的是,网站最基础的架构,就是上面那段代码!但是,这只是一个简单的网页架构,更深入的研究以后慢慢来!

专业术语

上面我们讲了大概的架构,大家也有了一定的了解,我觉得,大家如果一直看教程,是不会懂的,所以,在最下面,交给大家一个任务!大家自己练习!

这里说说专业术语

<html>
<html>是一个html标签,说明下面的文本用html编写

<head>
<head>是一个头部标签,定义头部文件,关于头部文件,并不是仅仅定义<title>属性,还有其他用途,以后说明!

<title>
<title>是一个定义标签,定义网站标题名字

<body>
<body>是一个定义标签,定义网站的主体内容,也就是显示出来的内容

写自己的第一个html

上面介绍了这么多,你真的懂了吗?看似懂,却不是很明白,我说一百次,你看一万次都没用,动手实习才是硬道理

下面我们来说说怎么编写自己第一个html,html其实不能算一种语言,因为很简单,只是一种标识而已。好,废话不多说,首先,在桌面新建一个文本文档,就是右键桌面,新建,选择文本文档,然后打开这个文本文档,按照我上面的代码自己写一遍,<title></title>和<body>&lt/body>之间的内容可以随便改成你喜欢的标题和内容,然后点文件-另存为-选一个自己能看到的地方,把文件名改为index.htm或者.html都可以,注意后缀必须为htm或者html而不是txt,然后你会发现你放的目录里面多了一个有浏览器图标的文件,双击打开就会出来浏览器,就可以看到你写的内容!

小结

大家看了这上面的东西可以感觉到,html是真的很简单,只要多练习,不怕学不会!这一节我们了解了html的基本架构,对于以后的学习就带来了帮助,学会了html后,以后学其他计算机语言就有了基础,有了个大概的思路,以前学语言,总是不知道如何下手!其实多练习才是最重要的,教程只是死的

课后作业

大家课后可以多练习,多写几次代码,直到完全熟悉不用看这个网页就可以熟悉下来

本节单词

本节中的单词只有四个,很好记,希望课后记下来,分别是html,head,title和body

html基础学习第一节--认识html
 

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情