Html - web 第一语言，学习笔记(一) [入门级别]_知天下信息网html-优快云博客

本文链接：https://blog.youkuaiyun.com/robbyo/article/details/38350645

本文介绍了HTML的基本语法，包括头部信息设置、超链接使用、背景图片添加以及锚点应用，并通过实例展示了HTML元素的实践操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

01.html HTML 入门 hello world

<html>
	<head>
	    <meta http-equiv="content-type" content="text/html;charset=utf8">
		<title>
			典型HTML
		</title>
	</head>
	<body>
		
		我会努力的！<BR>
		我会努力的！
		
		<!-- 
		这里是注释，你看不到我哦！
		-->
	</body>
</html>

02.html 介绍一些 head meta 头信息

<html>
	<head>
		<meta http-equiv="refresh" content="3;url=http://www.foo.com">
		<meta http-equiv="content-type" content="text/html;charset=utf8">
		<meta name="keywords" content="beauty">
		<meta name="description" content="The page to show the metas">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<meta name="generator" content="ultraedit">
		<meta name="author" content="me">
		<meta name="copyright" content="do not use this page without my permission">
		<title>head示例</title>
	</head>
	<body>
		美丽新世界 - 头
	</body>
</html>

03.html 超链接的使用

<html>
	<head>
                <meta http-equiv="content-type" content="text/html;charset=utf8">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<title>Body</title>
	</head>
	<body bgcolor="GREEN" text="RED" link="YELLOW" alink="WHITE" vlink="BLUE">
		你好！<a href="01.html">链接到01.html</a>
	</body>
</html>

04.html 背景图片

<html>
	<head>                
        <meta http-equiv="content-type" content="text/html;charset=utf8">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<title>
			背景图片
		</title>
	</head>
	<body background="http://calendar.google.com/googlecalendar/images/calendar_sm2_zh-CN.gif">
		我写在了图片上面哦！
	</body>
</html>

05.html 瞄点

<html>
	<head>
                <meta http-equiv="content-type" content="text/html;charset=utf8">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<title>
			anchor
		</title>
	</head>
	<body>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		<a name="test">可是我是一个anchor哦！</a> // 给这个地方起了一个名字 叫做 “test”
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
		我会努力的！<br>
	</body>
</html>

06.html 瞄点

<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf8">
		<meta name="keywords" content="beauty">
		<meta name="description" content="The page to show the metas">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<title>
			链接
		</title>
	</head>
	<body>
		<a name="01">页头</a>
		<br>
		<a href="05.html#test">05.html</a> <!-- 请你给我链接到这叫做test的地方 -->
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<a href="#01">本页中的01</a>
	</body>
</html>