web前端学习-day01 html基础结构

最新推荐文章于 2024-09-23 14:56:46 发布

秃头女孩永不认输

最新推荐文章于 2024-09-23 14:56:46 发布

阅读量547

点赞数 1

文章标签：前端 html

本文链接：https://blog.csdn.net/starbiu/article/details/122054916

版权

web前端学习总页面

网页基础布局

html基础结构

html基础标签

注释

这是注释，输入文字后ctrl+/ 会自动变成 格式的注释

// 注释是JavaScript的单行注释

/* */ css样式的注释，也可以注释JavaScript的代码块

html的基本结构

<!DOCTYPE html> <!-- 申明 ，下面的文档标签将以html5规范去解析 -->
<html>
	<head> <!-- 头部，完成一个网页的相关设置 -->
		<meta charset="utf-8"> <!-- 汉字编码 meta：元，主要用来完成对应设置的 -->
		<meta name="keywords" content="" /> <!-- 设置一个网站的搜索关键词，优化搜索 -->
		<meta name="description" content="" /><!-- 网站的描述内容 -->
		<title>这是我的第一个网页</title><!-- 标题 -->
		<!-- link:favicon 光标在最后按Tab自动生成 ，设置网站小图标-->
		<link rel="shortcut icon" type="image/x-icon" href="https://img1.baidu.com/it/u=1456780102,1545571402&fm=26&fmt=auto">
		<style>
		/* 书写样式 */
		</style>
		 <!-- lin:css Tab 自动生成 -->
		<link rel="stylesheet" href="style.css"> <!-- 用来引入外部样式 -->
	</head>
	<!-- 主体部分 -->
	<body>
		<p>这是一个段落</p>
	</body>
	<script>
	// 放脚本代码
	</script>
</html>

运行出来是这样的