认识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></body>之间的内容可以随便改成你喜欢的标题和内容,然后点文件-另存为-选一个自己能看到的地方,把文件名改为index.htm或者.html都可以,注意后缀必须为htm或者html而不是txt,然后你会发现你放的目录里面多了一个有浏览器图标的文件,双击打开就会出来浏览器,就可以看到你写的内容!
小结
大家看了这上面的东西可以感觉到,html是真的很简单,只要多练习,不怕学不会!这一节我们了解了html的基本架构,对于以后的学习就带来了帮助,学会了html后,以后学其他计算机语言就有了基础,有了个大概的思路,以前学语言,总是不知道如何下手!其实多练习才是最重要的,教程只是死的
课后作业
大家课后可以多练习,多写几次代码,直到完全熟悉不用看这个网页就可以熟悉下来
本节单词
本节中的单词只有四个,很好记,希望课后记下来,分别是html,head,title和body
您可以选择一种方式赞助本站
支付宝扫一扫赞助
微信钱包扫描赞助