前端总结1 - html
<!-- 文档类型 html5 -->
<!DOCTYPE html>
<!-- html 文件的根标签 当前页面的默认语言 英语-->
<html lang="en">
<head>
<!-- 元标签 设置字符编码格式 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 添加icon图标 -->
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
<!-- 网页标题 -->
<title>小游戏,4399小游戏,小游戏大全,双人小游戏</title>
<!-- 头部标签 -->
</head>
<body>
今天下雨了 你来了
<!-- 标题 -->
<h1>今天下雨了 你来了</h1>
<h2>今天下雨了 你来了</h2>
<h3>今天下雨了 你来了</h3>
<h4>今天下雨了 你来了</h4>
<h5>今天下雨了 你来了</h5>
<h6>今天下雨了 你来了</h6>
今天下雨了 你来了 今天下雨了 你来了
<!-- 段落 -->
<p>今天下雨了 你来了 今天下雨了 你来了</p>
<p>今天下雨了 你来了 今天下雨了 你来了</p>
<p>今天下雨了 你来了 今天下雨了 你来了</p>
<!-- <hr>水平线标签 单标签 分割线 可以写在两个标签之间 也可以写在文本中间 -->
<hr>
<p>今天下雨了 你来了 今天下雨了 你来了</p>
<!-- <br>换行 单标签 可以写在两个标签之间 也可以写在文本中间 -->
<br>
<p>今天下雨了 你来了 今天下雨了 你来了</p>
<p>今天下雨了 你来了 今天下雨了 你来了</p>
<!--加粗 -->
<b>今天下雨了 你来了</b>
<!-- 斜体 -->
<i>今天下雨了 你来了</i>
<!-- 删除线 -->
<s>今天下雨了 你来了</s>
<!-- 下划线 -->
<u>今天下雨了 你来了</u>
<br>
<!--加粗 -->
<strong>今天下雨了 你来了</strong>
<!-- 斜体 -->
<em>今天下雨了 你来了</em>
<!-- 删除线 -->
<del>今天下雨了 你来了</del>
<!-- 下划线 -->
<ins>今天下雨了 你来了</ins>
<a href="今天下雨了 你来了" target="">今天下雨了 你来了</a><br>
<img src="../images/Tom.jpeg" title="你好!" alt="图片加载失败,请刷新页面!" width="200px" height="200px">
<!--文字颜色 蓝色 下划线点击变色 鼠标变小手-->
<!--target 目标打开方式blank 在新的页面打开-->
<!--href url地址 -->
<a href="https://i5.7k7kimg.cn/cms/cms10/20230803/174943_9713.gif" target="_blank">点击</a>
<!--1.访间网络资源-->
<!--必须通过http://协议来访间-->
<a href="../hgdd.html">访访问文本格式签</a>
<a href="./html.zip">nihao</a>
<!--2,访问本地资源下载-->
<!--相对路径来查找文件-->
<!--3.锚点定位 -->
<!--3.1 先找到需要跳转的目的地 给目的地标签添加id属性 添加名字-->
<!--3.2 在a标签href 写id名字 通过#来表示id-->
<a href="#jl">经历</a>
<p>近日</p>
<p>湖南岳阳一名外卖小哥</p>
<p>用英语介绍凯迪拉克</p>
<p>发音地道、词汇量巨大</p>
<p>给英语专业生都看懵了</p>
<p>不仅如此</p>
<p>小伙流利的口语</p>
<p>甚至把凯迪拉克的副总裁</p>
<p>都吸引来</p>
<p>陪他一起送外卖</p>
<p>这么流利的英语有什么用</p>
<p>最近</p>
<p>他在奥迪车前</p>
<p id="jl"><b>用英语念了一段介绍</b></p>
<!-- 特殊字符 -->
<p>© ; ©</p>
</body>
<!-- 身体标签 -->
</html>
网页