一、什么是HTML？
HTML——Hyper Text Markup Languagr（超文本标记语言）
超文本包括：文字、图片、音频、视频、动画等
目前网页中常用——HTML5
HTML5提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的页面功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频。
二、W3C标准
W3C——World Wide Web Consortium（万维网联盟）
W3C标准包括：结构化标准语言（HTML、XML）、表现标准语言（CSS）、行为标准（DOM、ECMAScript）
三、如何利用IDEA创建HTML项目
1.创建一个java新项目之后可以将src文件夹删去，然后右键选择New—Directory自己创建一个文件夹
2.创建文件夹之后，右键New—HTML File，并为其命名，会自动生成标签语言
3.点击右边的浏览器标识就可以在浏览器中运行HTML文件
四、HTML基本结构
、等成对的标签，分别叫开放标签和闭合标签单独呈现的标签（空元素），如
;意为用/来关闭空元素。 单个的叫自闭合标签。
五、网页基本信息
HTML文件的注释：
DOCTYPE声明
标签</p>
<p><meta>标签</p>
<p><img referrerpolicy="no-referrer" alt="" height="655" src="https://img-blog.csdnimg.cn/ba0bf35a67624a6aacd49386dfc27f55.png" width="677" /></p>
<p>运行结果： </p>
<p><img referrerpolicy="no-referrer" alt="" height="193" src="https://img-blog.csdnimg.cn/0d721bd1a0044480a8d5c978849e38ea.png" width="572" /></p>
<p>查看网页源代码如下： </p>
<p><img referrerpolicy="no-referrer" alt="" height="648" src="https://img-blog.csdnimg.cn/595dad5370c449a98e3de01e4ae4d67a.png" width="830" /></p> </div>
<br>
<p id="tag-wrap" class="tag-wrap">
<i class="fa fa-tags"></i> 标签：</p>
<div class="nextlog">
上一篇：
<a href="/it-w1w0u1s4u7.html">Unity原生的事件监听与广播系统——UnityEvent</a>
下一篇：
</div>
<div class="link-box">
<p class="title">相关文章</p>
<ul class="loglist">
无相关信息 </ul>
</div>
</div>
</div>
</div>
<div id="sidebar">
<section id="aside_hot" class="widget widget_aside_hot sb br mb">
<h3><span>热门文章</span></h3>
<ul class="widget-content aside_hot">
<li class="clearfix"><span class="list list-1">1</span><a href="/it-h10hh1t4h8.html" title="">初识HTML、W3C标准、如何利用IDEA创建HTML项目、HTML基本结构、网页基本信息</a></li>
<li class="clearfix"><span class="list list-2">2</span><a href="/it-w1w0u1s4u7.html" title="">Unity原生的事件监听与广播系统——UnityEvent</a></li>
<li class="clearfix"><span class="list list-3">3</span><a href="/it-1yyyi014j5.html" title="">ng-cli 查看默认 webpack 配置文件</a></li>
<li class="clearfix"><span class="list list-4">4</span><a href="/it-xi101di4i4.html" title="">nz-modal实现图片点击查看大图效果</a></li>
<li class="clearfix"><span class="list list-5">5</span><a href="/it-1gb01g3bg7.html" title="">JavaScript深浅拷贝原理实现</a></li>
<li class="clearfix"><span class="list list-6">6</span><a href="/it-nq10xv13a6.html" title="">vue结合elementui表格el-table实现弹窗checkbox自定义列显示隐藏，刷新保持上次勾选不丢失，附完整代码</a></li>
<li class="clearfix"><span class="list list-7">7</span><a href="/it-10otk12kx8.html" title="">如何利用grep-console插件使Intellij idea显示多颜色调试日志</a></li>
<li class="clearfix"><span class="list list-8">8</span><a href="/it-ku1h01nn21.html" title="">angularJs 2-quickstart学习记录</a></li>
</ul>
</section>
<section id="aside_new" class="widget widget_aside_new sb br mb">
<h3><span>最新文章</span></h3>
<ul class="widget-content aside_new">
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-p3oo4z1a5.html" title="MUI-底栏实现-页面切换">MUI-底栏实现-页面切换</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-tct3t41t7.html" title="Vue - Ant Design Vue 上传组件 ＜Upload＞ 阻止默认直接上传的行为，改为手动自行上传文件并携带其他参数（点击后不把文件上传到服务器，而是在“适当时">Vue - Ant Design Vue 上传组件 ＜Upload＞ 阻止默认直接上传的行为，改为手动自行上传文件并携带其他参数（点击后不把文件上传到服务器，而是在“适当时</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-fu3m4sf19.html" title="【汇智学堂】Docker Swarm集群之二">【汇智学堂】Docker Swarm集群之二</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-n3j4hkj24.html" title="jQuery Mobile学习二：jQuery Mobile简介">jQuery Mobile学习二：jQuery Mobile简介</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-3mc4mc2c7.html" title="nginx部署网站首页请求成功但刷新报404错误">nginx部署网站首页请求成功但刷新报404错误</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-rr3u4v3u0.html" title="Spring、SpringMVC和SpringBoot">Spring、SpringMVC和SpringBoot</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-dc34d3zc3.html" title="Vue系列（1）：单页面应用程序">Vue系列（1）：单页面应用程序</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-dj3j4j3z6.html" title="AngularJS中的定时器服务，以及定时器的移除">AngularJS中的定时器服务，以及定时器的移除</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-mt3c4t4w0.html" title="下拉框数据绑定">下拉框数据绑定</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/it-vh34y4ii3.html" title="纯ant命令行打包android apk之图文从原理角度完全详解android打包过程（打包系列教程之一）">纯ant命令行打包android apk之图文从原理角度完全详解android打包过程（打包系列教程之一）</a></li>
</ul>
</section>
<section id="divTags" class="widget widget_tags sb br mb">
<h3><span>标签列表</span></h3>
<div class="widget-content divTags">
<div class="d_tags">
</div>
</div>
</section>
</div>
</div>
</div>
<div id="footerbar">
<div class="wrap">
<span><a href="">素材巴巴</a> Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved.</span>
<span>备案号：备案中。</a></span>
</div>
</div>
<div id="backtop"><span class="fa fa-chevron-circle-up"></span></div>
<script src="/skin/sucaibaba/js/common.js" type="text/javascript"></script>
<script src="/skin/sucaibaba/js/scrolltxt.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#croll").textSlider({
line: 1,
speed: 1000,
timer: 3000
});
})
</script>
</body>
</html> 