<!DOCTYPE html>
<html>
<!-- 注释 -->
<head>
<meta charset="UTF-8">
<!-- keywords搜索引擎搜索关键字 content表示关键字是什么 description是描述-->
<meta name="keywords" content="课工场，每时每课给你新机会" />
<meta name="description" content="课工场是……" />
<title>随便一个标题 </title>
</head>
<body>
<!-- h标题标签 -->
<h1>北京欢迎你</h1>
<hr /><!-- hr是水平线标签 -->
<!-- p段落标签，表示一个段落语义化，内容是段落的话用p标签 -->
<p>北京欢迎你，有梦想。 <br>
一个北京欢迎你，有梦想哇啦哇啦哇啦哇啦哇啦哇。<br>
北京欢迎你啊啊啊啊啊啊，有梦想。</p><!-- shift+alt+ 下键 快速复制当前行到下一行-->
<!-- br/ 换行标签 -->
<!-- strong是加粗，em是斜体 -->
<strong>我要加粗</strong>
<em>我要斜体</em><br>
<strong> <em>双倍的快乐</em> </strong><br>
<strong>徐志摩人物简介</strong>
<p>
<em>1910</em>年入杭州学堂<br>
<em>1918</em>年赴美国克拉大学学习银行学<br>
.....
</p>
<!-- 注释不会对代码造成影响，起着提示的作用 -->
<!-- alt+z 一屏显示不换行，只作用于代码，对网页不影响 -->
<p>跟着张老师 前端不难学</p>
<!-- ctrl+z 撤回 -->
<!-- 是空格 -->
<!-- >大于号> -->
<!-- <小于号< -->
<!-- shift+7是& -->
<!--引号" -->
<!-- 版权符号© -->
> > < <<br>
<p>123123</p><br>
我是一个"程序员"<br>
版权所有©<br>
<!-- 直接打img图像标签 记得加空格 src图片地址的 alt图片加载失败时显示的 title鼠标悬停时出现的提示文字 width是宽 height是高 px是像素,网页里的单位-->
<img src="1.jpg" alt="图片加载中..." title="爷青回" width="200px" height="150px"><br>
<!-- 链接标签，a就可以了 href表示链接地址 target="_blank"表示当前页面不关闭，跳转到另一个页面-->
<!-- target="_self"在当前页面跳转，覆盖之前的页面 -->
<a href="https://www.baidu.com/" target="_blank">点我去百度</a><br>
<a href="index.html" target="_blank">点击跳转本地</a><br>
<!-- 锚链接 -->
<a href="#mark">跳转到底部</a><br><!-- 锚点 -->
<img src="1.jpg" alt="图片加载中..." title="爷青回" width="1200px" height="2000px">
<br>
<a name="mark">底部</a><!-- 锚链接 --><br>
<a href="mailto:1223586083@qq.com">打开链接 </a><!-- 打开邮箱 -->
<a href="tencent://message/?uin=1223586083&Site=&Menu-=yes">打开聊天窗口</a><!-- tencent://message/?uin=583432511&Site=&Menu-=yes这个把数字换成qq号就可以了 -->
<!-- 块元素独占一行 p，h1-h6... 行内元素在一行内显示 内容撑开宽度 a，img,strong... --> <strong>wwww</strong>ddddd
<img src="文件夹/zgj.png" alt="111" width="500px" height="500px"><!-- 路径文件 -->
</body>
</html>
