也许他和她并不是很爱你,但是让一个人爱你的方式有很多,前提是自己越来越强,所以让我们来学习html吧!!
基于昨天讲的如何创建一个简单的HTML文件,相信你也很好奇如何去写HTML文件,那就让我这个平平无奇的中专生给你讲一下吧。
了解HTML
想要攻破敌人的防线,首先要去了解敌人,现在我们了解一下HTML吧!
HTML的又称为超文本标记语言,是一种标记语言。全称是Hyper Text Markup Language,这个就交给你们读啦(我的英语不是很好),HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
我的理解是所谓的HTML就是一个网站的基础,我查过资料,一个优秀的前端工程师必回的语言有HTML,CSS,JavaScript,而这三个接简称前端三剑客。
第一个HTML程序
这个我们昨天写过了,但是也可以再写一遍。
<!DOCDTYPE>
<html>
<head>
<title>html</title>
</head>
<body>
<h1>第一个HTML程序</h1>
Hello world!
</body>
</html>
这个就是我们的第一个程序,现在我们来讲一下里面的细节 。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
首先 <!DOCTYPE html>这个我的理解是告诉浏览器你要去用什么语言,但是官方解释是这样的,文档类型声明,用于通知浏览器的解析器使用HTML5的方式解析这个文档。其实和我说的差不多。
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
这一小段中其实就是像一个人的身体一样,有头有身体,而<head>正是这个头(head也翻译成头) ,这是官方解释:“<head>
:这个元素包含了文档的元数据,如<title>
、<meta>
、样式链接和脚本链接等。”
<body>
<h1>Hello World</h1>
</body>
body又称身体,就是要写内容的地方,官方解释为:"<body>
:这个元素包含了用户可见的所有内容,比如文本、图像、视频等。"
而这就是最基本的一个结构,但是一点,最基本的<html>不能忘,这是最重要的(这里标个红色,一定要看见!!!)。
标题
标题就简单啦,我来给你演示一下。
就是这个样子,他和这个编译器上的很像, 就像是。
代码在这里啦,如果需要的话就复制。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>
在这里请记住标题很重要,任何的一个网站都不能没有标题,这起了关键性因素。
如何查看源代码
首先,打开你写的代码运行的网站,右击空白处,点击网页源代码。
在这里你可以自由的复制,但是记得经过作者的同意哟!
小结
好了,今天也讲得差不多了,请记住,他或她只会爱那个强大的自己,完善自己,才有更美好的明天,最后就以我的偶像老薛歌结尾吧( 天外来物 ),“少年,长大后记得拯救世界”,我是一个在学校写博客的中专生,我们下次见!(记得听哟,哪个是链接点一下就好了,在学校我没法登录,嘿嘿!)。
今日电脑配置: