首页 > 代码库 > html简单入门
html简单入门
编写页面使用的是html语言，具体什么是html语言自己百度。
网页在html中主要分为两个部分：头部（head），主体（body）
下面写一个简单页面
1.首先创建一个文本文档文件，并将其后缀.txt改为.html。名称改为HelloWorld,名称可以随便改。效果入下图（如果新建文件的名称中没有.txt，须要在系统设置显示后缀名，具体设置方法查看看https://jingyan.baidu.com/article/e52e3615804fad40c60c51af.html） 
2.右击该文件通过记事本打开编辑，填入如下代码,保存，双击文件打开，会默认使用浏览器打开
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
页面打开效果如下
下面对代码进行解析
1.页面代码一开始都先用html开头，告诉浏览器这是一个html的页面代码
2.我们可以看到html中包含了head 和 body 两个标签。这两个标签是页面最基本的标题，head里面主要放置页面信息，例如title，其中的内容会出现在浏览器上方。
3.body中的内容会出现在页面。代码中body中包含了一个h1标签，h1标签中的内容Hello World就出现在页面当中。
除了h1这个标签，html还定义很多标签，不同的标签，显示效果不一样。下面我们看看h1 到 h6的显示效果
打开文件，编辑代码为
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
<h1>Hello World h1</h1>
<h2>Hello World h2</h2>
<h3>Hello World h3</h3>
<h4>Hello World h4</h4>
<h5>Hello World h5</h5>
<h6>Hello World h6</h6>
</body>
</html>
代码之间要有缩进，这样才美观
保存打开，效果如下图
我们可以看到，字体大小不一样了。不同的标签显示效果是不一样的。
平时我们看到的网页都是很漂亮的，有菜单之类排列的整齐美观，这就是布局问题了，具体看下一遍博文
本文出自 “简单开发者” 博客，请务必保留此出处http://zjm80230.blog.51cto.com/9905372/1908081
html简单入门