HTML的基本标签与实体符号

1、第一个HTML页面

<!-- 
	1、<!--  -->这是HTML的注释
	2、加上以下代码的第一行<!doctype html>就表示HTML5语法。去掉就表示HTML4.0
	3、HTML不区分大小写,语法松散不严格。
-->
<!doctype html>
<!--根-->
<html>
	<!--头-->
	<head>
		<!--网页标题,显示在网页左上角-->
		<title>loey</title>
	</head>
	<!--体-->
	<body>EXO大发!!!</body>
</html>
<!--
</Html>
<html>
-->

在这里插入图片描述

2、HTML 标签介绍

  • 1.标签的格式: <标签名>封装的数据</标签名>
  • 2.标签名大小写不敏感。
  • 3.标签拥有自己的属性。
    i. 分为基本属性:bgcolor=“red” 可以修改简单的样式效果
    ii. 事件属性: οnclick=“alert(‘你好!’);” 可以直接设置事件响应后的代码。
  • 4.标签又分为,单标签和双标签。
    i. 单标签格式: <标签名 /> br 换行 hr 水平线
    ii. 双标签格式: <标签名> …封装的数据…</标签名>

3、标签的语法:

<!-- ①标签不能交叉嵌套 -->
正确:<div><span>早安,尚硅谷</span></div>
错误:<div><span>早安,尚硅谷</div></span>
<!-- ②标签必须正确关闭 -->
<!-- i.有文本内容的标签: -->
正确:<div>早安,尚硅谷</div>
错误:<div>早安,尚硅谷
<!-- ii.没有文本内容的标签: -->
正确:<br />
错误:<br>
<!-- ③属性必须有值,属性值必须加引号 -->
正确:早安,尚硅谷
错误:早安,尚硅谷
错误:早安,尚硅谷
<!-- ④注释不能嵌套 -->
正确:<!-- 注释内容 --> <br/>
错误:<!-- <!-- 这是错误的 html 注释 --> -->
注意事项: 1.html 代码不是很严谨。有时候标签不闭合,也不会报错。

4、基本标签

4.1<!–段落标记–>
<p></p>

在这里插入图片描述
在这里插入图片描述

4.2<!–标题字:是HTML预留的格式,和word中的标题字相同–>
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
4.3、<!–换行标记,br标签是一个独目标记–>
在这里插入图片描述
4.4、<!–横线,独目标记–>
在这里插入图片描述
4.5、<!–预留格式–>
在这里插入图片描述
4.6
在这里插入图片描述

4.7、右上角加字、右下角加字
在这里插入图片描述
4.8、<!–font字体标签–>
在这里插入图片描述
注意:在编码里换行在浏览器页面解析为一个空格

<body>
	EXO大发!!!
	wwwwwww
	hhhhh
</body>

在这里插入图片描述

5.实体符号

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值