认识HTML,第一个HTML程序

认识HTML

1、什么是HTML?
hipertext超文本 markup标记 language语言。
2、html 作用
标记是用来告诉文本的语义的,也就是告诉浏览器 那些是标题 哪些是段落。
注意:HTML的作用只有一个,它是用来给文本添加语义的,并不是改变其样式。
<h1> 的标签作用:
错误的:h1标签是可以修改文字的大小,并且让文字加粗 。
正确的:h1标签是专门给指定的文字添加语义,并告诉浏览器哪些文字是标题 。
3、编写第一个html的页面编写步骤:
1.新建文档,修改其后缀.html
2.利用记事本打开
3.编写html代码【html的结构】
4.保存编写的存文本文件
5.利用浏览器打开
Html的基本结构:

<html>  
	<head>    
		<title>html标题</title>
	</head> 
	 <body>   html内容  </body>
 </html>

注意:

  • 成对出现的
  • 注意首行缩进
  • Title必须写在head里
    4、字符集问题
    在html中 文字制定的字符集必须个文件的字符集一致,否则就会出现乱码。
  <head> 
  	<meta charset=<”字符集”>
  </head>
   例如: <meta charset=”UTF-8”>

其中
ISO-8859-1 西方欧洲的字符GBK(GBK2312)
中文汉字和常见的外文
UTF-8 世界上所有的文字 【体积大】
5.第一个HTML 程序
了解了上面的知识之后我们就可以开始编写一个程序了。
1.首先
第一步:在桌面上新建一个文本文档如图:
在这里插入图片描述
第二步:重命名并将后缀名改成.html
在这里插入图片描述第三步:用Nopetad++打开这个文件(默认大家已经下载了)
在这里插入图片描述第四步:在Nopetad++中输入上面的基本结构,并且添加文字 第一个html。
在这里插入图片描述

第五步:找到刚开始新建的html文档,右击鼠标选择用浏览器打开。会出现下面的页面:
在这里插入图片描述
到这里第一个html程序就完成了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值