HTML初学代码_欢迎我的朋友html-优快云博客

本文链接：https://blog.youkuaiyun.com/uoik4/article/details/136374414

1.代码

<!DOCTYPE html>
<html>
<head>
	<title>欢迎你！我的朋友</title>
	<style type="text/css">
	h1{
		font-family:幼圆;
		font-size:x-large;
		color:red;
	}
	</style>
</head>
<body>
		<h1>当你进入HTML编程世界的时候，你的<br>感觉是全新的！</h1>
		<script language="JavaScript">
				alert("welcome!朋友们");
		</script>
</body>
</html>

2.呈现效果

点击确定后效果如下

3.注意问题

在HTML中，符号应尽量用英文状态下，以保证更好的兼容性。

4.代码解释

<!DOCTYPE html><!-- 声明文档类型为 HTML5。 -->
<html><!-- HTML 根元素。 -->
<head><!-- 文档头部，包含了页面的元信息。 -->
	<title>欢迎你！我的朋友</title><!--指 定页面的标题为“欢迎你！我的朋友”。 -->
	<style type="text/css">/*定义了内部样式表，用于设置页面中的样式。*/
	h1{
		font-family:幼圆;
		font-size:x-large;
		color:red;
	}/*指定了 h1 标签的样式，包括字体、大小和颜色。*/
	</style>
</head><!-- 头部结束标签 -->
<body><!-- 文档的主体部分，包含了页面的实际内容。 -->
		<h1>当你进入HTML编程世界的时候，你的<br>感觉是全新的！</h1><!-- 定义了一个标题 -->
		<script language="JavaScript">/*引入了 JavaScript 脚本。*/
				alert("welcome!朋友们");/*弹出一个警告框，*/
		</script>
</body><!-- 主体部分结束标签 -->
</html><!-- HTML 根元素结束标签。 -->
<!-- 这段代码是一个简单的 HTML 文档，主要包括了一个标题、一个样式表和一些内容。 -->