多朋友想学一下网页制作,上网一看,只要涉及到网页制作,都离不开HTML这个词语,HTML是HyperText Markup Language的简称,想学习HTML语言,先得了解一些基本知识,今天这边内容可以作为学习HTML的菜鸟教程第一课。
HTML是什么?
一般我们说HTML是指超文本标记语言,英文名称为HyperText Markup Language,简称HTML,它是目前互联网上应用最广泛的语言。
如何查看HTML?
拿最常见的网页为例,如果用大家熟悉的IE浏览器的话,直接在网页上点右键,选择“查看源”即可查看当前网页的HTML源码;如果是其他浏览器的话,多数情况下点击右键,选择“查看源码”或者类似“查看网页源代码”这样的选项即可查看。
当然也可以通过专业的网页制作软件以及各种文本编辑器来查看。
HTML有什么用?
HTML语言可以方便地将网络上存储于不同位置的文字、图片、声音、视频等内容组织起来,方便用户浏览。对于我们来说,HTML是学习网页制作的基本功,熟练掌握HTML这项基本功,可以为以后的学习和工作打下良好的基础。
HTML如何入门?
要学习任何编程语言,都不好好高骛远,HTML的入门很简单,但是也要遵循学习的基本步骤,选择一本入门书籍,循序渐进地去学习每一张的内容。一边学习,一边查看网页代码对照来学,提升入门速度。
HTML案例
下面就是最基本的HTML案例,在这个案例中,用的是HTML5,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
如何编辑HTML?
这个就很多了 ,比如最出名的Dreamweaver,当然如果熟练之后,可以选择任意自己喜欢的编辑器,一些小的改动或者一小段代码的话,也可以用各种常见的文本编辑器来处理,比如我们在wodows系统上常见的记事本,总之只要自己觉得方便就好。
总结
以上是学习HTML菜鸟教程的第一课,首先保持一个良好的心态来学习,有好的心态,知识方面只要循序渐进,学会就是水到渠成的事情了 。
页是一个包含HTML标签的纯文本文件
网页制作离不开浏览器和制作网页工具
浏览器推荐【谷歌浏览器】或【火狐浏览器】
制作网页工具用电脑自带的【记事本】即可
六步即可学会最基础的网页制作!
右击桌面,选择新建,选择文本文档
打开新建的文本文档,输入以下内容(建议照敲一遍)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
</body>
</html>
上面这些内容就是超文本标记语言,也称为HTML,现在HTML已经发展到第五代——HTML5,上面这些HTML5代码是帮助我们写出网页的基础。
右击文档重命名,修改文件后缀,将文件扩展名修改为.html
什么浏览器打开就会出现什么浏览器图标
如果你看不到文件的扩展名那么就打开此电脑(我的电脑),在菜单栏查看勾选文件扩展名即可。
双击打开它,你会发现一片空白。
但并不是什么都没有,上图中箭头指的那一串字母就叫URL,也称“统一资源定位器”。因为这个文件只是本地文件,所以它现在的作用是定位你的文件存放位置,显示文档地址,说明文档放在什么地方。
忍受不了空空的感觉,那么就开始添加一些东西吧!
右击选择打开方式,选择用记事本打开
点击其他应用可以看到记事本
试试看把标题改成“这是一个标题”,按快捷键ctrl+s保存
刷新一下浏览器,于是标题就变成了“这是一个标题”
那么我们就可以知道,修改<title></title>里面的内容可以改变标题;同时<title>标签是<head>标签中唯一要求包含的东西。
一鼓作气,再添加一些内容吧!
在<body></body>这一对标签里面加上这样一段话:
<p>Hello</p>
<p>World</p>
然后保存刷新
Hello World
恭喜你,你已经学会了最基础的网页制作了。
<p>这是什么意思呢?
这些被称为标签,上面出现尖括号的都属于标签,它们通常都是成对的,由开始标签和结束标签(结束标签加上斜杠)构成一组标签,例如<title></title>、<p></p>。
<p>标签定义段落,我们写文章一般是敲一下回车就换一行,但是网页不一样,你敲多少个回车都是不被识别的。
<p>有志者,事竟成,破釜沉舟,百二秦关终属楚;
苦心人,天不负,卧薪尝胆,三千越甲可吞吴!</p>
<p><p></p>
可以看到上面的一段话,敲多少个回车都没有用,而下面的一段话,用两个<p>标签就换行了。
*请认真填写需求信息,我们会在24小时内与您取得联系。