一、HTML简介HTML的概念HTML是超文本标记语言（HypertextMarkupLanguage）的缩写，HypertextMarkupLanguage，标准通用标记语言下的一种应用。“超文本”是指页面中可以包含图片、链接，甚至音乐和程序等非文本元素。超文本标记语言的结构包括“头部”部分（英语：Head）和“主体”部分（英语：Body），其中“头部”部分提供有关网页的信息，“主体”部分提供有关网页的信息网页的具体内容。二、一个完整的HTML的基本元素1、DOCTYPEHTML5文档类型：2、Html的根元素，用来包含html文档的所有元素3、头部包含的内容
不在将要显示的页面中，它通常包含页面的代??码、作者、页面的描述信息、js的导入、css的导入等信息。4、
用于声明当前文档的编码方式为utf-85。用于声明当前文档的标题，该标题会出现在浏览器的标签中。6.<body>所有要在浏览器中显示的元素都包含在这个元素中。3.HTML元素1)内联元素与其他内联元素共享一行空间。默认情况下，宽度和高度由其内容决定。您不能指定宽度和高度。内联元素只能容纳文本或其他内联元素。设置内联元素需要注意以下几点（1）设置width宽度无效。(2)设置高度无效，但可以通过line-height设置（当line-height=行高时，显示上下居中）。(3)设置边距只对左右有效，对上下无效。(4)设置padding只对左右有效，对上下无效。请注意，元素的范围增加了，但对元素周围的内容没有影响。HTML常用内联元素（一）<span></span>无意义内联元素（二）<a></a>超链接（三）<img>图片2）块级元素默认占用单行空间,宽度占据整个父元素，高度由其内容决定。可宽可高。块级元素可以容纳行内元素和其他块级元素。HTML常见块级元素（一）<div></div>无意义块级元素（二）h1~h6标题（三）<ul>无序列表<li>列表项（四）<ol>有序列表<li>ListItem(5)<dl>DefinitionList<dl>ListTitle<dd>listitem(6)<p>paragraph3)其他元素1.tablecaption表标题thead表头trth/tdtbody(不能省略）表体trtd/thtfoot表尾trtd表属性border边框线宽，默认为0cellspacing单元格间距，默认为1cellpadding单元格内边距，文本与单元格边框宽度的距离aligntablearrangementleftdefaultrightcolspanacrosscolumns,crossrowspantotheright,spanrowstothebottom注意：每行的列数在计算后应该相等（rowspan,colspan）。如果没有，表单会断2.formform属性actionurl后台服务地址methodmethodGETPOSTputdelete(REST)enctype编码格式输入属性-value-name-type-text-password-radio-checkbox-file-submit-resetselect>option<selectname=""id=""><optionvalue=""></option><optionvalue=""></option><optionvalue=""></option></select>textarea多行文本字段属性colscolumnsrowsrowsH5中表单的新特性（浏览器支持不高，不靠谱）1）新增表单元素进度条输出计算输出米刻度条datalist下拉列表2）输入类型属性值搜索框占位符提示输入内容日期时间日期时间月份星期功能相关电子邮件网址电话3）提交按钮上的新属性（内存）<inputtype="submit">formactionformmethodformenctypeformtarget待续。..</p>
</div>
</div>
<div class="zuowen_sxy">
<div class="prev">上一篇：<a title="SAPUI5应用OData元数据请求响应分析原理分析" href="/webqianduan/251865.html">SAPUI5应用OData元数据请求响应分析原理分析</a> </div>
<div class="prev">下一篇：<a title="10月第五周业务风控关注-网络平台泄露500条以上用户信息可被定罪" href="/webqianduan/251867.html">10月第五周业务风控关注-网络平台泄露500条以上用户信息可被定罪</a> </div>
</div>
<div class="related_about">
<div class="related_about_t"><code>HTML初学者整理相关文章</code></div>
<ul>
<li><a href="/bianchengyuyan/274256.html" target="_blank" title="“System.Web.WebPages.Html.Html">“System.Web.WebPages.Html.Html</a></li>
<li><a href="/bianchengyuyan/273999.html" target="_blank" title="使用HtmlAgilityPack解析时去除空格和换行符分享">使用HtmlAgilityPack解析时去除空格和换行符分享</a></li>
<li><a href="/bianchengyuyan/273938.html" target="_blank" title="如何使用XPath-HTMLAgilityPack读取Jav">如何使用XPath-HTMLAgilityPack读取Jav</a></li>
<li><a href="/bianchengyuyan/273907.html" target="_blank" title="从sql渲染html-webmatrix分享">从sql渲染html-webmatrix分享</a></li>
<li><a href="/bianchengyuyan/273750.html" target="_blank" title="ASP.NETMVC-TroublePassingModel">ASP.NETMVC-TroublePassingModel</a></li>
<li><a href="/bianchengyuyan/273360.html" target="_blank" title="Html.Labelfor使用对象的DisplayName代">Html.Labelfor使用对象的DisplayName代</a></li>
<li><a href="/bianchengyuyan/273342.html" target="_blank" title="Html Agility Pack无法使用xpath查找列表">Html Agility Pack无法使用xpath查找列表</a></li>
<li><a href="/bianchengyuyan/273284.html" target="_blank" title="使用控制器操作过滤器捕获HTML输出">使用控制器操作过滤器捕获HTML输出</a></li>
<li><a href="/bianchengyuyan/273199.html" target="_blank" title="AspMVC4Createacustomhtmlhelper">AspMVC4Createacustomhtmlhelper</a></li>
<li><a href="/bianchengyuyan/273190.html" target="_blank" title="如何在C#中使用XSLT将XML转换为HTML？Share">如何在C#中使用XSLT将XML转换为HTML？Share</a></li>
<li><a href="/bianchengyuyan/273185.html" target="_blank" title="设置'cshtml'数据并返回一个字符串分享">设置'cshtml'数据并返回一个字符串分享</a></li>
<li><a href="/bianchengyuyan/273119.html" target="_blank" title="如何在MVC Html.DropDownList（）中添加静">如何在MVC Html.DropDownList（）中添加静</a></li>
<li><a href="/bianchengyuyan/273091.html" target="_blank" title="ConvertHTMLcontenttoPdfusingc#">ConvertHTMLcontenttoPdfusingc#</a></li>
<li><a href="/bianchengyuyan/272711.html" target="_blank" title="C#HtmlEncode-ISO-8859-1实体名称和编号">C#HtmlEncode-ISO-8859-1实体名称和编号</a></li>
<li><a href="/bianchengyuyan/272707.html" target="_blank" title="MVC4：自定义路由和Html.Action不同步分享">MVC4：自定义路由和Html.Action不同步分享</a></li>
<li><a href="/bianchengyuyan/272695.html" target="_blank" title="如何编辑MVC3中Html.DisplayFor方法的CSS">如何编辑MVC3中Html.DisplayFor方法的CSS</a></li>
<li><a href="/bianchengyuyan/272550.html" target="_blank" title="htmlagilitypack-删除脚本和样式？分享">htmlagilitypack-删除脚本和样式？分享</a></li>
<li><a href="/bianchengyuyan/272381.html" target="_blank" title="如何在ASP.NETMVC的验证消息中呈现html？Shar">如何在ASP.NETMVC的验证消息中呈现html？Shar</a></li>
<li><a href="/bianchengyuyan/272244.html" target="_blank" title="使用c＃MVC3 Html.ActionLink渲染引导程序">使用c＃MVC3 Html.ActionLink渲染引导程序</a></li>
<li><a href="/bianchengyuyan/271867.html" target="_blank" title="如何在选择另一个@ Html.DropDownList 后填">如何在选择另一个@ Html.DropDownList 后填</a></li>
</ul>
</div>
</div>
<div class="main-right">
<div class="right_fix">
<div class="r_con">
<div class="r_title">最新推荐</div>
<ul>
<li><em>1</em><a href="/kejifunen/363396.html" title="轻松整理长假照片，魅族Flyme图库功能有惊喜" target="_blank">轻松整理长假照片，魅族Flyme图库功能有惊喜</a></li>
<li><em>2</em><a href="/kejifunen/360384.html" title="虚拟现实初学者指南！选择合适的硬件和软件" target="_blank">虚拟现实初学者指南！选择合适的硬件和软件</a></li>
<li><em>3</em><a href="/kejifunen/359587.html" title="从初学者到爱好者，想要体验虚拟现实应该考虑哪些设备？ " target="_blank">从初学者到爱好者，想要体验虚拟现实应该考虑哪些设备？ </a></li>
<li><em>4</em><a href="/kejifunen/355621.html" title="利用AI帮助律师整理档案，Everlaw获2500万美元B轮" target="_blank">利用AI帮助律师整理档案，Everlaw获2500万美元B轮</a></li>
<li><em>5</em><a href="/kejifunen/354106.html" title="有图有真相，摄影初学者可以跟着它拍出自然人像的样张" target="_blank">有图有真相，摄影初学者可以跟着它拍出自然人像的样张</a></li>
<li><em>6</em><a href="/kejifunen/336727.html" title="OPPO 5G核心技术整理出版，成为通信专业必备参考书" target="_blank">OPPO 5G核心技术整理出版，成为通信专业必备参考书</a></li>
<li><em>7</em><a href="/jishuluodi/329077.html" title="电商运营好学吗？初学者是如何学习电商运营的？ " target="_blank">电商运营好学吗？初学者是如何学习电商运营的？ </a></li>
<li><em>8</em><a href="/jishuluodi/328486.html" title="整理旧vivo手机？ " target="_blank">整理旧vivo手机？ </a></li>
<li><em>9</em><a href="/jishuluodi/321896.html" title="整理中国近代史时间线" target="_blank">整理中国近代史时间线</a></li>
<li><em>10</em><a href="/jishuluodi/319989.html" title="初学者如何开无货源的网店" target="_blank">初学者如何开无货源的网店</a></li>
</ul>
</div>
<div class="r_con">
<div class="r_title">猜你喜欢</div>
<ul class="you_like">
<li><em>1</em><a href="/jishuluodi/312866.html" title="初学者如何做跨境电商入门教程" target="_blank">初学者如何做跨境电商入门教程</a></li>
<li><em>2</em><a href="/kejidiedai/302062.html" title="适合初学者的系统怎么样？新手一键重装系统靠谱吗？ " target="_blank">适合初学者的系统怎么样？新手一键重装系统靠谱吗？ </a></li>
<li><em>3</em><a href="/shumafazhan/298774.html" title="雷霆并不是唯一！ PC下载神器整理：清爽好用" target="_blank">雷霆并不是唯一！ PC下载神器整理：清爽好用</a></li>
<li><em>4</em><a href="/shumafazhan/294908.html" title="Win10笔记本初学者使用教程：一文搞懂、避免陷阱" target="_blank">Win10笔记本初学者使用教程：一文搞懂、避免陷阱</a></li>
<li><em>5</em><a href="/shumafazhan/294466.html" title="整理换季衣物，拥有整齐衣柜" target="_blank">整理换季衣物，拥有整齐衣柜</a></li>
<li><em>6</em><a href="/bianchengyuyan/275294.html" title="HtmlAgilityPack替换节点分享" target="_blank">HtmlAgilityPack替换节点分享</a></li>
<li><em>7</em><a href="/bianchengyuyan/275217.html" title="htmlagilitypackgzip加密异常分享" target="_blank">htmlagilitypackgzip加密异常分享</a></li>
<li><em>8</em><a href="/bianchengyuyan/275215.html" title="Helper方法生成小型HTML片段Share" target="_blank">Helper方法生成小型HTML片段Share</a></li>
<li><em>9</em><a href="/bianchengyuyan/275139.html" title="发送包含嵌入图像和纯文本的html电子邮件，其中包含与C＃中" target="_blank">发送包含嵌入图像和纯文本的html电子邮件，其中包含与C＃中</a></li>
<li><em>10</em><a href="/bianchengyuyan/275136.html" title="如何将viewbag显示为html？分享" target="_blank">如何将viewbag显示为html？分享</a></li>
<li><em>11</em><a href="/bianchengyuyan/274986.html" title="在C＃中将HTML实体转换为Unicode字符分享" target="_blank">在C＃中将HTML实体转换为Unicode字符分享</a></li>
<li><em>12</em><a href="/bianchengyuyan/274921.html" title="HtmlAgilityPack中的NullReference" target="_blank">HtmlAgilityPack中的NullReference</a></li>
<li><em>13</em><a href="/bianchengyuyan/274907.html" title="如何在C#中以最快的方式获取HTMLDocument的所有文" target="_blank">如何在C#中以最快的方式获取HTMLDocument的所有文</a></li>
<li><em>14</em><a href="/bianchengyuyan/274889.html" title="HtmlAgilityPack-removeelements" target="_blank">HtmlAgilityPack-removeelements</a></li>
<li><em>15</em><a href="/bianchengyuyan/274795.html" title="在没有DocumentViewer的情况下显示HTML文档的" target="_blank">在没有DocumentViewer的情况下显示HTML文档的</a></li>
<li><em>16</em><a href="/bianchengyuyan/274727.html" title="ItextSharp尝试解析html进行pdf转换时出错分享" target="_blank">ItextSharp尝试解析html进行pdf转换时出错分享</a></li>
<li><em>17</em><a href="/bianchengyuyan/274635.html" title="为什么在确实有匹配元素的情况下，这个HtmlAgilityP" target="_blank">为什么在确实有匹配元素的情况下，这个HtmlAgilityP</a></li>
<li><em>18</em><a href="/bianchengyuyan/274621.html" title="htmlagilitypack-删除脚本和样式？分享" target="_blank">htmlagilitypack-删除脚本和样式？分享</a></li>
<li><em>19</em><a href="/bianchengyuyan/274584.html" title="为自定义ActionLinkHelper扩展添加到htmlA" target="_blank">为自定义ActionLinkHelper扩展添加到htmlA</a></li>
<li><em>20</em><a href="/bianchengyuyan/274531.html" title="如何使用Silverlight-C#删除HtmlElemen" target="_blank">如何使用Silverlight-C#删除HtmlElemen</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="related_article"></div>
<div class="footer">
<p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p>
<p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。
如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p>
</div>
<!-- 应用插件标签 start -->
<!-- 应用插件标签 end -->
</body>
</html>
