前端学习—HTML的基本概念

1.HTML的简单介绍

  • HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言。HTML 由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。 一对标签( tags)可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等。

2.HTML页面的讲解

<!-- 表示HBulider v5版本 -->
<!DOCTYPE html>
<!-- 超文本表示标签,表示全部内容 -->
<html></html>
	<!-- 头标签:主要写修饰文档 -->
	<head></head>
	<!-- charset="utf-8":万国码 -->
		<meta charset="utf-8">
		<!-- 页面标题 -->
		<title></title>
	<!-- 身体/内容标签:主要写页面内容 -->
	<body></body>

<!DOCTYPE  HTML>: 
      DOC:文档     TYPE:类型类别 

     <!DOCTYPE  HTML>:文档类型 (声明文档类型)

<html>:
     文档根标签 ,所以的标签都在跟标签内,内部只能编写 head与body.

<head>:
     头标签,保证页面不会出现乱码

<meta charset="utf-8">:
     meta :标签是 html 语言的辅助性标签,通常用于优化搜索引擎,它位于 HTML 文档头部。
如页面编码: <meta charset= "utf-8" />
        utf-8: 是多国语言编码
<title>:
         页面标题
<title>

         这是我的第一个页面 </title>
<body>:
        body中编写页面元素(可以看见和看不见)

3.HTML的基本结构

<!DOCTYPE html>  <!--文档类型-->
<html>  <!--根标签-->
	<head><!--头标签,设置字符集、标题-->
		<meta charset="utf-8"><!--设置字符集-->
		<title>我是标题</title><!--设置标题-->
	</head>
	<body> <!-- 需要显示在页面的内容,全部写在body中-->
		乾坤未定,你我皆是黑马。
	</body>
</html>

小李每日一更敬请期待

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值