使用HTML编辑软件和一个简单的网页

可以编写HTML程序的软件很多，这里我向大家推荐Sublime Text3 这个软件，百度搜索应该很快就能下载安装。

使用HTML编辑软件和一个简单的网页

当然，仅仅安装好这个软件是不够的，还需要进行简单的调试。打开软件进入界面点击右下角会出现下图选择框，选择“HTML” 然后输入“!” 按Tab键。

使用HTML编辑软件和一个简单的网页

然后开始编写程序。

今天先开始写一个简单的网页，就写“遇见HTML”。

使用HTML编辑软件和一个简单的网页

打开网页显示的效果。

使用HTML编辑软件和一个简单的网页

HTML 5主要是有以下几个基本元素：

1、：定义HTML注释。位于之间的内容会被当成注释处理。

2、:用于定义HTML5文档的页面标题。</p><p>3、<body>:用于定义HTML5文档的页面主体部分。</p><p>4、<style>:用于引入样式定义。</p><p>5、<h1>到<h6>:定义标题一到标题六。</p><p>6、<p>：定义段落。</p><p>7、<br>:插入一个换行。</p><p>8、<hr>:定义水平线，<hr.../>还代表了主题结束的语义。</p><p>9、:定义文档中的节。</p><p>10、<span>:与基本相似，区别是该定义的节默认不会换行。该标签可以指定和相同的属性。</p><p>下图的文档包含这些标签</p><p><img src="/c2021/img/data-img.jpg" data-src="//img03.71396.com/ak/1p/6511a7a7ce8d910d.jpg" img_width="558" img_height="485" alt="使用HTML编辑软件和一个简单的网页" inline="0"></p><p>浏览器显示的效果！</p><p><img src="/c2021/img/data-img.jpg" data-src="//img03.71396.com/ak/1p/637dbc9d7a6787f4.jpg" img_width="640" img_height="342" alt="使用HTML编辑软件和一个简单的网页" inline="0"></p><p><img src="/c2021/img/data-img.jpg" data-src="//img03.71396.com/ak/1p/90aea4f04c7c5ca5.jpg" img_width="640" img_height="341" alt="使用HTML编辑软件和一个简单的网页" inline="0"></p> </div> <div class="readall_box" > <div class="read_more_mask"></div> <a class="read_more_btn" target="_self">展开阅读全文</a> </div> <p class="info">页面更新：2024-04-11</p> <p class="tags"> 标签：<a href="/a/t-576-0.html" target="_blank">简单</a> <a href="/a/t-21215-0.html" target="_blank">水平线</a> <a href="/a/t-17399-0.html" target="_blank">语义</a> <a href="/a/t-6361-0.html" target="_blank">下图</a> <a href="/a/t-20593-0.html" target="_blank">这个软件</a> <a href="/a/t-47802-0.html" target="_blank">注释</a> <a href="/a/t-8-0.html" target="_blank">段落</a> <a href="/a/t-4408-0.html" target="_blank">定义</a> <a href="/a/t-1218-0.html" target="_blank">效果</a> <a href="/a/t-2911-0.html" target="_blank">标签</a> <a href="/a/t-6511-0.html" target="_blank">页面</a> <a href="/a/t-4498-0.html" target="_blank">文档</a> <a href="/a/t-18969-0.html" target="_blank">标题</a> <a href="/a/t-3306-0.html" target="_blank">网页</a> <a href="/a/t-8126-0.html" target="_blank">程序</a> <a href="/a/t-1343-0.html" target="_blank">数码</a> <a href="/a/t-6531-0.html" target="_blank">软件</a></p> <p class="pageLink"></p> <p class="pagelink1"> <a href="/a/3-1650557005417087.html">1</a> <a href="/a/3-1650557004417086.html"><b>2</b></a> <a href="/a/3-1650557002417085.html">3</a> <a href="/a/3-1650557000417084.html">4</a> <a href="/a/3-1650556998417083.html">5</a> </p> <div class="a_b_js2"> <script type="text/javascript" src="/a_b_js/m_2.php"></script> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556995417081.html" target="_blank"><img data-src="//img03.71396.com/small/ak/1p/8acbc5401f224f3e.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556995417081.html" target="_blank">如何将网页中不是文本框的内容变成可编辑状态</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556995417081.html" target="_blank">我们有时打开网页，里面的文字可以编辑，这是怎么做到的呢？它就要用到contentEditable 属性了，如果将该属性这位ture，浏览器就会允许开发者直接编辑该HTML元素中的内容。这里的HTML元素不是原本就允许用户输入的文本框和文本</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556993417080.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556993417080.html" target="_blank">HTML5的基本结构和它的语法变化</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556993417080.html" target="_blank">HTML5的基本结构和它的语法变化HTML5的兼容性，它可以在老版本的浏览器上正常运行。HTML5的实用性，内部没有特别的复杂功能，只是封装了一些常用的简单功能。HTML5的基本结构，文档的根元素依然是,这个不变。在元素里包含和</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556992417079.html" target="_blank"><img data-src="//img03.71396.com/small/ak/1p/587648c654a79294.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556992417079.html" target="_blank">今天又扫到敬业福了，瞬间合成</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556992417079.html" target="_blank">视频加载中...没有扫到敬业福的，这几天还有很多，不要放弃。每天都要扫一扫！送给同志们一个福，就在这里扫。</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556990417078.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556990417078.html" target="_blank">HTML5与HTML4的区别</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556990417078.html" target="_blank">HTML5是以HTML4为基础的，并对HTML4进行了大量的修改。首先看看语法上的改变、对于HTML4而言，HTML5在语法上发生了很大的变化。对于这些变化，有些人开始有点不安，是不是又要开始重新学习HTML语言了？但是，HTML5中的语法变化，与</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556989417077.html" target="_blank"><img data-src="//img03.71396.com/small/ak/1p/13d0a4aa616f2c0c.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556989417077.html" target="_blank">HTML中表格的相关元素</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556989417077.html" target="_blank">表格相关元素：用于定义表格，元素只能包含0个或1个子元素（定义表格标题），0个或1个子元素（定义表格头），0个或1个子元素（定义表格脚），多个子元素（定义表格行），多个子元素（定义表格体）。该元素可以指定id、style和class等普通属性，也可以指</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556988417076.html" target="_blank"><img data-src="//img03.71396.com/small/ak/1p/395f13cd0178b2e4.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556988417076.html" target="_blank">BIOS/MBR系统无损转UEFI/GPT系统</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556988417076.html" target="_blank">前言以前的机器启动搭配是：传统BIOS+MBR磁盘+MBR分区表 +MBR引导模式现在的机器启动搭配是：UEFI BIOS+GPT磁盘+GUID分区表+GPT引导(EFI引导或者UEFI引导)MBR的时代快要结束了，64位系统也是以后的趋势,大容量硬盘也是一种</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556986417075.html" target="_blank"><img data-src="//img03.71396.com/small/ak/1p/944577ffa6896bea.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556986417075.html" target="_blank">监控中的主码流和子码流</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556986417075.html" target="_blank">码流简介主码流和子码流是一种用于解决网络不佳时保证远程预览流畅的同时又不影响本地录像的双码流技术。码流特性主码流，码流高，占用带宽高，分辨率高，画质高。子码流，码流低，占用带宽低，分辨率低，画质低。码流用途本地传输,</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556985417074.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556985417074.html" target="_blank">为什么会出现HTML5？</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556985417074.html" target="_blank">HTML4.01和XHTMLXHTML的全称是（eXtensible Hyper Text Markup Language,扩展的超文本标记语言），XHTML和HTML4.01具有很好的兼容性，而且XHTML更严格、更纯净的HTML代码。由于HTML前面发展已经极度的混乱，所以W3C组织制订了</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556983417073.html" target="_blank"><img data-src="//img03.71396.com/small/ak/1p/44dcf68c5b318cfc.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556983417073.html" target="_blank">影响固态硬盘速度、寿命、容量的是什么？</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556983417073.html" target="_blank">SSD主要由主控芯片和NAND闪存组成，主控芯片负责传输，NAND闪存负责存储。NAND闪存中包含了无数个存储单元，主控芯片可以直接定位到存储单元中的数据，这也是SSD速度快的主要原因。NAND闪存到目前为止有SLC、MLC、TLC、QLC这</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556981417072.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556981417072.html" target="_blank">语义相关元素</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556981417072.html" target="_blank">1、：用于表示一个缩写，使用该元素是可以指定如下属性。 title,该属性用于指定该缩写所代表的全称。2、：用于表示一个地址，浏览器通常会用斜体字显示所包含的文本。3、：用于定义一段长的引用文本，浏览器会使用缩进的方式显示</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556980417071.html" target="_blank"><img data-src="//img03.71396.com/small/ak/1p/dbe24fb2722e9dab.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556980417071.html" target="_blank">如何计算录像机能保存多长时间</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556980417071.html" target="_blank"> 录像机存储与什么有关系？硬盘录像机能保存多长时间取决于单位时间内存储的视频大小和硬盘。单位时间内存储的视频大小，取决于(摄像头的码率和摄像头数量)或者(编码类型、分辨率、摄像头数量)计算录像存储用到的一些参</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556979417070.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556979417070.html" target="_blank">HTML5的头部和元信息</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556979417070.html" target="_blank">使用元素可以定义HTML文档头，该元素可以包含如下子元素。1、：该元素用于包含JavaScript脚本。2、：该元素用于定义内部CSS样式。3、：该元素用于链接外部css样式等资源4、：该元素用于定义文档标题，该元素较为常用的属性是id，作</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556977417069.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556977417069.html" target="_blank">HTML表单元素</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556977417069.html" target="_blank">HTML表单元素元素用于生成输入表单，该元素不会生成可视化部分。在HTML5规范以前，其他表单控件，如单行文本框，多行文本域、单选按钮、复选框等都必须放在元素之内。元素可以指定id、style、class等核心属性，还可以指定oncli</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556975417068.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556975417068.html" target="_blank">图像相关元素</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556975417068.html" target="_blank">图像相关元素HTML5保留了元素在页面中定义图像，这个元素只能是一个空元素，它不可以包含任何内容。该元素除了可以指定id、style、class等核心属性外，也可以指定onclick等事件属性。不仅如此，使用该元素必须指定如下两个属</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1650556974417067.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1650556974417067.html" target="_blank">HTML5的基本元素</a></h2> </div> <div class="jianjie"> <a href="/a/3-1650556974417067.html" target="_blank">HTML5的基本元素HTML5保留的基本元素有以下几种：1、定义HTML注释。2、：它是HTML5文档的根元素，HTML5允许完全省略这个元素。3、：它用于定义HTML5文档的页面头部分，HTML5也可以省略这个元素。4、：它用于定义HTML5文档的页面</a> </div> </div> </div> <div class="list_more" id="loading">上滑加载更多 ↓</div> <div class="list_more" id="nomoreresults" style="display:none">所有内容加载完毕</div> </div> <div class="right"> <div class="rboxs"> <div class="rtuijian">推荐阅读：</div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650556995417081.html"><img data-src="//img03.71396.com/small/ak/1p/8acbc5401f224f3e.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650556995417081.html">如何将网页中不是文本框的内容变成可编辑状态</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650556981417072.html"><img data-src="/e/data/images/notimg.gif" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650556981417072.html">语义相关元素</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650556971417065.html"><img data-src="//img03.71396.com/small/ak/1p/9c81b205a70ecdc4.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650556971417065.html">深度讲解，QQ能上网，网页打不开</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650555215417057.html"><img data-src="//img03.71396.com/small/ak/1p/273c452d423aa89a.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650555215417057.html">HTML5中两个简单的属性</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650555212417055.html"><img data-src="//img03.71396.com/small/ak/1p/7a34a2ea5681265b.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650555212417055.html">用button定义按钮</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650555209417053.html"><img data-src="//img03.71396.com/small/ak/1p/e5e1f0d0139a866a.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650555209417053.html">HTML5中新增的文档结构元素</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650555201417048.html"><img data-src="//img03.71396.com/small/ak/1p/8d183c5d3bf0682d.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650555201417048.html">使用textarea定义文本域</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650555199417047.html"><img data-src="//img03.71396.com/small/ak/1p/ed938544e5bfdcc2.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650555199417047.html">自定义错误提示信息</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650555198417046.html"><img data-src="//img03.71396.com/small/ak/1p/aa8b91fdf9db8e5b.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650555198417046.html">使用label定义标签和列表框下拉菜单</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1650553373417017.html"><img data-src="/e/data/images/notimg.gif" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1650553373417017.html">常见的标签</a></h3> </div> </div> </div> </div> <div class="rboxs"> <div class="rtuijian">友情链接：</div> <div class="rbox1"> <ul> <li><a href="https://www.bs178.com/" target="_blank">品学网</a></li> <li><a href="https://www.71396.com/" target="_blank">奇文网</a></li> <li><a href="https://www.bs178.com/rizhi/" target="_blank">日志</a></li> <li><a href="https://www.bs178.com/zuowen/" target="_blank">作文</a></li> <li><a href="https://www.bs178.com/lizhi/" target="_blank">励志</a></li> <li><a href="https://www.bs178.com/meiwen/" target="_blank">美文</a></li> <li><a href="https://www.bs178.com/fanwen/" target="_blank">范文</a></li> <li><a href="https://www.bs178.com/jiaoan/" target="_blank">教案</a></li> <li><a href="https://www.bs178.com/lunwen/" target="_blank">论文</a></li> </ul> </div> </div> <div class="rboxs"> <div class="rtuijian">更多：</div> <div class="rbox1"> <p>本站资料均由网友自行发布提供，仅用于学习交流。如有版权问题，请与我联系，QQ：4156828 </p> <p>© CopyRight 2020-<span id="year">2024</span> All Rights Reserved. Powered By <a href="https://www.71396.com/" target="_blank">71396.com</a> <a href="https://beian.miit.gov.cn/" target="_blank" rel=”external nofollow">闽ICP备11008920号-4</a><br><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35020302034903" rel=”external nofollow">闽公网安备35020302034903号</a></p> </div> </div> </div> <script type="text/javascript"> var curpage = 2; var totalpage = 100; var geturl = '/apic/c2021.php?classid=3&from=3&id=417082&page='; </script> <a href="#" class="cd-top">Top</a> <script type="text/javascript" src="/c2021/js/js.js"></script> <script type="text/javascript" src="/apic/onclick.php?on=onclick&classid=3&id=417082"></script> </body> </html>