温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html简单入门

发布时间:2020-07-31 16:39:22 来源:网络 阅读:498 作者:zjm80230 栏目:开发技术

编写页面使用的是html语言,具体什么是html语言自己百度。

网页在html中主要分为两个部分:头部(head),主体(body)

下面写一个简单页面
1.首先创建一个文本文档文件,并将其后缀.txt改为.html。名称改为HelloWorld,名称可以随便改。效果入下图(如果新建文件的名称中没有.txt,须要在系统设置显示后缀名,具体设置方法查看看https://jingyan.baidu.com/article/e52e3615804fad40c60c51af.html) html简单入门


2.右击该文件通过记事本打开编辑,填入如下代码,保存,双击文件打开,会默认使用浏览器打开

<html>

<head>

<title>我的第一个页面</title>

</head>

<body>

<h2>Hello World</h2>

</body>

</html>

页面打开效果如下

html简单入门

下面对代码进行解析


1.页面代码一开始都先用html开头,告诉浏览器这是一个html的页面代码


2.我们可以看到html中包含了head 和 body 两个标签。这两个标签是页面最基本的标题,head里面主要放置页面信息,例如title,其中的内容会出现在浏览器上方。


3.body中的内容会出现在页面。代码中body中包含了一个h2标签,h2标签中的内容Hello World就出现在页面当中。


除了h2这个标签,html还定义很多标签,不同的标签,显示效果不一样。下面我们看看h2 到 h7的显示效果


打开文件,编辑代码为

<html>

<head>

<title>我的第一个页面</title>

</head>

<body>

<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>

<h7>Hello World h7</h7>

</body>

</html>

代码之间要有缩进,这样才美观
保存打开,效果如下图

html简单入门

我们可以看到,字体大小不一样了。不同的标签显示效果是不一样的。


平时我们看到的网页都是很漂亮的,有菜单之类排列的整齐美观,这就是布局问题了,具体看下一遍博文

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI