初识 HTML

最新推荐文章于 2024-07-24 17:16:26 发布

追梦的YG

最新推荐文章于 2024-07-24 17:16:26 发布

阅读量84

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_57219104/article/details/122246413

版权

学习任务

什么是HTML ？
简单的html标签
实际作用

1.什么是HTML ？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

2.简单的html标签

标签	作用
<h1><h1>	标题标签有h1-6 默认是h4
< /hr>	水平线标签
< strong>< strong>	加粗标签
<em><em>	斜体标签
<p> <p>	段落标签
<src=" ">	输入图片地址
<title=" ">	显示图片备注信息
<alt =" ">	是当图片加载不出来的时候会出提示
<width=" ">	图片宽度
<height=" ">	图片高度

<p>标签和<br/>虽然都可以换行可是他们还是有区别的
<p>标签它的换行和下一段是有间隔间距的
而<br/>标签他的是单行换行

实例：

<!DOCTYPE html>

<html>
	<!--超文本标记语言 -->
	<head>
		<!-- 头部-->
		<meta charset="utf-8"><!-- 编码集-->
		<title>这是一个标题</title><!-- 标题-->
	</head>
	<body bgcolor="lightpink">
		<!-- 主体-->
		<!--h标签 有1-6 默认是h4 -->
		<h1 style="color: wheat;">阿巴管理</h1>&nbsp;&nbsp; &nbsp;阿巴</br>
		<!-- </br>标签是换行标签 -->
		<hr />
		<!-- hr 标签它的作用是水平线 -->
		<strong>阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴</strong></br>
		<!-- strong 是加粗强壮标签-->
		<em>阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴</em></br>
		<!-- em是斜体标签 -->
		<p style="color: white;">阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴</p></br>
		<!-- p标签是段落标签 -->
		<img src="../img/1.png"title="这是图片" alt="这是一张图片" width="200px"height="200px"/><!-- 插入图片-->
		<!-- src 是输入图片地址 -->
		<!-- title 标签-->
		<!-- alt标签当图片加载不出来的时候会出提示 -->
		<!-- width标签是图片宽度 -->
		<!-- height标签是高度 -->

	</body>
</html>