html简单的,html简单入门

这篇博客介绍了如何使用HTML创建一个简单的网页。HTML是网页的基础,由<head>和<body>两部分组成。head包含页面信息,如<title>,它决定了浏览器顶部的标题。body则展示页面主要内容。文中通过实例展示了不同级别的<h1>到<h6>标题标签的使用,呈现了字体大小的变化。此外,还提到网页布局和美观性的实现涉及更深入的HTML和CSS知识。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

下面写一个简单页面

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

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

我的第一个页面

Hello World

页面打开效果如下

0818b9ca8b590ca3270a3433284dd417.png

下面对代码进行解析

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

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

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

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

打开文件,编辑代码为

我的第一个页面

Hello World h1

Hello World h2

Hello World h3

Hello World h4
Hello World h5
Hello World h6

代码之间要有缩进,这样才美观

保存打开,效果如下图

0818b9ca8b590ca3270a3433284dd417.png

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值