HTML基础学习(1)

.ciao.

于 2022-11-24 16:20:32 发布

阅读量96

点赞数 1

分类专栏： html入门文章标签：学习

本文链接： https://blog.csdn.net/m0_58291075/article/details/128019683

版权

html入门专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这篇博客介绍了HTML的基本结构，通过使用HBuilderX工具，作者展示了如何创建一个简单的网页，包括设置网页标题和在body部分添加内容。文章以代码示例的方式解释了body标记属性，并引导读者动手实践，尝试改变文字颜色和添加水平分割线等元素。此外，还提供了一段带有注释的代码示例，帮助读者理解HTML语法。

摘要由CSDN通过智能技术生成

首先我们应该了解整个HTML文档的基本结构。

如下：

在了解了基本结构之后，我们可以开始尝试写一些东西出来......

我使用的工具是HBuilder X 网址如下：HBuilderX-高效极客技巧

这就是第一次写出来的东西，好像什么都没有，但是仔细观察左上角会发现网页名称是“第一次尝试改变”，这就是我们的创作(虽然比较微不足道）。

代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>第一次尝试改变</title>
	</head>
	<body>
	</body>
</html>

当你实现上面的操作后，肯定也和我一样期待自己能对页面有更多的改变，那么我们就要在<body>...</body>里进行操作了。

接下来我们就要涉及到语法了!

我们首先了解body标记属性

是不是突然就有点晕了？感觉跳跃性很大？那是因为你没有动手，行动起来！

页面上出现了<body>...</body>中的文字，并且是红色的文字，而text=”red“，明显是text=的颜色决定了文字的颜色；对照上面的属性表将这些功能都试一遍吧！

以上只是对body的属性举个例子，还有很多标识符以及相关属性需要大家自己去看书去探索，我就不在此过多分享，我是个喜欢分享的初学者，我们一起努力！

今日学习的大部分语法杂糅加注释，加深自己的记忆

如下：

<!DOCTYPE html><!--我是注释标识符-->
<html>
	<head>
		<meta charset="utf-8">
		<title>第一次学习尝试</title>
	</head>
	<body>
		<h2 aligln="center">第一次练习！！！！</h2>
		<hr color="red" width="100%" size="3" noshade>
		<pre><!--保留内容原有格式和内容，比如空格-->
			             加油
					  作者：xx
				 dddddddddddddddddd；
				eeeeeeeeeeee；
			ccccccccccccccccccccccccc；
		</pre>
		<hr color="blue" width="100%" size="3"><!--显示一条水平分割线，属性有颜色，宽度，高度-->
		<b>报告导读</b><!--显示粗体-->
		<p>&nbsp;&nbsp;&nbsp;&nbsp;全<br/><!--<p> </p>为段落标记，<br/>为单个标志，表示换行-->
		文<br/>
		略<br/>
		</p>
		<h3>郑重声明</h3><p><blockquote>略。。。。。。。。</blockquote></p><!--blockquote将内容缩进五个字符位置-->
		<hr width="100%" size="1" color="#000fff">
		<center><!--一次性居中输出-->
			&copy鸟越啊呆。。。。。<!--&copy显示商标符号-->
		</center>
	</body>
</html>

运行结果：